A11y fixes

_data/conf.yml

@@ -213,7 +213,7 @@ show-sponsors: true
 sponsor-buttons: true
 # if true, the nav/footer links go to /prospectus/ instead of /sponsors/
 # for use early on when we are looking for, but do not have many, sponsors
-sponsors-links-to-prospectus: true
+sponsors-links-to-prospectus: false
 # URL to document
 prospectus-document:
 sponsor-btn-link: https://www.concentra-cms.com/c4l26sponsorreg.html#/

_data/examples/sponsors.yml

@@ -1,6 +1,6 @@
 # Example
 # - name: ebsco
-  # img: assets/img/sponsors/ebsco.svg
+  # img: /assets/img/sponsors/ebsco.svg
   # link: http://www.google.com
   # level: platinum
   # diversity: true
@@ -27,7 +27,7 @@
 # - exhibitor
 
 - name: Logan's Cutlery
-  img: assets/img/examples/sponsors/one.svg
+  img: /assets/img/examples/sponsors/one.svg
   link: https://www.google.com
   level: adamantium
 
@@ -37,43 +37,43 @@
   diversity: true
 
 - name: Imani's Computer Repair
-  img: assets/img/examples/sponsors/two.svg
+  img: /assets/img/examples/sponsors/two.svg
   link: https://www.google.com
   level: diamond
   diversity: true
 
 - name: Gabirel's Sporting Goods
-  img: assets/img/examples/sponsors/three.svg
+  img: /assets/img/examples/sponsors/three.svg
   link: https://www.google.com
   level: gold
   transcription: true
 
 - name: Oskar's Finery
-  img: assets/img/examples/sponsors/one.svg
+  img: /assets/img/examples/sponsors/one.svg
   level: silver
 
 - name: Li Wei's Pizzeria
   level: bronze
   annotation: "Closed Captioning"
 
 - name: Chucks's Nursery
-  img: assets/img/examples/sponsors/two.svg
+  img: /assets/img/examples/sponsors/two.svg
   level: supporter
   annotation: "Closed Captioning"
 
 - name: oXygen XML
-  img: assets/img/sponsors/oxygennn.png
+  img: /assets/img/sponsors/oxygennn.png
   link: https://www.oxygenxml.com
   level: giveaway
 
 - name: Johns Hopkins Sheridan Libraries
-  img: assets/img/sponsors/johnshopkinsss.jpg
+  img: /assets/img/sponsors/johnshopkinsss.jpg
   link: https://www.library.jhu.edu
   level: bronze
   annotation: 'Childcare'
 
 - name: Balsamiq
-  img: assets/img/sponsors/balsamiqqq.png
+  img: /assets/img/sponsors/balsamiqqq.png
   link: https://balsamiq.com/
   level: giveaway
   diversity: true

_data/sponsors.yml

@@ -0,0 +1,44 @@
+# Example
+# - name: ebsco
+  # img: assets/img/sponsors/ebsco.svg
+  # link: http://www.google.com
+  # level: platinum
+  # diversity: true
+  # transcription: false
+  # annotation: extra note here
+
+# if img is omitted, the name will be displayed instead.
+
+# The annotation key can be used to specify a qualifier next
+# to the sponsor's name/logo (e.g., "Closed Captioning")
+
+# diversity key indicates sponsors that should show up
+# on the diversity scholarships section of the site
+
+# Available Levels
+# - adamantium
+# - platinum
+# - diamond
+# - gold
+# - silver
+# - bronze
+# - contributor
+# - supporter
+# - exhibitor
+
+- name: UCLA Library
+  img: /assets/img/sponsors/ucla-library-bronze.png
+  link: https://www.library.ucla.edu
+  level: bronze
+
+- name: University of Michigan Library
+  img: /assets/img/sponsors/umich-library-streaming.png
+  link: https://www.lib.umich.edu
+  level: bronze
+  annotation: Streaming Sponsor
+
+# TBD not paid yet
+# - name: Index Data
+#   img: /assets/img/sponsors/index-data-bronze.png
+#   link: https://indexdata.com
+#   level: bronze

_includes/nav.html

@@ -1,69 +1,55 @@
 <a href="#main" class="sr-only sr-only-focusable">Skip to main content</a>
 <nav class="navbar navbar-expand-md navbar-dark" role="navigation">
-  <!-- <div class="container-fluid"> -->
     <!-- Brand and toggle get grouped for better mobile display -->
-    <!-- <div class="navbar-header"> -->
-      <a class="navbar-brand" aria-label="Code4Lib Home" href="{{ site.baseurl }}/"><img src="{{ "/assets/img/theme-images/c4l-logo.svg" | relative_url }}" alt="Code4Lib"></a>
-      <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation"> -->
-           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="navbar-toggler-icon"></span>
-      </button>
-    <!-- </div> -->
+    {% comment %} WAVE: avoid adjacent links to same URL by skipping this one & keeping "Home" below {% endcomment %}
+    <a class="navbar-brand" aria-hidden="true" tabindex="-1" href="{{ site.baseurl }}/"><img src="{{ "/assets/img/theme-images/c4l-logo.svg" | relative_url }}" alt="Code4Lib"></a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse " id="mainNavBar">
-      <!-- HOME -->
       <ul class="navbar-nav ml-auto ">
         <li class="nav-item">
           <a class="nav-link" aria-label="Return to Code4Lib Index Page" href="{{ site.baseurl }}/">Home</a>
         </li>
-        <!-- {% if site.data.conf.program-nav-links %} -->
-        <!-- <li class="nav-item"><a href="{{ site.baseurl }}{% link schedule/index.html %}" class="nav-link">Schedule</a></li> -->
-        <!-- <li class="nav-item"><a href="{{ site.baseurl }}{% link speakers/index.html %}" class="nav-link">Speakers</a></li> -->
-        <!-- {% else %} -->
-        <!-- Information for before we have program/preconf details -->
-        <!-- <li class="nav-item"><a href="{{ site.baseurl }}{% link schedule/timeline.html %}" class="nav-link">Schedule</a></li> -->
-        <!-- <li class="nav-item"><a href="{{ site.baseurl }}{% link speakers/past-keynotes.html %}" class="nav-link">Speakers</a></li> -->
-        <!-- {% endif %} -->
 
-
-
-                <li class="nav-item"><a href="{{ site.baseurl }}{% if site.data.conf.have-schedule %}
-                {% link schedule/index.html %}{% else %}{% link schedule/timeline.html %}
-                {% endif %}" class="nav-link">Schedule</a></li>
-                <li class="nav-item"><a href="{{ site.baseurl }}{% if site.data.conf.have-talks %}
-                {% link speakers/index.html %}{% else %}{% link speakers/past-keynotes.html %}
-                {% endif %}" class="nav-link">Speakers</a></li>
-
-                {% if site.data.conf.show-sponsors%}
-                    <li class="nav-item">
-                    {% if site.data.conf.sponsors-links-to-prospectus %}
-                        <a class="nav-link" href="{{ site.baseurl }}{% link prospectus/index.html %}">Sponsors</a>
-                    {% else %}
-                        <a class="nav-link" href="{{ site.baseurl }}{% link sponsors/index.html %}">Sponsors</a>
-                    {% endif %}
-                    </li>
-                {% endif %}
-
-                <li class="nav-item"><a href="{{ site.baseurl }}{% link general-info/attend.html %}" class="nav-link">General Info</a></li>
-
-                 <li class="nav-item"><a href="{{ site.baseurl }}{% link conduct/index.html %}" class="nav-link">Conduct & Safety</a></li>
-
-                <!-- SEARCH -->
-                {% if site.data.conf.search %}
-                <li class="nav-item">
-                    <form class="navbar-form" action="get" id="site_search">
-                        <div class="input-group">
-                            <input class="form-control" type="text" placeholder="Search Presentations" id="search_box">
-                            <div class="input-group-btn">
-                                <button class="btn btn-default" type="submit" alt="Search"><i class="glyphicon glyphicon-search"></i></button>
-                            </div>
-                        </div>
-                    </form>
-                </li>
-                {% endif %}
-            </ul>
-        </div><!-- /.navbar-collapse -->
-    <!-- /.container-fluid -->
+        <li class="nav-item"><a href="{{ site.baseurl }}{% if site.data.conf.have-schedule %}
+        {% link schedule/index.html %}{% else %}{% link schedule/timeline.html %}
+        {% endif %}" class="nav-link">Schedule</a></li>
+        <li class="nav-item"><a href="{{ site.baseurl }}{% if site.data.conf.have-talks %}
+        {% link speakers/index.html %}{% else %}{% link speakers/past-keynotes.html %}
+        {% endif %}" class="nav-link">Speakers</a></li>
+
+        {% if site.data.conf.show-sponsors%}
+            <li class="nav-item">
+            {% if site.data.conf.sponsors-links-to-prospectus %}
+                <a class="nav-link" href="{{ site.baseurl }}{% link prospectus/index.html %}">Sponsors</a>
+            {% else %}
+                <a class="nav-link" href="{{ site.baseurl }}{% link sponsors/index.html %}">Sponsors</a>
+            {% endif %}
+            </li>
+        {% endif %}
+
+        <li class="nav-item"><a href="{{ site.baseurl }}{% link general-info/attend.html %}" class="nav-link">General Info</a></li>
+
+          <li class="nav-item"><a href="{{ site.baseurl }}{% link conduct/index.html %}" class="nav-link">Conduct & Safety</a></li>
+
+        <!-- SEARCH -->
+        {% if site.data.conf.search %}
+        <li class="nav-item">
+            <form class="navbar-form" action="get" id="site_search">
+                <div class="input-group">
+                    <input class="form-control" type="text" placeholder="Search Presentations" id="search_box">
+                    <div class="input-group-btn">
+                        <button class="btn btn-default" type="submit" alt="Search"><i class="glyphicon glyphicon-search"></i></button>
+                    </div>
+                </div>
+            </form>
+        </li>
+        {% endif %}
+    </ul>
+  </div><!-- /.navbar-collapse -->
+  <!-- /.container-fluid -->
 </nav>

_layouts/color-test.html

@@ -1,8 +1,8 @@
 {% include header.html %}
 {% include search_results.html %}
 
-<div class="CT-body" id="main">
+<main class="CT-body" id="main">
 {{ content }}
-</div>
+</main>
 
 {% include footer.html %}

_layouts/day-menu.html

@@ -2,7 +2,7 @@
 {% include search_results.html %}
 
 {% assign menu = site.data[page.menu] %}
-<div id="main">{% comment %} #main element needed for skip-menu link but we can't add it inside the loop {% endcomment %}</div>
+<main id="main">{% comment %} #main element needed for skip-menu link but we can't add it inside the loop {% endcomment %}</main>
 {% for meal in menu %}
 <section>
     <div class="container">

_layouts/day-schedule.html

@@ -1,7 +1,7 @@
 {% include header.html %}
 {% include search_results.html %}
 
-<div class="container" id="main">
+<main class="container" id="main">
     <div class="row">
         <div class="col-12">
             <h1>{% assign day = page.day | slice: -1 %}
@@ -24,6 +24,6 @@ <h1>{% assign day = page.day | slice: -1 %}
             {% endif %}
         </div>
     </div>
-</div>
+</main>
 
 {% include footer.html %}

_layouts/default.html

@@ -1,6 +1,6 @@
 {% include header.html %}
 {% include search_results.html %}
-<div id="main" class="content">
+<main id="main" class="content">
 {{ content }}
-</div>
+</main>
 {% include footer.html %}

_layouts/presentation.html

@@ -17,7 +17,7 @@
 {% endif %}
 
 <script src="{{ "/assets/js/placeholder.js" | relative_url }}"></script>
-<div class="container presentation" id="main">
+<main class="container presentation" id="main">
     <div class="row">
         <div class="col-12 col-sm-8 col-md-9">
 
@@ -204,6 +204,6 @@ <h2>Location</h2>
             {% endif %}
         </div>
     </div>
-</div>
+</main>
 
 {% include footer.html %}

_layouts/secondary-nav.html

@@ -33,9 +33,9 @@
                     </ul>
                 </nav>
             </div>
-            <div id="main" class="col-12 col-md-9 col-lg-10">
+            <main id="main" class="col-12 col-md-9 col-lg-10">
                 {{ content }}
-            </div>
+            </main>
         </div>
     </div>
 </section>