UX

Author: philwareham

src/mockups/blog-article.html

@@ -148,7 +148,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/blog-landing.html

@@ -98,7 +98,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/documentation-example.html

@@ -69,7 +69,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/error.html

@@ -48,7 +48,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/get-started.html

@@ -92,7 +92,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li class="active"><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/index.html

@@ -83,7 +83,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/showcase-article.html

@@ -92,7 +92,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/mockups/showcase-landing.html

@@ -92,7 +92,7 @@ <h1 class="masthead" itemprop="name"><a rel="home" itemprop="url" href="https://
 
 <!-- Navigation -->
         <div class="nav-container">
-            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+            <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
             <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                 <ul id="site-navigation-list">
                     <li><a itemprop="url" href="get-started.html">Get started</a></li>

src/templates/forms/misc/body_header.txp

@@ -21,7 +21,7 @@
         </txp:if_search>
     </header>
     <div class="nav-container">
-        <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation">Menu</a>
+        <a id="site-navigation-toggle" href="#" role="button" aria-controls="site-navigation" title="Navigation menu">Navigation menu</a>
         <nav id="site-navigation" aria-label="Site navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
             <ul id="site-navigation-list">
                 <li<txp:if_section name="start"> class="active"</txp:if_section>><a itemprop="url" href="<txp:site_url />start/">Get started</a><txp:if_section name="weblog"> <span class="accessibility">(current section)</span></txp:if_section></li>