Merge remote-tracking branch 'origin/MAGETWO-32196' into UI

Author: Natalia Momotenko

app/code/Magento/Theme/view/frontend/layout/default.xml

@@ -35,7 +35,7 @@
                 <block class="Magento\Framework\View\Element\Template" name="skip_to_content" template="Magento_Theme::html/skip.phtml">
                     <arguments>
                         <argument name="target" xsi:type="string">contentarea</argument>
-                        <argument name="label" translate="true" xsi:type="string">Skip to content</argument>
+                        <argument name="label" translate="true" xsi:type="string">Skip to Content</argument>
                     </arguments>
                 </block>
                 <block class="Magento\Store\Block\Switcher" name="store_language" as="store_language" template="switch/languages.phtml"/>

app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module.less

@@ -82,7 +82,20 @@ body {
 }
 
 .action.skip {
-    &:extend(.abs-visually-hidden all);
+    &:not(:focus) {
+        &:extend(.abs-visually-hidden all);
+    }
+    &:focus {
+        position: absolute;
+        z-index: 15;
+        box-sizing: border-box;
+        width: 100%;
+        left: 0;
+        top: 0;
+        text-align: center;
+        .css(background, @color-gray94);
+        .css(padding, @indent-s-base);
+    }
 }
 
 //

app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module.less

@@ -153,7 +153,21 @@
         }
     }
 
-    .action.skip:extend(.abs-visually-hidden all) {
+    .action.skip {
+        &:not(:focus) {
+            &:extend(.abs-visually-hidden all);
+        }
+        &:focus {
+            position: absolute;
+            z-index: 15;
+            box-sizing: border-box;
+            width: 100%;
+            left: 0;
+            top: 0;
+            text-align: center;
+            .css(background, @color-gray94);
+            .css(padding, @indent-s-base);
+        }
     }
 
     //