Merge pull request creativecommons#822 from Dev-JoyA/accessibility-issues-identified-on-website

TimidRobot · web-flow · commit b72d68ef54c7 · 2024-10-08T13:29:24.000-07:00
[Accessibility]  Corrected  accessibility issues found on website
diff --git a/themes/vocabulary_theme/templates/layout.html b/themes/vocabulary_theme/templates/layout.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<html lang="en">
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <link rel="shortcut icon" type="image/x-icon" href="{{ '/static/favicon.ico'|url }}">
@@ -46,7 +47,7 @@
   <header class="container">
     <nav class="navbar">
       <div class="navbar-brand">
-        <a class="has-text-black" href="{{ '/'|url }}">
+        <a class="has-text-black" href="{{ '/'|url }}" aria-label="Home">
           <svg
             class="logo margin-top-small"
             xmlns="http://www.w3.org/2000/svg"
@@ -271,3 +272,4 @@ <h5>Our work relies on you!</h5>
     </div>
   </footer>
 </body>
+</html>
diff --git a/themes/vocabulary_theme/templates/macros/authors_gravatar.html b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
@@ -8,7 +8,7 @@
     {% if post.author|length >= 2 %}
         <img class="profile" src="/multiple-authors.jpg" alt="multiple authors image"/>
     {% else %}
-        <img class="profile" src="https://secure.gravatar.com/avatar/{{ current_author.md5_hashed_email }}?size=200&d=mp" alt="gravatar" />
+        <img class="profile" src="https://secure.gravatar.com/avatar/{{ current_author.md5_hashed_email }}?size=200&d=mp" alt="author's gravatar" />
     {% endif %}
       </figure>
     </header>
