O'Reilly logo

HTML5 Multimedia Development Cookbook by Lee Jordan, Dale Cruse

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using semantic descriptions in tags for screen readers

The approach of semantic web development makes sense not just for those of us who develop websites and applications and interfaces, but also for those who use and interact with those experiences we create.

Getting ready

Let's review some of the new, more-semantic tags in the HTML5 specification.

How to do it...

New HTML5 tags include:

  • <article>
  • <aside>
  • <audio>
  • <canvas>
  • <datalist>
  • <details>
  • <embed> - not a new tag, but it finally validates in HTML5
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <hgroup>
  • <keygen>
  • <mark>
  • <meter>
  • <nav>
  • <output>
  • <progress>
  • <rp>
  • <rt>
  • <ruby>
  • <section>
  • <source>
  • <summary>
  • <time>
  • <video>
  • <wbr>

How it works...

Of that list, the following new tags can support text:

  • <article>
  • <aside>
  • <datalist>
  • <details>
  • <figcaption> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required