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-
around at .
7.3 Identifying Sections of a Page Using ARIA Landmark Roles
You need a way to distinguish common sections of web content.
Add ARIA “landmarks” to enhance recognition of HTML5 elements in assistive tech-
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
<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" >
Search WWH ::

Custom Search