HTML and CSS Reference
In-Depth Information
An
abbreviation
is the shortened form of a word or phrase, such as “CSS”
or “etc.” An
acronym
is a type of abbreviation: it's a new word that's
formed from the initial letters of a series of words. You pronounce those
letters as a single word, such as “NASA” or “NATO.”
See Also
For IE8 and below, see the WHATWG Blog's “Supporting New Elements in IE” work-
7.3 Identifying Sections of a Page Using ARIA Landmark Roles
Problem
You need a way to distinguish common sections of web content.
Solution
Add ARIA “landmarks” to enhance recognition of HTML5 elements in assistive tech-
nologies.
Since HTML5 is not supported by most assistive technologies (as of the printing of this
book), you can add ARIA landmark roles to help provide meaning to these new HTML
elements, as shown in
Figure 7-2
. The ARIA roles and HTML5 elements that are often
associated together are listed below. These are
not
hard and fast rules, but helpful
suggestions. Use your best judgment.
ARIA roles
Add the
banner
role to the page
header
(which typically contains the logo/name and
other site-specific information). Use this role only once per document or web
application:
<header
role="banner"
>
Add the
complementary
role to the
aside
element. Both are designed to mark up content
that is somewhat related to the main content. Do not use this role or element for content
that is completely separate and unrelated:
<aside
role="complementary"
>
Add the
navigation
role to each
nav
element:
<nav
role="navigation"
>
Add the
form
role to any
form
element, unless the form contains search functionality:
<form
role="form"
>