title: WAI-ARIA - selected/current menuitem/page, how to set the correct state in a menubar?
body: <p>I'm doing some code clean up / validation in a web site, and have run into an issue. The site have a main menu (menubar) where the current page should be indicated.</p>
  
  <p>The menu structure as is:</p>
  
  <pre><code>&lt;nav role="navigation"&gt;
      &lt;ul role="menubar"&gt;
          &lt;li role="menuitem" aria-selected="true"&gt;
              &lt;a href="currentpage"&gt;Current page&lt;/a&gt;
          &lt;/li&gt;
          &lt;li role="menuitem"&gt;
              &lt;a href="anotherpage"&gt;Another page&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>According to the WAI-ARIA spec, the state aria-selected is not allowed on the role menuitem: <a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-selected" rel="noreferrer">http://www.w3.org/TR/wai-aria/states_and_properties#aria-selected</a>. Neither can I find any state for menuitem that seem to mark the menuitem as selected: <a href="http://www.w3.org/TR/wai-aria/roles#menuitem" rel="noreferrer">http://www.w3.org/TR/wai-aria/roles#menuitem</a>.</p>
  
  <p>What would be the correct implementation of a selected menuitem/page in a menubar?</p>
  
  <p>Update:</p>
  
  <p>I found one answer suggesting to leave the anchor out on the current page in the menu, but not sure if that will give me what I want.</p>
  
  <pre><code>&lt;li role="menuitem"&gt;Current page&lt;/li&gt;
  </code></pre>