Skip to content

Commit df64f09

Browse files
author
JAWS-test2
committed
Update ARIA11.html
1 parent ba5b085 commit df64f09

File tree

1 file changed

+15
-17
lines changed

1 file changed

+15
-17
lines changed

techniques/aria/ARIA11.html

Lines changed: 15 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<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:
1111
</p>
1212
<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.
1414
</li>
1515
<li>complementary: Any section of the document that supports the main content, yet is separate and meaningful on its own.
1616
</li>
@@ -20,11 +20,11 @@
2020
</li>
2121
<li>main: Main content in a document. In almost all cases a page will have only one role="main".
2222
</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.
2424
</li>
2525
<li>search: The search tool of a Web document.
2626
</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.
2828
</li>
2929
</ul>
3030
<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 @@ <h3>Simple landmarks</h3>
4141
<pre xml:space="preserve">&lt;div id="header" role="banner"&gt;A banner image and introductory title&lt;/div&gt;
4242
&lt;div id="sitelookup" role="search"&gt;....&lt;/div&gt;
4343
&lt;div id="nav" role="navigation"&gt;...a list of links here ... &lt;/div&gt;
44-
&lt;div id="content" role="main"&gt; ... Ottawa is the capital of Canada ...&lt;/div&gt;
44+
&lt;div id="content" role="main"&gt;&lt;h1&gt;Capital of Canada&lt;/h1&gt; Ottawa is the capital of Canada ...&lt;/div&gt;
4545
&lt;div id="rightsideadvert" role="complementary"&gt;....an advertisement here...&lt;/div&gt;
4646
&lt;div id="footer" role="contentinfo"&gt;(c)The Freedom Company, 123 Freedom Way, Helpville, USA&lt;/div&gt;</pre>
4747

@@ -86,39 +86,37 @@ <h3>Search form</h3>
8686
<li>Examine each element with a <a href="https://www.w3.org/TR/wai-aria/#landmark_roles">landmark role</a>.
8787
</li>
8888
<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.
8991
</li>
9092
</ol>
9193
</section>
9294
<section class="results"><h3>Expected Results</h3>
9395
<ul>
94-
<li>#1 and #2 are true.</li>
96+
<li>#1, #2 and #3 are true.</li>
9597
</ul>
9698
</section>
9799
</section><section id="related"><h2>Related Techniques</h2><ul>
98100
<li><a href="../general/G1">G1</a></li>
99101
<li><a href="../general/G124">G124</a></li>
100-
<li><a href="../html/H69">H69</a></li>
101-
<li><a href="../client-side-script/SCR28">SCR28</a></li>
102+
<li><a href="ARIA13">ARIA13</a></li>
103+
<li><a href="ARIA20">ARIA20</a></li>
104+
<li><a href="../html/H69">H69</a></li>
105+
<li><a href="../client-side-script/SCR28">SCR28</a></li>
102106
</ul></section><section id="resources"><h2>Resources</h2>
103107

104108
<ul>
105109
<li>
106-
<a href="https://www.w3.org/TR/wai-aria-practices/">WAI-ARIA Authoring Practices 1.1</a>
110+
<a href="https://www.w3.org/TR/wai-aria-practices-1.1/#aria_landmark">WAI-ARIA Authoring Practices 1.1, Landmark Regions</a>
107111
</li>
108112
<li>
109-
<a href="https://www.w3.org/TR/wai-aria/#usage_intro">Accessible Rich Internet Applications (WAI-ARIA) 1.0, Using WAI-ARIA Roles</a>
113+
<a href="https://www.w3.org/WAI/tutorials/page-structure/regions/">W3C Web Accessibility Tutorials, Page Regions</a>
110114
</li>
111115
<li>
112-
<a href="https://www.w3.org/TR/wai-aria/#states_and_properties">Accessible Rich Internet Applications (WAI-ARIA) 1.0, Supported States and Properties</a>
116+
<a href="https://www.w3.org/TR/wai-aria-1.1/#landmark_roles">Accessible Rich Internet Applications (WAI-ARIA) 1.0, Landmark Roles</a>
113117
</li>
114118
<li>
115-
<a href="https://www.paciellogroup.com/blog/2013/07/enabling-landmark-based-keyboard-navigation-in-firefox/">Enabling landmark-based keyboard navigation in Firefox</a>
116-
</li>
117-
<li>
118-
<a href="http://accessibleculture.org/articles/2011/02/not-all-aria-widgets-deserve-role-application/">Not All ARIA Widgets Deserve role="application"</a>
119-
</li>
120-
<li>
121-
<a href="https://developer.yahoo.com/blogs/ydn/aria-role-application-53608.html">When Should You Use ARIA Role="Application"?</a>
119+
<a href="https://developer.paciellogroup.com/blog/2017/05/improving-access-to-landmark-navigation/">Improving access to landmark navigation</a>
122120
</li>
123121
</ul>
124122

0 commit comments

Comments
 (0)