Merge pull request #1986 from writethedocs/accessibility

Improve accessibility
writethedocs · Jul 12, 2023 · c0b98f3 · c0b98f3
2 parents 502b474 + a9cb9a3
commit c0b98f3
Show file tree

Hide file tree

Showing 13 changed files with 100 additions and 111 deletions.
diff --git a/docs/_static/conf-legacy/2017/icomoon/demo.html b/docs/_static/conf-legacy/2017/icomoon/demo.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html lang="en">
 <head>
     <meta charset="utf-8">
     <title>IcoMoon Demo</title>

diff --git a/docs/_templates/2018/base.html b/docs/_templates/2018/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -13,8 +13,6 @@
         <meta name="author" content="Write the Docs">
         <meta name="ROBOTS" content="ALL">
 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
         <!-- Open Graph protocol -->
         <meta property="og:type" content="conference">
         <meta property="og:url" content="http://www.writethedocs.org">
@@ -145,16 +143,16 @@ <h2 class="uk-first-column">Sponsors</h2>
 
                     <div class="footer-icon-list">
                         <a href="https://github.com/writethedocs">
-                            <img src="{{ pathto('_static/conf/images/icons/github-footer-green.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/github-footer-green.svg', 1) }}" alt="GitHub">
                         </a>
                         <a href="https://twitter.com/writethedocs">
-                            <img src="{{ pathto('_static/conf/images/icons/twitter-footer-green.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/twitter-footer-green.svg', 1) }}" alt="Twitter">
                         </a>
                         <a href="https://www.flickr.com/photos/writethedocs/">
-                            <img src="{{ pathto('_static/conf/images/icons/flickr-green.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/flickr-green.svg', 1) }}" alt="Flickr">
                         </a>
                         <a href="https://writethedocs.slack.com">
-                            <img src="{{ pathto('_static/conf/images/icons/slack-green.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/slack-green.svg', 1) }}" alt="Slack">
                         </a>
                     </div><!-- end footer icons list of  links -->
                 </div> <!-- end of footer social section -->
@@ -170,16 +168,16 @@ <h2 class="uk-first-column">Sponsors</h2>
             </div><!-- end of footer content  -->
             <div class="footer-pics">
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-01.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-01.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-02.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-02.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-04.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-04.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-03.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-03.jpg', 1) }}" alt="" >
                 </div>
             </div>
         </div>
@@ -201,7 +199,7 @@ <h2 class="uk-first-column">Sponsors</h2>
         </script>
 
         <!-- UIkit JS -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.25/js/uikit.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.25/js/uikit-icons.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.16.22/js/uikit.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.16.22/js/uikit-icons.min.js"></script>
     </body>
 </html>
diff --git a/docs/_templates/2018/index.html b/docs/_templates/2018/index.html
@@ -156,13 +156,13 @@ <h2>What is this event?</h2>
 
       <div class="picture-set">
         <div data-aos="pictrue-03" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1)  }}" alt="" >
         </div>
         <div data-aos="pictrue-02" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1)  }}" alt="" >
         </div>
         <div data-aos="pictrue-01" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1)  }}" alt="" >
         </div>
       </div>
     </div>

diff --git a/docs/_templates/2019/base.html b/docs/_templates/2019/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -13,8 +13,6 @@
         <meta name="author" content="Write the Docs">
         <meta name="ROBOTS" content="ALL">
 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
         <!-- Open Graph protocol -->
         <meta property="og:type" content="conference">
         <meta property="og:url" content="http://www.writethedocs.org">
@@ -114,16 +112,16 @@ <h2 class="uk-first-column">Sponsors</h2>
 
                     <div class="footer-icon-list">
                         <a href="https://github.com/writethedocs">
-                            <img src="{{ pathto('_static/conf/images/icons/github-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/github-footer-white.svg', 1) }}" alt="GitHub">
                         </a>
                         <a href="https://twitter.com/writethedocs">
-                            <img src="{{ pathto('_static/conf/images/icons/twitter-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/twitter-footer-white.svg', 1) }}" alt="Twitter">
                         </a>
                         <a href="https://www.flickr.com/photos/writethedocs/">
-                            <img src="{{ pathto('_static/conf/images/icons/flickr-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/flickr-footer-white.svg', 1) }}" alt="Flickr">
                         </a>
                         <a href="https://www.writethedocs.org/slack/">
-                            <img src="{{ pathto('_static/conf/images/icons/slack-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/slack-footer-white.svg', 1) }}" alt="Slack">
                         </a>
                     </div><!-- end footer icons list of  links -->
                 </div> <!-- end of footer social section -->
@@ -139,16 +137,16 @@ <h2 class="uk-first-column">Sponsors</h2>
             </div><!-- end of footer content  -->
             <div class="footer-pics">
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-01.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-01.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-02.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-02.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-04.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-04.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-03.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-03.jpg', 1) }}" alt="" >
                 </div>
             </div>
         </div>
@@ -170,7 +168,7 @@ <h2 class="uk-first-column">Sponsors</h2>
         </script>
 
         <!-- UIkit JS -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.25/js/uikit.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.25/js/uikit-icons.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.16.22/js/uikit.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.16.22/js/uikit-icons.min.js"></script>
     </body>
 </html>
diff --git a/docs/_templates/2019/index.html b/docs/_templates/2019/index.html
@@ -133,13 +133,13 @@ <h2>What is this event?</h2>
 
       <div class="picture-set">
         <div data-aos="pictrue-03" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1)  }}" alt="" >
         </div>
         <div data-aos="pictrue-02" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1)  }}" alt="" >
         </div>
         <div data-aos="pictrue-01" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1)  }}" alt="" >
         </div>
       </div>
     </div>
@@ -149,15 +149,15 @@ <h2>What is this event?</h2>
     <div class="uk-container" uk-grid>
       <h2>Schedule Overview</h2>
       <div class="schedule-item uk-width-1-3@s">
-        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_one.icon + '-' + color +  '.svg', 1) }}">
+        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_one.icon + '-' + color +  '.svg', 1) }}" alt="">
         <h3>{{ date.day_one.event }} </h3>
         <em>{{ date.day_one.date }} </em>
         <p>{{ date.day_one.summary }} </p>
       </div>
 
       {% if date.day_two is defined %}
       <div class="schedule-item uk-width-1-3@s">
-        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_two.icon + '-' + color +  '.svg', 1) }}">
+        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_two.icon + '-' + color +  '.svg', 1) }}" alt="">
         <h3>{{ date.day_two.event }} </h3>
         <em>{{ date.day_two.date }} </em>
         <p>{{ date.day_two.summary }} </p>
@@ -166,7 +166,7 @@ <h3>{{ date.day_two.event }} </h3>
 
       {% if date.day_three is defined %}
       <div class="schedule-item uk-width-1-3@s">
-        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_three.icon + '-' + color +  '.svg', 1) }}">
+        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_three.icon + '-' + color +  '.svg', 1) }}" alt="">
         <h3>{{ date.day_three.event }} </h3>
         <em>{{ date.day_three.date }} </em>
         <p>{{ date.day_three.summary }} </p>

diff --git a/docs/_templates/2020/base.html b/docs/_templates/2020/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -13,8 +13,6 @@
         <meta name="author" content="Write the Docs">
         <meta name="ROBOTS" content="ALL">
 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
         <!-- Open Graph protocol -->
         <meta property="og:type" content="conference">
         <meta property="og:url" content="http://www.writethedocs.org">
@@ -114,16 +112,16 @@ <h2 class="uk-first-column">Sponsors</h2>
 
                     <div class="footer-icon-list">
                         <a href="https://github.com/writethedocs">
-                            <img src="{{ pathto('_static/conf/images/icons/github-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/github-footer-white.svg', 1) }}" alt="GitHub">
                         </a>
                         <a href="https://twitter.com/writethedocs">
-                            <img src="{{ pathto('_static/conf/images/icons/twitter-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/twitter-footer-white.svg', 1) }}" alt="Twitter">
                         </a>
                         <a href="https://www.flickr.com/photos/writethedocs/">
-                            <img src="{{ pathto('_static/conf/images/icons/flickr-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/flickr-footer-white.svg', 1) }}" alt="Flickr">
                         </a>
                         <a href="https://www.writethedocs.org/slack/">
-                            <img src="{{ pathto('_static/conf/images/icons/slack-footer-white.svg', 1) }}">
+                            <img src="{{ pathto('_static/conf/images/icons/slack-footer-white.svg', 1) }}" alt="Slack">
                         </a>
                     </div><!-- end footer icons list of  links -->
                 </div> <!-- end of footer social section -->
@@ -139,16 +137,16 @@ <h2 class="uk-first-column">Sponsors</h2>
             </div><!-- end of footer content  -->
             <div class="footer-pics">
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-01.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-01.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-02.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-02.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-04.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-04.jpg', 1) }}" alt="" >
                 </div>
                 <div>
-                    <img src="{{ pathto('_static/conf/images/pics/ft-image-03.jpg', 1) }}">
+                    <img src="{{ pathto('_static/conf/images/pics/ft-image-03.jpg', 1) }}" alt="" >
                 </div>
             </div>
         </div>
@@ -170,7 +168,7 @@ <h2 class="uk-first-column">Sponsors</h2>
         </script>
 
         <!-- UIkit JS -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.25/js/uikit.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.25/js/uikit-icons.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.16.22/js/uikit.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.16.22/js/uikit-icons.min.js"></script>
     </body>
 </html>
diff --git a/docs/_templates/2020/index.html b/docs/_templates/2020/index.html
@@ -134,13 +134,13 @@ <h2>What is this event?</h2>
 
       <div class="picture-set">
         <div data-aos="pictrue-03" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1)  }}" alt="" >
         </div>
         <div data-aos="pictrue-02" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1)  }}" alt="" >
         </div>
         <div data-aos="pictrue-01" data-aos-once="true">
-        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1) }}">
+        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1)  }}" alt="" >
         </div>
       </div>
     </div>
@@ -150,15 +150,15 @@ <h2>What is this event?</h2>
     <div class="uk-container" uk-grid>
       <h2>Schedule Overview</h2>
       <div class="schedule-item uk-width-1-3@s">
-        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_one.icon + '-' + color +  '.svg', 1) }}">
+        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_one.icon + '-' + color +  '.svg', 1) }}" alt="">
         <h3>{{ date.day_one.event }} </h3>
         <em>{{ date.day_one.date }} </em>
         <p>{{ date.day_one.summary }} </p>
       </div>
 
       {% if date.day_two is defined %}
       <div class="schedule-item uk-width-1-3@s">
-        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_two.icon + '-' + color +  '.svg', 1) }}">
+        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_two.icon + '-' + color +  '.svg', 1) }}" alt="">
         <h3>{{ date.day_two.event }} </h3>
         <em>{{ date.day_two.date }} </em>
         <p>{{ date.day_two.summary }} </p>
@@ -167,7 +167,7 @@ <h3>{{ date.day_two.event }} </h3>
 
       {% if date.day_three is defined %}
       <div class="schedule-item uk-width-1-3@s">
-        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_three.icon + '-' + color +  '.svg', 1) }}">
+        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_three.icon + '-' + color +  '.svg', 1) }}" alt="">
         <h3>{{ date.day_three.event }} </h3>
         <em>{{ date.day_three.date }} </em>
         <p>{{ date.day_three.summary }} </p>