fix: a11y improvements for html blocks

cca · Nov 26, 2024 · 2d50530 · 2d50530
1 parent 0c5e617
commit 2d50530
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 38 deletions.
diff --git a/html_blocks/exted_resources.html b/html_blocks/exted_resources.html
@@ -1,59 +1,59 @@
 <section id="resources-grid" class="js-resources">
     <div class="resources-grid__resource">
-        <a href="http://cca.zoom.us/signin"><img src="https://storage.googleapis.com/libraries-lib-production/images/zoom.original.png" alt="Zoom video conferencing logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="http://cca.zoom.us/signin">Zoom</a>
+        <a href="http://cca.zoom.us/signin"><img src="https://storage.googleapis.com/libraries-lib-production/images/zoom.original.png" alt="Zoom video conferencing logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Zoom</a>
     </div>
 
     <!-- icon: https://uxwing.com/laptop-open-icon/ -->
     <div class="resources-grid__resource">
-        <a href="https://portal.cca.edu/learning/academic-technology/"><img src="https://storage.googleapis.com/libraries-lib-production/images/laptop-open-icon.original.png" alt="Laptop icon" width="75" height="74" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/learning/academic-technology/">Technology</a>
+        <a href="https://portal.cca.edu/learning/academic-technology/"><img src="https://storage.googleapis.com/libraries-lib-production/images/laptop-open-icon.original.png" alt="Laptop icon" width="75" height="74" class="img-responsive atto_image_button_text-bottom"><br>
+        Technology</a>
     </div>
 
      <div class="resources-grid__resource">
-        <a href="https://www.cca.edu/academics/extension/policies/"><img src="https://storage.googleapis.com/libraries-lib-production/images/Dynamic_Logo_Element_CCA_Right_Stack_NewTeal_CM.original_7G7YQXs.png" alt="CCA logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://www.cca.edu/academics/extension/policies/">Extension Policies</a>
+        <a href="https://www.cca.edu/academics/extension/policies/"><img src="https://storage.googleapis.com/libraries-lib-production/images/Dynamic_Logo_Element_CCA_Right_Stack_NewTeal_CM.original_7G7YQXs.png" alt="CCA logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Extension Policies</a>
      </div>
 
     <div class="resources-grid__resource">
-        <a href="https://portal.cca.edu/help-desk/"><img src="https://storage.googleapis.com/libraries-lib-production/images/help.original.png" alt="Help Desk icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/help-desk/">Help Desk</a>
+        <a href="https://portal.cca.edu/help-desk/"><img src="https://storage.googleapis.com/libraries-lib-production/images/help.original.png" alt="Help Desk icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Help Desk</a>
     </div>
 
     <div class="resources-grid__resource">
-        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/"><img src="https://storage.googleapis.com/libraries-lib-production/images/LRC_Coach_Icon_-_white_bg.max-165x165.png" alt="LRC coaches" width="79" height="75" class="atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/">LRC Coaches</a>
+        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/"><img src="https://storage.googleapis.com/libraries-lib-production/images/LRC_Coach_Icon_-_white_bg.max-165x165.png" alt="" width="79" height="75" class="atto_image_button_text-bottom"><br>
+        LRC Coaches</a>
     </div>
 
     <div class="resources-grid__resource">
         <a href="https://portal.cca.edu/knowledge-base/"><img
                 src="https://storage.googleapis.com/libraries-lib-production/images/KB_Thumbnail_Large_Transparent.original.png"
                 alt="Small red book icon" width="75" height="75"
-                class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/knowledge-base/">Knowledge Base</a>
+                class="img-responsive atto_image_button_text-bottom"><br>
+        Knowledge Base</a>
     </div>
 
     <div class="resources-grid__resource">
-        <a href="https://libraries.cca.edu/ask-at-cca"><img src="https://storage.googleapis.com/libraries-lib-production/images/ask-at-cca-75.original.png" alt="Ask at CCA" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://libraries.cca.edu/ask-at-cca">Ask@CCA</a>
+        <a href="https://libraries.cca.edu/ask-at-cca"><img src="https://storage.googleapis.com/libraries-lib-production/images/ask-at-cca-75.original.png" alt="Ask at CCA" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Ask@CCA</a>
     </div>
 
     <div class="resources-grid__resource">
-        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/"><img src="https://storage.googleapis.com/libraries-lib-production/images/librarian_help.original.png" alt="librarian help icon" width="75" height="75" class="atto_image_button_text-bottom"></a><br>
-        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/">Ask a Librarian</a>
+        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/"><img src="https://storage.googleapis.com/libraries-lib-production/images/librarian_help.original.png" alt="librarian help icon" width="75" height="75" class="atto_image_button_text-bottom"><br>
+        Ask a Librarian</a>
     </div>
 
     <div class="resources-grid__resource">
-        <a href="https://libguides.cca.edu/az.php"><img src="https://storage.googleapis.com/libraries-lib-production/images/articles.original.png" alt="article databases icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://libguides.cca.edu/az.php">Article Databases</a>
+        <a href="https://libguides.cca.edu/az.php"><img src="https://storage.googleapis.com/libraries-lib-production/images/articles.original.png" alt="article databases icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Article Databases</a>
     </div>
 </section>
 
 <br>
 <section id="summon-search" class="text-center">
     <a href="https://libraries.cca.edu/"><img src="https://storage.googleapis.com/libraries-lib-production/images/logo-400.original.png" alt="CCA Libraries Logo" width="203" height="29" class="img-responsive atto_image_button_text-bottom"></a>
     <form class="mt-2" method="GET" action="https://cca.summon.serialssolutions.com">
-        <input class="js-query search form-control input-lg" type="text" name="q" placeholder="Enter search term...">
+        <input aria-label="Search for books and articles" class="js-query search form-control input-lg" type="text" name="q" placeholder="Enter search term...">
         <input type="hidden" name="fvf" value="ContentType,Book Review,t">
         <input class="btn btn-primary mt-1" type="submit" value="Search">
     </form>

diff --git a/html_blocks/resources.html b/html_blocks/resources.html
@@ -1,49 +1,49 @@
 <section id="resources-grid" class="js-resources">
     <div class="resources-grid__resource">
-        <a href="http://cca.zoom.us/signin"><img src="https://storage.googleapis.com/libraries-lib-production/images/zoom.original.png" alt="Zoom video conferencing logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="http://cca.zoom.us/signin">Zoom</a>
+        <a href="http://cca.zoom.us/signin"><img src="https://storage.googleapis.com/libraries-lib-production/images/zoom.original.png" alt="Zoom video conferencing logo" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Zoom</a>
     </div>
     <div class="resources-grid__resource">
-        <a href="http://cca.voicethread.com/"><img src="https://storage.googleapis.com/libraries-lib-production/images/voicethread.original.png" alt="VoiceThread logo" width="75" height="74" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="http://cca.voicethread.com/">VoiceThread</a>
+        <a href="http://cca.voicethread.com/"><img src="https://storage.googleapis.com/libraries-lib-production/images/voicethread.original.png" alt="VoiceThread logo" width="75" height="74" class="img-responsive atto_image_button_text-bottom"><br>
+        VoiceThread</a>
     </div>
     <div class="resources-grid__resource">
-        <a href="https://portal.cca.edu/knowledge-base/"><img src="https://storage.googleapis.com/libraries-lib-production/images/KB_Thumbnail_Large_Transparent.original.png" alt="Small red book icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/knowledge-base/">Knowledge Base</a>
+        <a href="https://portal.cca.edu/knowledge-base/"><img src="https://storage.googleapis.com/libraries-lib-production/images/KB_Thumbnail_Large_Transparent.original.png" alt="Small red book icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Knowledge Base</a>
     </div>
 
     <div class="resources-grid__resource">
-        <a href="https://portal.cca.edu/help-desk/"><img src="https://storage.googleapis.com/libraries-lib-production/images/help.original.png" alt="Help Desk icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/help-desk/">Help Desk</a>
+        <a href="https://portal.cca.edu/help-desk/"><img src="https://storage.googleapis.com/libraries-lib-production/images/help.original.png" alt="Help Desk icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Help Desk</a>
     </div>
     <div class="resources-grid__resource">
-        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/"><img src="https://storage.googleapis.com/libraries-lib-production/images/LRC_Coach_Icon_-_white_bg.max-165x165.png" alt="LRC coaches" width="79" height="75" class="atto_image_button_text-bottom"></a><br>
-        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/">LRC Coaches</a>
+        <a href="https://portal.cca.edu/learning/learning-resources/make-appointment-coach-ACADEMIC/"><img src="https://storage.googleapis.com/libraries-lib-production/images/LRC_Coach_Icon_-_white_bg.max-165x165.png" alt="" width="79" height="75" class="atto_image_button_text-bottom"><br>
+        LRC Coaches</a>
     </div>
     <div class="resources-grid__resource">
-        <a href="https://libraries.cca.edu/ask-at-cca"><img src="https://storage.googleapis.com/libraries-lib-production/images/ask-at-cca-75.original.png" alt="Ask at CCA" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://libraries.cca.edu/ask-at-cca">Ask@CCA</a>
+        <a href="https://libraries.cca.edu/ask-at-cca"><img src="https://storage.googleapis.com/libraries-lib-production/images/ask-at-cca-75.original.png" alt="Ask at CCA" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Ask@CCA</a>
     </div>
 
     <div class="resources-grid__resource">
-        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/"><img src="https://storage.googleapis.com/libraries-lib-production/images/librarian_help.original.png" alt="librarian help icon" width="75" height="75" class="atto_image_button_text-bottom"></a><br>
-        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/">Ask a Librarian</a>
+        <a class="js-chat-link" href="https://libraries.cca.edu/about-us/about-us/ask-a-librarian/"><img src="https://storage.googleapis.com/libraries-lib-production/images/librarian_help.original.png" alt="librarian help icon" width="75" height="75" class="atto_image_button_text-bottom"><br>
+        Ask a Librarian</a>
     </div>
     <div class="resources-grid__resource">
-        <a href="https://libguides.cca.edu/az.php"><img src="https://storage.googleapis.com/libraries-lib-production/images/articles.original.png" alt="article databases icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://libguides.cca.edu/az.php">Article Databases</a>
+        <a href="https://libguides.cca.edu/az.php"><img src="https://storage.googleapis.com/libraries-lib-production/images/articles.original.png" alt="article databases icon" width="75" height="75" class="img-responsive atto_image_button_text-bottom"><br>
+        Article Databases</a>
     </div>
     <div class="resources-grid__resource">
-        <a href="https://libguides.cca.edu/citations"><img src="https://storage.googleapis.com/libraries-lib-production/images/asterisk.original.png" alt="cite sources link icon" width="50" height="49" class="img-responsive atto_image_button_text-bottom"></a><br>
-        <a href="https://libguides.cca.edu/citations">How to Cite Sources</a>
+        <a href="https://libguides.cca.edu/citations"><img src="https://storage.googleapis.com/libraries-lib-production/images/asterisk.original.png" alt="cite sources link icon" width="50" height="49" class="img-responsive atto_image_button_text-bottom"><br>
+        How to Cite Sources</a>
     </div>
 </section>
 
 <br>
 <section id="summon-search" class="text-center">
     <a href="https://libraries.cca.edu/"><img src="https://storage.googleapis.com/libraries-lib-production/images/logo-400.original.png" alt="CCA Libraries Logo" width="203" height="29" class="img-responsive atto_image_button_text-bottom"></a>
     <form class="mt-2" method="GET" action="https://cca.summon.serialssolutions.com">
-        <input class="js-query search form-control input-lg" type="text" name="q" placeholder="Enter search term...">
+        <input aria-label="Search for books and articles" class="js-query search form-control input-lg" type="text" name="q" placeholder="Enter search term...">
         <input type="hidden" name="fvf" value="ContentType,Book Review,t">
         <input class="btn btn-primary mt-1" type="submit" value="Search">
     </form>