The Web Should Just Work for Everyone - code samples from my Edge Web Summit talk

aria-label.html

<nav class="global-navigation" role="navigation"
     aria-label="main navigation">
  …
</nav>

banner.html

<header class="banner" role="banner" id="top">
  <h1 class="banner_logo"><a href="/" rel="home">24 ways <span>to impress your friends</span></a>ma</h1>
</header>

contentinfo.html

<footer class="contentinfo" role="contentinfo">
  <p class="contentinfo_copyright">
    <small>&#169; 2005-2016 24 ways and our authors. <a href="/about/#colophon">Colophon</a></small>
  </p>
  <p class="contentinfo_social">
    <a href="http://feeds.feedburner.com/24ways" rel="alternate">Grab our RSS feed</a>
    <a href="https://twitter.com/24ways" rel="me">Follow us on Twitter</a>
    <a href="/newsletter">Subscribe to our newsletter</a>
  </p>
</footer>

main.html

<main role="main">
  …
</main>

navigation.html

<nav class="navigation" role="navigation" id="menu">
  <h1 class="hidden">Browse 24 ways</h1>
  <ul class="nav nav-topics">
    <li class="nav_item"><a href="/topics/business/" data-icon="&#x2655;">Business</a></li>
    …
  </ul>
  …
</nav>