]> _ Git - fluidbook-html5.git/commitdiff
wip #3719 @0.5
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 2 Jul 2020 16:28:51 +0000 (18:28 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 2 Jul 2020 16:28:51 +0000 (18:28 +0200)
_index.html
js/libs/fluidbook/fluidbook.slider.js
js/libs/fluidbook/fluidbook.utils.js

index b9ca018f31b23e8ba6c0e41df0ef563ebd8cf850..db697c2db96519204b59199932d0cdf0977345f5 100644 (file)
 <body data-branch="master">
 <!--googleoff: all-->
 <!-- $beginbody -->
-<div style="display:none;" id="svg-container"><!-- $svg --></div>
-<div id="message"><!-- $message --></div>
+<div style="display:none;" id="svg-container" aria-hidden="true"><!-- $svg --></div>
+<div id="message" aria-hidden="true"><!-- $message --></div>
 <!--googleon: all-->
-<div id="seoContents">
+<div id="seoContents" aria-hidden="true">
     <!-- $seoContent -->
 </div>
 <div id="main">
-    <div id="background">
+    <div id="background" aria-hidden="true">
         <div id="center-shadow">
             <div id="shadow">
                 <div class="shadow bottom left"></div>
         <nav id="horizontalNav"></nav>
         <nav id="menu"></nav>
         <div id="search"></div>
-        <a id="logo" href="#"></a>
+        <a id="logo" href="#" aria-hidden="true"></a>
     </header>
     <div id="interface"></div>
     <div id="helpView"></div>
-    <div id="helpViewOverlay"></div>
+    <div id="helpViewOverlay" aria-hidden="true"></div>
     <div id="z" class="nozoom">
         <div id="center-fluidbook">
-            <div id="flip3dcontainer">
+            <div id="flip3dcontainer" aria-hidden="true">
                 <canvas width="1024" height="1024"></canvas>
             </div>
             <div id="fluidbook">
-                <div id="edges">
+                <div id="edges" aria-hidden="true">
                     <div class="edge left">
                         <div class="top"></div>
                         <div class="middle"></div>
                         <div class="bottom"></div>
                     </div>
                 </div>
-                <div id="pagesnumbers" class="hidden">
+                <div id="pagesnumbers" class="hidden" aria-hidden="true">
                     <div class="left"></div>
                     <div class="right"></div>
                 </div>
                 <div id="pages" class="double">
-                    <div id="currentDoublePage" class="doublePage"></div>
-                    <div id="searchHighlights"></div>
+                    <div id="currentDoublePage" class="doublePage" aria-hidden="true"></div>
+                    <div id="searchHighlights" aria-hidden="true"></div>
                     <div id="links"></div>
                 </div>
             </div>
         </div>
     </div>
-    <a id="down" href="#"></a>
+    <a id="down" href="#" aria-hidden="true"></a>
     <footer id="credits"><!-- $credits --></footer>
 </div>
 <div id="searchHints"></div>
-<div id="viewOverlay"></div>
+<div id="viewOverlay" aria-hidden="true"></div>
 <div id="view"></div>
-<div id="innerView"></div>
-<div id="pagesContents"><!-- $pagesContents --></div>
-<div id="op"></div>
-<div id="ol"></div>
-<canvas id="pscanvas" width="4096" height="4096"></canvas>
-<div id="loader"></div>
-<div id="hiddencontents"><!-- $hiddenContents --></div>
-<div id="splash" style="background-color:#<!-- $bgcolor -->;<!-- $splashstyles -->"><!-- $splash --></div>
-<div id="popinOverlay"></div>
+<div id="innerView" aria-hidden="true"></div>
+<div id="pagesContents" aria-hidden="true"><!-- $pagesContents --></div>
+<div id="op" aria-hidden="true"></div>
+<div id="ol" aria-hidden="true"></div>
+<canvas id="pscanvas" width="4096" height="4096" aria-hidden="true"></canvas>
+<div id="loader" aria-hidden="true"></div>
+<div id="hiddencontents" aria-hidden="true"><!-- $hiddenContents --></div>
+<div id="splash" style="background-color:#<!-- $bgcolor -->;<!-- $splashstyles -->" aria-hidden="true"><!-- $splash --></div>
+<div id="popinOverlay" aria-hidden="true"></div>
 <div id="landingPage"></div>
-<div id="loadedcontents"></div>
+<div id="loadedcontents" aria-hidden="true"></div>
 <!-- $statsfooter -->
 </body>
 </html>
\ No newline at end of file
index 180dc970cb1f7f5dc47c819b6068dbbb7377fc4e..a6f54b79f4c5bea637a07182a65b9e69b98c4ca1 100644 (file)
@@ -21,7 +21,7 @@ FluidbookSlider.prototype = {
             return false;
         });
 
-        $("#interface").append('<div id="slider"><div id="sliderthumb"><div class="doubleThumb"><div class="thumb left"><a href="#"><div class="img"></div></a><span class="number"></span><a href="#" class="bookmark left"></a></div><div class="thumb right"><a href="#"><div class="img"></div></a><span class="number"></span><a href="#" class="bookmark right"></a></div></div></div><div id="sliderback"><div class="visible"></div></div><div id="slidercursor"><div class="visible"></div></div></div>');
+        $("#interface").append('<div id="slider" aria-hidden="true"><div id="sliderthumb"><div class="doubleThumb"><div class="thumb left"><a href="#"><div class="img"></div></a><span class="number"></span><a href="#" class="bookmark left"></a></div><div class="thumb right"><a href="#"><div class="img"></div></a><span class="number"></span><a href="#" class="bookmark right"></a></div></div></div><div id="sliderback"><div class="visible"></div></div><div id="slidercursor"><div class="visible"></div></div></div>');
 
         $(this.fluidbook).on('fluidbook.page.change.end', function (e, page) {
             $this.updateCursorPosition();
index 338d1dbb4db3c752a85679f588b2ee0b58060431..78a6f6753826bbd5750c8c901bf372be6b66ca9f 100644 (file)
@@ -81,7 +81,7 @@ function getSpriteIcon(icon, attrs) {
     $.each(attrs, function (k, v) {
         a.push(k + '="' + v + '"');
     });
-    return '<svg ' + a.join(' ') + '><use xlink:href="#' + icon + '" /></svg>';
+    return '<svg ' + a.join(' ') + ' aria-hidden="true"><use xlink:href="#' + icon + '" /></svg>';
 }
 
 function relativeToAbsoluteURL(relative) {