- From: Mike Elledge <melledge@yahoo.com>
- Date: Tue, 19 Apr 2016 19:38:05 +0000 (UTC)
- To: WCAG WG <w3c-wai-gl@w3.org>
- Message-ID: <543847348.3564586.1461094685362.JavaMail.yahoo@mail.yahoo.com>
Hi Everyone-- I find <header>, <nav> and <menu> to be confusing. It seems to me that <header> should encompass things like a page logo and, if present, heading(s) at the top of the page. Top-level navigation, on the other hand, should be identified by the <nav> element, and be separate. I have seen, however, top-level navigation included in the <header> tag, which seems incorrect. I've also seen breadcrumbs identified by the <nav> element; however, if breadcrumbs are present, it seems like they and top-level navigation should be further differentiated by aria-label (i.e., "You are here" and "Main navigation", for example). I haven't used <menu> in the top navigation because it overrules the list semantics. Like so: <header> <img src="images/company logo.gif" width="129" height="66" alt="Company Logo"/><h1>Screen Reader Demonstration</h1> <p>HTML5 and ARIA in Action</p> </header> <nav aria-label="Main navigation"> <ul> <li><a href="Screen_Reader_Demo_D.html">Home</a></li> <li><a href="Examples.html" >Examples</a> <ul> <li><a href="A11ble_Form.html">Accessible Form</a></li> <li><a href="A11ble_Calendar.html">Accessible Calendar</a></li> <li><a href="A11ble_Dialog.html">Accessible Dialog</a></li> <li><a href="A11ble_Graph.html">Accessible Graph</a></li> </ul> </li> <li><a href="">Techniques</a></li> </ul> </nav> <nav aria-label="You are here"> Home Page </nav> Does this seem correct to you? Thanks! Mike
Received on Tuesday, 19 April 2016 19:41:32 UTC