HTML

HTML

a11y

<main role="main" aria-labelledby="main-title">
  <h1 id="main-title">This is the stuff!</h1>
</main>

A good read on common mistakes using aria-attributes: https://github.com/EarthPeople/guides/wiki/Markup

Schema.org

Markup content for search engines, screen readers and other smart software crawlers.

Example of "marking up" a person:

<div itemscope itemtype="http://schema.org/Person">
  <span itemprop="name">Jane Doe</span>
  <img src="janedoe.jpg" itemprop="image" alt="Photo of Jane Joe">
  <span itemprop="jobTitle">Web Developer</span>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">Drakens Gränd 2</span>
    <span itemprop="postalCode">11130</span>,
    <span itemprop="addressLocality addressRegion">Stockholm</span>
  </div>
  <span itemprop="telephone">+46 123-4567</span>
  <a href="mailto:[email protected]" itemprop="email">
    [email protected]</a>
  Jane's home page:
  <a href="http://www.janedoe.com" itemprop="url">janedoe.com</a>
</div>