Make SVG menu icon accessible, refs #1064

simonw · Oct 30, 2020 · bfac359 · bfac359
1 parent 0d7ac76
commit bfac359
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/datasette/templates/base.html b/datasette/templates/base.html
@@ -15,9 +15,10 @@
 <body class="{% block body_class %}{% endblock %}">
 <header><nav>{% block nav %}
     <details class="nav-menu">
-        <summary><svg
+        <summary><svg aria-labelledby="nav-menu-svg-title" role="img"
             fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"
             viewBox="0 0 16 16" width="16" height="16">
+                <title id="nav-menu-svg-title">Menu</title>
                 <path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
         </svg></summary>
         <div class="nav-menu-inner">