a11y: resolve images, nav-pills issues

beautyjoy · Jun 18, 2024 · 6cda24a · 6cda24a
1 parent a38de51
commit 6cda24a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 15 deletions.
diff --git a/_layouts/india.html b/_layouts/india.html
@@ -5,7 +5,7 @@
 .jumbotron1 {
   position: relative;
   margin: 0;
-  display: inline-table; 
+  display: inline-table;
   background: $primary-color;
   box-shadow: none;
   background-position: center;
@@ -47,7 +47,7 @@
 h1 {
   font-size: 48px;
   text-transform: uppercase;
-  word-wrap: break-word; 
+  word-wrap: break-word;
 }
 </style>
 <div class="jumbotron1 homepage1">
@@ -61,12 +61,12 @@ <h1>BJC India Chapter</h1>
     <div class="row">
       <div class="col-sm-2">
           <ul class="nav nav-pills nav-stacked internal-links-nav">
-            <li role="presentation">
+            <li>
               <a href="{{ site.baseurl }}/india-pd/">
                  <div class="hover-accent">About BJC India</div>
               </a>
             </li>
-            <li role="presentation">
+            <li>
               <a href="{{ site.baseurl }}/india-pd/bjc-2019">
                 <div class="hover-accent"> PD 2019</div>
               </a>

diff --git a/_layouts/pd-6-weeks.html b/_layouts/pd-6-weeks.html
@@ -15,10 +15,10 @@
 <div class="row">
     <div class="col-sm-2">
         <ul class="nav nav-pills nav-stacked internal-links-nav">
-            <li role="presentation">
+            <li>
                 <a href="{{ site.baseurl }}/pd-6-weeks"><div class="hover-accent">About</div></a>
             </li>
-            <li role="presentation">
+            <li>
                 <a href="{{ site.baseurl }}/pd-6-weeks/resources"><div class="hover-accent">Workshop Resources</div></a>
             </li>
         </ul>

diff --git a/_layouts/summer-pd.html b/_layouts/summer-pd.html
@@ -6,26 +6,26 @@
 <div class="row">
     <div class="col-sm-2">
         <ul class="nav nav-pills nav-stacked internal-links-nav">
-            <li role="presentation">
+            <li>
                 <a href="{{ site.baseurl }}/summer-pd">
                     <div class="hover-accent">About</div>
                 </a>
             </li>
-            <!-- <li role="presentation">
+            <!-- <li>
                 <a href="{{ site.baseurl }}/summer-pd/eligibility"><div class="hover-accent">Eligibility</div></a>
             </li> -->
-            <!-- <li role="presentation">
+            <!-- <li>
                 <a href="{{ site.baseurl }}/summer-pd/cost"><div class="hover-accent">Cost, Stipends and Support</div></a>
             </li> -->
-            <!-- <li role="presentation">
+            <!-- <li>
                 <a href="{{ site.baseurl }}/summer-pd/apply">
                   <div class="hover-accent">Apply to BJC PD</div>
                 </a>
             </li> -->
-            <!-- <li role="presentation">
+            <!-- <li>
                 <a href="{{ site.baseurl }}/summer-pd/resources"><div class="hover-accent">Workshop Resources</div></a>
             </li> -->
-            <!-- <li role="presentation">
+            <!-- <li>
                 <a href="{{ site.baseurl }}/summer-pd/coordinators">
                     <div class="hover-accent">PD Coordinators</div>
                 </a>

diff --git a/resources.html b/resources.html
@@ -8,8 +8,8 @@
 filter_tags: snap students
 ---
 {% capture section_content %}
-<strong>Filter:</strong>
-<select class="resources-filter">
+<label for="resources-filter">Filter Resources:</strong>
+<select class="resources-filter" id="#resources-filter">
     <option value="all">All</option>
     {% assign filter_tags = page.filter_tags | split: " " %}
     {% for tag in filter_tags %}
@@ -179,7 +179,8 @@ <h3 class="text-center text-uppercase">Snap<em>!</em> Projects</h3>
             {% for project in site.data.snap-projects %}
             <div class="col-md-3 col-xs-6 grid-item">
                 <div class="project-tile">
-                    <img src="{{ site.baseurl }}/assets/img/project_thumbnails/{{ project.thumbnail }}">
+                    <img src="{{ site.baseurl }}/assets/img/project_thumbnails/{{ project.thumbnail }}"
+                        alt="Thumbnail of Snap! project, '{{ project.title }}'">
                     <div class="caption">
                         <a href="{{ project.link }}" class="unstyled-link" target="_blank">
                             <h3 class="project-title">{{ project.title }}</h3>