From 335e61243d45c4c2eb5d030a8ee5f85c2ddf35f3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 16 Oct 2019 02:22:50 +0200
Subject: a11y updates

---
 StoneIsland/www/index.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'StoneIsland/www/index.html')

diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 06f4455f..a422832c 100755
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -138,10 +138,11 @@
         <script type="text/html" class="template">
           <div class="hub_item" data-id="{{id}}">
             <div class="gallery gallery-{{id}}" role="carousel"></div>
+            <div role="button" class="gallery-target gallery-target-{{id}}"></div>
             <div role="button" aria-label='Scroll gallery to the left' class="gallery-left"></div>
             <div role="button" aria-label='Scroll gallery to the right' class="gallery-right"></div>
             <div role="heading" class="content-header">
-              <div role="button" class="content-share">
+              <div role="button" class="content-share" aria-label="Share this post">
                 SHARE +
               </div>
               <span role="heading" aria-details="{{cleantitle}}" class="title">{{title}}</span>
@@ -312,6 +313,7 @@
           <div role="link" class="item" aria-label="{{alt}}" style="background-image:url({{image}})"></div>
         </script>
       </div>
+      <div role="button" class="gallery-target"></div>
       <div role="button" class="gallery-left" aria-label="Scroll gallery left"></div>
       <div role="button" class="gallery-right" aria-label="Scroll gallery right"></div>
       <div class="content">
@@ -335,7 +337,7 @@
             </div>
           </div>
         </span>
-        <span role="button" class="share">SHARE +</span>
+        <span role="button" class="share" aria-label="Share this product">SHARE +</span>
         </div>
         <div class="fit">Fits Large</div>
         <div class='fitHeader'></div>
@@ -352,15 +354,16 @@
   </div>
   
   <div id="closed" role="region" aria-label="The store is closed">
+    <div class="closed_target" role="button" aria-label="The store is closed. Placeholder image of a Stone Island model wearing a jacket."></div>
     <div class="closed_store_msg">
       <h3>
         LOADING THE STORE, PLEASE WAIT
       </h3>
       <h4>
       </h4>
-      <div role="link" class="website_link">
+      <div role="link" class="website_link" aria-label='Visit w w w dot stone island dot com'>
         visit<br>
-        <b aria-label='w w w dot stone island dot com'>www.stoneisland.com</b>
+        <b role='link' aria-label='w w w dot stone island dot com'>www.stoneisland.com</b>
       </div>
     </div>
   </div>
-- 
cgit v1.2.3-70-g09d2