diff --git a/layouts/404.html b/layouts/404.html
index b23049cbc2..51e7cca82d 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,6 +1,6 @@
 {{- partial "page-meta.hugo" . }}
 <!DOCTYPE html>
-<html lang="{{ .Page.Language | default "en" }}" dir="ltr">
+<html lang="{{ .Page.Language | default "en" }}" dir="{{ T "Reading-direction" | default "ltr" }}">
   <head>
     {{- partial "meta.html" . }}
     {{- .Scratch.Add "title" "" }}
@@ -28,7 +28,7 @@
       <div id="sidebar-overlay"></div>
       <main id="body-inner" class="chapter" tabindex="-1">
         <div class="flex-block-wrapper">
-          <article class="default" dir="{{ T "Reading-direction" | default "ltr" }}">>
+          <article class="default">>
             <h1>{{ T "title-404" }}</h1>
             <p></p>
             <p>{{ T "message-404" }}</p>
diff --git a/layouts/partials/_taxonomy.html b/layouts/partials/_taxonomy.html
index 0bb4bb6232..fc5b5b02ef 100644
--- a/layouts/partials/_taxonomy.html
+++ b/layouts/partials/_taxonomy.html
@@ -1,6 +1,6 @@
 {{- partial "page-meta.hugo" . }}
 {{- partial "header.html" . }}
-          <article dir="{{ T "Reading-direction" | default "ltr" }}">
+          <article>
 
 <h1>{{ if eq .Kind "term" }}{{ .Data.Singular | humanize }} {{ default "::" .Site.Params.titleSeparator }} {{ end }}{{ .Title }}</h1>
 <ul>
diff --git a/layouts/partials/archetypes/chapter/article.html b/layouts/partials/archetypes/chapter/article.html
index 82c957b5ac..9c9ce89d78 100644
--- a/layouts/partials/archetypes/chapter/article.html
+++ b/layouts/partials/archetypes/chapter/article.html
@@ -1,7 +1,7 @@
 {{- $page := .page }}
 {{- $content := .content }}
 {{- with $page }}
-          <article class="chapter" dir="{{ T "Reading-direction" | default "ltr" }}">
+          <article class="chapter">
 {{ partial "heading-pre.html" . }}<div class="article-subheading">{{ T "Chapter" .Params.Weight }}</div>
 <h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }}
 
diff --git a/layouts/partials/archetypes/default/article.html b/layouts/partials/archetypes/default/article.html
index 2d6a20efe1..f0a717534e 100644
--- a/layouts/partials/archetypes/default/article.html
+++ b/layouts/partials/archetypes/default/article.html
@@ -1,7 +1,7 @@
 {{- $page := .page }}
 {{- $content := .content }}
 {{- with $page }}
-          <article class="default" dir="{{ T "Reading-direction" | default "ltr" }}">
+          <article class="default">
 {{ partial "heading-pre.html" . }}<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }}
 
 {{ $content | safeHTML }}
diff --git a/layouts/partials/archetypes/deprecated-chapter/article.html b/layouts/partials/archetypes/deprecated-chapter/article.html
index db6ad21690..997383c03c 100644
--- a/layouts/partials/archetypes/deprecated-chapter/article.html
+++ b/layouts/partials/archetypes/deprecated-chapter/article.html
@@ -1,7 +1,7 @@
 {{- $page := .page }}
 {{- $content := .content }}
 {{- with $page }}
-          <article class="chapter deprecated" dir="{{ T "Reading-direction" | default "ltr" }}">
+          <article class="chapter deprecated">
 
 {{ $content | safeHTML }}
             <footer class="footline">
diff --git a/layouts/partials/archetypes/deprecated-home/article.html b/layouts/partials/archetypes/deprecated-home/article.html
index 3d58e35476..b15e932f24 100644
--- a/layouts/partials/archetypes/deprecated-home/article.html
+++ b/layouts/partials/archetypes/deprecated-home/article.html
@@ -1,7 +1,7 @@
 {{- $page := .page }}
 {{- $content := .content }}
 {{- with $page }}
-          <article class="home deprecated" dir="{{ T "Reading-direction" | default "ltr" }}">
+          <article class="home deprecated">
 
 {{ $content | safeHTML }}
             <footer class="footline">
diff --git a/layouts/partials/archetypes/home/article.html b/layouts/partials/archetypes/home/article.html
index 5831bbb1c1..6e66a678cc 100644
--- a/layouts/partials/archetypes/home/article.html
+++ b/layouts/partials/archetypes/home/article.html
@@ -1,7 +1,7 @@
 {{- $page := .page }}
 {{- $content := .content }}
 {{- with $page }}
-          <article class="home" dir="{{ T "Reading-direction" | default "ltr" }}">
+          <article class="home">
 {{ partial "heading-pre.html" . }}<h1>{{ .Title }}</h1>{{ partial "heading-post.html" . }}
 
 {{ $content | safeHTML }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 55f8d319f6..50e36a0ee4 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ .Page.Language | default "en" }}" dir="ltr">
+<html lang="{{ .Page.Language | default "en" }}" dir="{{ T "Reading-direction" | default "ltr" }}">
   <head>
     {{- partial "meta.html" . }}
     {{- $page := . }}
@@ -37,7 +37,7 @@
     <div id="body" class="default-animation">
       <div id="sidebar-overlay"></div>
       <div id="toc-overlay"></div>
-      <nav id="topbar" class="highlightable">
+      <nav id="topbar" class="highlightable" dir="ltr">
         <div>
         {{- $showPrevNext := (and (not .Params.disableNextPrev) (not .Site.Params.disableNextPrev)) }}
         {{- if $showPrevNext }}
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index c0b56f7b93..75d424cb59 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -1,6 +1,6 @@
 
     {{- $showvisitedlinks := .Site.Params.showVisitedLinks }}
-    <aside id="sidebar" class="default-animation{{ if $showvisitedlinks }} showVisitedLinks{{ end }}">
+    <aside id="sidebar" class="default-animation{{ if $showvisitedlinks }} showVisitedLinks{{ end }}" dir="ltr">
       {{- $currentNode := . }}
       <div id="header-wrapper" class="default-animation">
         <div id="header" class="default-animation">
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
index 2b81096571..20786bf144 100644
--- a/layouts/partials/tags.html
+++ b/layouts/partials/tags.html
@@ -1,7 +1,7 @@
 
 {{- $page := . }}
 {{- if .Params.tags }}
-<div class="tags" dir="{{ T "Reading-direction" | default "ltr" }}">
+<div class="tags">
 {{- range sort .Params.tags }}
   {{- $tag := . }}
   {{- with $page.Site.GetPage (printf "%s%s" ("/tags/" | relURL ) ( $tag | urlize ) ) }}
diff --git a/static/js/theme.js b/static/js/theme.js
index e4fac24ec5..9ddf9eba3d 100644
--- a/static/js/theme.js
+++ b/static/js/theme.js
@@ -250,13 +250,14 @@ function initAnchorClipboard(){
     });
 
     $(".anchor").on('mouseleave', function(e) {
-        $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
+        $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-se tooltipped-sw');
     });
 
     var clip = new ClipboardJS('.anchor');
     clip.on('success', function(e) {
         e.clearSelection();
-        $(e.trigger).attr('aria-label', window.T_Link_copied_to_clipboard).addClass('tooltipped tooltipped-s');
+        var rtl = $(e.trigger).closest('*[dir]').attr('dir') == 'rtl';
+        $(e.trigger).attr('aria-label', window.T_Link_copied_to_clipboard).addClass('tooltipped tooltipped-s'+(rtl?'e':'w') );
     });
 }
 
@@ -300,14 +301,16 @@ function initCodeClipboard(){
             clip.on('success', function(e) {
                 e.clearSelection();
                 var inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
-                $(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
+                var rtl = $(e.trigger).closest('*[dir]').attr('dir') == 'rtl';
+                $(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'+(rtl?'e':'w')));
             });
 
             clip.on('error', function(e) {
                 var inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
-                $(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
+                var rtl = $(this).closest('*[dir]').attr('dir') == 'rtl';
+                $(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'+(rtl?'e':'w')));
                 $(document).one('copy', function(){
-                    $(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
+                    $(e.trigger).attr('aria-label', window.T_Copied_to_clipboard).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'+(rtl?'e':'w')));
                 });
             });
 
@@ -321,7 +324,8 @@ function initCodeClipboard(){
             }
             code.after( $('<span>').addClass("copy-to-clipboard-button").attr("title", window.T_Copy_to_clipboard).append("<i class='fas fa-copy'></i>") );
             code.next('.copy-to-clipboard-button').on('mouseleave', function() {
-                $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
+                var rtl = $(this).closest('*[dir]').attr('dir') == 'rtl';
+                $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-w tooltipped-se tooltipped-sw');
             });
         }
     });
