wip #7779

diff --git a/js/libs/fluidbook/fluidbook.accessibility.js b/js/libs/fluidbook/fluidbook.accessibility.js
index e7352bfe1aaff9ad8be1d6a2930f0530e7b82bfd..f67d3a1fb6c1af5f2309430647261fafbf48abf7 100644 (file)
--- a/js/libs/fluidbook/fluidbook.accessibility.js
+++ b/js/libs/fluidbook/fluidbook.accessibility.js
@@ -197,7 +197,7 @@ FluidbookAccessibility.prototype = {
             },
         ];
 
-        var t = '<div class="caption "><a href="#/closeview" role="button" aria-label="Close" aria-keyshortcuts="Escape" class="button back">'+ getSpriteIcon('interface-close') +'</div>'
+        var t = '<div class="caption "><a href="#/closeview" role="button" aria-label="Close" aria-keyshortcuts="Escape" class="button back">'+ getSpriteIcon('interface-close') +'</a></div>'
         t += '<div class="content">';
         t += '<header>';
         t += '<h1>' + this.fluidbook.l10n.__('A user experience optimized for accessibility') + '</h1>';

diff --git a/style/accessibility.less b/style/accessibility.less
index 893377cf31ee54c3bd14b9bd630a3f590e58df17..c1760aa6a5156881cd5f19520eec52ce1dea907b 100644 (file)
--- a/style/accessibility.less
+++ b/style/accessibility.less
@@ -137,13 +137,24 @@
       padding-top: 70px;
       margin-top: 70px;
 
+      article {
+        margin-bottom: 20px;
+      }
+
       &.shortcuts {
+
         img {
           height: 38px;
+
+          @media @fullscreen {
+            margin-bottom: 10px;
+          }
         }
 
         article {
-          margin-bottom: 20px;
+          @media @fullscreen {
+            margin-bottom: 30px;
+          }
         }
       }
     }
@@ -183,6 +194,7 @@
     }
 
     h3{
+      font-size: 20px;
       font-weight: 700;
       margin: 0 0 20px;
     }