You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: techniques/aria/ARIA11.html
+15-17Lines changed: 15 additions & 17 deletions
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@
10
10
<p>Landmarks are inserted into the page using the role attribute on an element that marks the section. The value of the attribute is the name of the landmark. These role values are listed below:
11
11
p>
12
12
<ul>
13
-
<li>banner: A region that contains the prime heading or internal title of a page.
13
+
<li>banner: A region that contains mostly site-oriented content, such as the logo or a site-specific search tool.
14
14
li>
15
15
<li>complementary: Any section of the document that supports the main content, yet is separate and meaningful on its own.
16
16
li>
@@ -20,11 +20,11 @@
20
20
li>
21
21
<li>main: Main content in a document. In almost all cases a page will have only one role="main".
22
22
li>
23
-
<li>navigation: A collection of links suitable for use when navigating the document or related documents.
23
+
<li>navigation: A region containing a collection of navigational elements (usually links) for navigating the document or related documents.
24
24
li>
25
25
<li>search: The search tool of a Web document.
26
26
li>
27
-
<li>application: A region declared as a web application, as opposed to a web document. (note: The role of application should only be used with caution because it gives a signal to screen reading software to turn off normal web navigation controls. Simple widgets should generally not be given the application role, nor should an entire web page be given the application role, unless it is not to be used at all like a web page, and not without much user testing with assistive technology.)
27
+
<li>region: Region of the page for which none of the above ARIA roles can be used. Must be labelled to be recognized as a region by assistive technology.
28
28
li>
29
29
ul>
30
30
<p>There are cases when a particular landmark role could be used more than once on a page, such as on primary and secondary navigation menus. In these cases, identical roles should be disambiguated from each other using a valid technique for labelling regions (see examples below).
@@ -41,7 +41,7 @@
Simple landmarks
41
41
<prexml:space="preserve"><div id="header" role="banner">A banner image and introductory title</div>
42
42
<div id="sitelookup" role="search">....</div>
43
43
<div id="nav" role="navigation">...a list of links here ... </div>
44
-
<div id="content" role="main"> ... Ottawa is the capital of Canada ...</div>
44
+
<div id="content" role="main"><h1>Capital of Canada</h1> Ottawa is the capital of Canada ...</div>
<li>Examine each element with a <ahref="https://www.w3.org/TR/wai-aria/#landmark_roles">landmark rolea>.
87
87
li>
88
88
<li>Examine whether the landmark role attribute is applied to the section of the page that corresponds with that role. (i.e., the "navigation" role is applied to a navigation section, the "main" role is applied to where the main content begins.)
89
+
li>
90
+
<li>Examine that each landmark region that appears multiple times on the page is labelled meaningfully.
0 commit comments