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 @@

Simple landmarks

4141
<pre xml:space="preserve"><div id="header" role="banner">A banner image and introductory title</div>
4242
<div id="sitelookup" role="search">....</div>
4343
<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>
4545
<div id="rightsideadvert" role="complementary">....an advertisement here...</div>
4646
<div id="footer" role="contentinfo">(c)The Freedom Company, 123 Freedom Way, Helpville, USA</div>pre>
4747

@@ -86,39 +86,37 @@

Search form

8686
<li>Examine each element with a <a href="https://www.w3.org/TR/wai-aria/#landmark_roles">landmark rolea>.
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 Resultsh3>
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 Techniquesh2><ul>
98100
<li><a href="../general/G1">G1a>li>
99101
<li><a href="../general/G124">G124a>li>
100-
<li><a href="../html/H69">H69a>li>
101-
<li><a href="../client-side-script/SCR28">SCR28a>li>
102+
<li><a href="ARIA13">ARIA13a>li>
103+
<li><a href="ARIA20">ARIA20a>li>
104+
<li><a href="../html/H69">H69a>li>
105+
<li><a href="../client-side-script/SCR28">SCR28a>li>
102106
ul>section><section id="resources"><h2>Resourcesh2>
103107

104108
<ul>
105109
<li>
106-
<a href="https://www.w3.org/TR/wai-aria-practices/">WAI-ARIA Authoring Practices 1.1a>
110+
<a href="https://www.w3.org/TR/wai-aria-practices-1.1/#aria_landmark">WAI-ARIA Authoring Practices 1.1, Landmark Regionsa>
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 Rolesa>
113+
<a href="https://www.w3.org/WAI/tutorials/page-structure/regions/">W3C Web Accessibility Tutorials, Page Regionsa>
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 Propertiesa>
116+
<a href="https://www.w3.org/TR/wai-aria-1.1/#landmark_roles">Accessible Rich Internet Applications (WAI-ARIA) 1.0, Landmark Rolesa>
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 Firefoxa>
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 navigationa>
122120
li>
123121
ul>
124122

0 commit comments

Comments
 (0)