a11y updates

1 files changed, 28 insertions, 7 deletions

diff --git a/StoneIsland/www/js/lib/products/GalleryView.js b/StoneIsland/www/js/lib/products/GalleryView.js
index d6f5723c..e84caa68 100755
--- a/StoneIsland/www/js/lib/products/GalleryView.js
+++ b/StoneIsland/www/js/lib/products/GalleryView.js
@@ -58,19 +58,40 @@ var GalleryView = View.extend({
       draggable: true,
     })
 
-    this.gallery.on('staticClick', function(e){
-      var currentImage = gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
+    this.gallery.on('change', function(){
+      var currentImage = this.gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
       var partz = currentImage.split("_")
       var head = partz[0]
       var size = partz[1]
       var tail = partz[2]
       var end_partz = tail.split(/\./)
       var style = end_partz[0]
-      var largest_size = large_styles[style]
-      var hiresImage = [head, largest_size, tail].join("_")
-      app.fullscreenViewer.show(currentImage, hiresImage)
+      var label = YOOX_IMAGE_STYLE_LABELS[style] || "Image: Alternate view"
+      $("#product .gallery-target").attr('aria-label', label)
     })
+
+    this.gallery.on('staticClick', this.static_click.bind(this))
+
+    if (accessibility.voiceOver) {
+      $("#product .gallery-target").click(this.static_click.bind(this))
+      $("#product .gallery-target").attr('aria-label', "Image: Front view")
+    } else {
+      $("#product .gallery-target").remove()
+    }
   },
+  static_click: function(e){
+    var currentImage = this.gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
+    var partz = currentImage.split("_")
+    var head = partz[0]
+    var size = partz[1]
+    var tail = partz[2]
+    var end_partz = tail.split(/\./)
+    var style = end_partz[0]
+    var largest_size = large_styles[style]
+    var hiresImage = [head, largest_size, tail].join("_")
+    app.fullscreenViewer.show(currentImage, hiresImage)
+  },
+
   touchstart: function(e){
   },
   touchmove: function(e){
@@ -82,7 +103,7 @@ var GalleryView = View.extend({
 
 var YOOX_IMAGE_STYLE_ORDER = "ZZZ f r d e a b c g l".split(" ")
 var YOOX_IMAGE_STYLE_LABELS = {
-  f: 'Front view',
-  r: 'Rear view',
+  f: 'Image: Front view',
+  r: 'Image: Rear view',
 }
 function sort_image_styles (b,a){ return (YOOX_IMAGE_STYLE_ORDER.indexOf(b)) - (YOOX_IMAGE_STYLE_ORDER.indexOf(a)) }
\ No newline at end of file