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: index.html
+31-14
Original file line number
Diff line number
Diff line change
@@ -1332,7 +1332,9 @@ <h2>Definition of Roles</h2>
1332
1332
<div class="role-description">
1333
1333
<p>A <rref>landmark</rref> that contains mostly site-oriented content, rather than page-specific content.</p>
1334
1334
<p>Site-oriented content typically includes things such as the logo or identity of the site sponsor, and a site-specific search tool. A banner usually appears at the top of the page and typically spans the full width.</p>
1335
-
<p>User agents SHOULD treat elements with the role of <code>banner</code> as navigational <a>landmarks</a>.</p>
1335
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>banner</code>.
1336
+
<a>User agents</a> SHOULD treat elements with role <code>banner</code> as navigational <a>landmarks</a>.
1337
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>banner</code>.</p>
1336
1338
<!-- keep the following paragraphs synced with the similar paragraphs in #main and #contentinfo-->
1337
1339
<p>Within any <rref>document</rref> or <rref>application</rref>, the author SHOULD mark no more than one <a>element</a> with the <code>banner</code> <a>role</a>.</p>
1338
1340
<p class="note">Because <code>document</code> and <code>application</code> elements can be nested in the <abbr title="Document Object Model">DOM</abbr>, they may have multiple <code>banner</code> elements as <abbr title="Document Object Model">DOM</abbr> descendants, assuming each of those is associated with different document nodes, either by a DOM nesting (e.g., <rref>document</rref> within <rref>document</rref>) or by use of the <pref>aria-owns</pref> <a>attribute</a>.</p>
@@ -2422,7 +2424,9 @@ <h2>Definition of Roles</h2>
2422
2424
<div class="role-description">
2423
2425
<p>A <rref>landmark</rref> that is designed to be complementary to the main content at a similar level in the DOM hierarchy, but remaining meaningful when separated from the main content.</p>
2424
2426
<p>There are various types of content that would appropriately have this <a>role</a>. For example, in the case of a portal, this may include but not be limited to show times, current weather, related articles, or stocks to watch. The complementary role indicates that contained content is relevant to the main content. If the complementary content is completely separable from the main content, it may be appropriate to use a more general role.</p>
2425
-
<p>User agents SHOULD treat elements with the role of <code>complementary</code> as navigational <a>landmarks</a>.</p>
2427
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>complementary</code>.
2428
+
<a>User agents</a> SHOULD treat elements with role <code>complementary</code> as navigational <a>landmarks</a>.
2429
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>complementary</code>.</p>
2426
2430
</div>
2427
2431
<table class="role-features">
2428
2432
<caption>Characteristics:</caption>
@@ -2577,7 +2581,9 @@ <h2>Definition of Roles</h2>
2577
2581
<div class="role-description">
2578
2582
<p>A <rref>landmark</rref> that contains information about the parent document.</p>
2579
2583
<p>Examples of information included in this region of the page are copyrights and links to privacy statements.</p>
2580
-
<p>User agents SHOULD treat elements with the role of <code>contentinfo</code> as navigational <a>landmarks</a>.</p>
2584
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>contentinfo</code>.
2585
+
<a>User agents</a> SHOULD treat elements with role <code>contentinfo</code> as navigational <a>landmarks</a>.
2586
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>contentinfo</code>.</p>
2581
2587
<!-- keep the following paragraphs synced with the similar paragraphs in #banner and #main -->
2582
2588
<p>Within any <rref>document</rref> or <rref>application</rref>, the author SHOULD mark no more than one <a>element</a> with the <code>contentinfo</code> role.</p>
2583
2589
<p class="note">Because <code>document</code> and <code>application</code> elements can be nested in the <abbr title="Document Object Model">DOM</abbr>, they may have multiple <code>contentinfo</code> elements as <abbr title="Document Object Model">DOM</abbr> descendants, assuming each of those is associated with different document nodes, either by a DOM nesting (e.g., <rref>document</rref> within <rref>document</rref>) or by use of the <pref>aria-owns</pref> attribute.</p>
@@ -3323,7 +3329,9 @@ <h2>Definition of Roles</h2>
3323
3329
<p>A form may contain a mix of host language form controls, scripted controls, and hyperlinks. Authors are reminded to use native host language semantics to create form controls whenever possible. If the purpose of a form is to submit search criteria, authors SHOULD use the <rref>search</rref> role instead of the generic <code>form</code> role.</p>
3324
3330
<p>Authors MUST give each element with role <code>form</code> a brief label that describes the purpose of the form. Authors SHOULD reference a visible label with <pref>aria-labelledby</pref> if a visible label is present. Authors SHOULD include the label inside of a heading whenever possible. The heading MAY be an instance of the standard host language heading element or an instance of an element with role <rref>heading</rref>.</p>
3325
3331
<p>If an author uses a script to submit a form based on a user action that would otherwise not trigger an <code>onsubmit</code> event (for example, a form submission triggered by the user changing a form element's value), the author SHOULD provide the user with advance notification of the behavior.</p>
3326
-
<p>User agents SHOULD treat elements with the role of <code>form</code> as navigational <a>landmarks</a>.</p>
3332
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>form</code>.
3333
+
<a>User agents</a> SHOULD treat elements with role <code>form</code> as navigational <a>landmarks</a>.
3334
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>form</code>.</p>
3327
3335
</div>
3328
3336
<table class="role-features">
3329
3337
<caption>Characteristics:</caption>
@@ -4217,10 +4225,11 @@ <h2>Definition of Roles</h2>
4217
4225
<rdef>landmark</rdef>
4218
4226
<div class="role-description">
4219
4227
<p>A perceivable <rref>section</rref> containing content that is relevant to a specific, author-specified purpose and sufficiently important that users will likely want to be able to navigate to the section easily and to have it listed in a summary of the page. Such a page summary could be generated dynamically by a user agent or assistive technology.</p>
4220
-
<p>Authors designate the purpose of the content by assigning a role that is a subclass of the landmark role and, when needed, by providing a brief, descriptive label.</p>
4221
-
<p>Elements with a role that is a subclass of the landmark role are known as landmark regions or navigational landmark regions.
4222
-
<a>Assistive technologies</a> SHOULD enable users to quickly navigate to landmark regions. Mainstream <a>user agents</a> MAY enable users to quickly navigate to landmark regions.</p>
4223
-
<p class="note"><code>landmark</code> is an <a href="#isAbstract">abstract role</a> used for the ontology.</p>
4228
+
<p>Authors designate the purpose of the content by assigning a role that is a subclass of the landmark role and, when needed, by providing a brief, descriptive label.</p>
4229
+
<p>Elements with a role that is a subclass of the landmark role are known as <a>landmark</a> regions or navigational landmark regions.
4230
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to landmark regions.
4231
+
<a>User agents</a> MAY enable users to quickly navigate to landmark regions.</p>
4232
+
<p class="note"><code>landmark</code> is an abstract role used for the ontology. Authors should not use this role in content.</p>
4224
4233
</div>
4225
4234
<table class="role-features">
4226
4235
<caption>Characteristics:</caption>
@@ -4858,8 +4867,10 @@ <h2>Definition of Roles</h2>
4858
4867
<rdef>main</rdef>
4859
4868
<div class="role-description">
4860
4869
<p>A <rref>landmark</rref> containing the main content of a document.</p>
4861
-
<p>This marks the content that is directly related to or expands upon the central topic of the document. The <code>main</code> <a>role</a> is a non-obtrusive alternative for "skip to main content" links, where the navigation option to go to the main content (or other <a>landmarks</a>) is provided by the <a>user agent</a> through a dialog or by <a>assistive technologies</a>.</p>
4862
-
<p>User agents SHOULD treat elements with the role of <code>main</code> as navigational landmarks.</p>
4870
+
<p>This marks the content that is directly related to or expands upon the central topic of the document. The <code>main</code> <a>role</a> is a non-obtrusive alternative for "skip to main content" links, where the navigation option to go to the main content (or other <a>landmarks</a>) is provided by <a>assistive technologies</a>, or by a <a>user agent</a> or browser extension, through a keyboard shortcut or <abbr title="User Interface">UI</abbr> feature such as a side panel or dialog.</p>
4871
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>main</code>.
4872
+
<a>User agents</a> SHOULD treat elements with role <code>main</code> as navigational <a>landmarks</a>.
4873
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>main</code>.</p>
4863
4874
<!-- keep the following paragraphs synced with the similar paragraphs in #banner and #contentinfo -->
4864
4875
<p>Within any <rref>document</rref> or <rref>application</rref>, the author SHOULD mark no more than one <a>element</a> with the <code>main</code> role.</p>
4865
4876
<p class="note">Because <code>document</code> and <code>application</code> elements can be nested in the <abbr title="Document Object Model">DOM</abbr>, they may have multiple <code>main</code> elements as <abbr title="Document Object Model">DOM</abbr> descendants, assuming each of those is associated with different document nodes, either by a DOM nesting (e.g., <rref>document</rref> within <rref>document</rref>) or by use of the <pref>aria-owns</pref> attribute.</p>
@@ -5837,7 +5848,9 @@ <h4>Plain HTML or Polyfill DOM Result of the MathML Quadratic Formula</h4>
5837
5848
<rdef>navigation</rdef>
5838
5849
<div class="role-description">
5839
5850
<p>A <rref>landmark</rref> containing a collection of navigational <a>elements</a> (usually links) for navigating the document or related documents.</p>
5840
-
<p>User agents SHOULD treat elements with the role of <code>navigation</code> as navigational <a>landmarks</a>.</p>
5851
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>navigation</code>.
5852
+
<a>User agents</a> SHOULD treat elements with role <code>navigation</code> as navigational <a>landmarks</a>.
5853
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>navigation</code>.</p>
<p>A <rref>landmark</rref> containing content that is relevant to a specific, author-specified purpose and sufficiently important that users will likely want to be able to navigate to the section easily and to have it listed in a summary of the page. Such a page summary could be generated dynamically by a user agent or assistive technology.</p>
6814
-
<p>Authors SHOULD limit use of the region role to sections containing content with a purpose that is not accurately described by one of the other <rref>landmark</rref> roles, such as <rref>main</rref>, <rref>complementary</rref>, or <rref>navigation</rref>.</p>
6827
+
<p>Authors SHOULD limit use of the region role to sections containing content with a purpose that is not accurately described by one of the other <a href="#landmark_roles">landmark roles</a>, such as <rref>main</rref>, <rref>complementary</rref>, or <rref>navigation</rref>.</p>
6815
6828
<p>Authors MUST give each element with role region a brief label that describes the purpose of the content in the region. Authors SHOULD reference a visible label with <pref>aria-labelledby</pref> if a visible label is present. Authors SHOULD include the label inside of a heading whenever possible. The heading MAY be an instance of the standard host language heading element or an instance of an element with role <rref>heading</rref>.</p>
6816
-
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role region. Mainstream <a>user agents</a> MAY enable users to quickly navigate to elements with role region.</p>
6829
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>region</code>.
6830
+
<a>User agents</a> SHOULD treat elements with role <code>region</code> as navigational <a>landmarks</a>.
6831
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>region</code>.</p>
<p>A <rref>landmark</rref> region that contains a collection of items and objects that, as a whole, combine to create a search facility. See related <rref>form</rref> and <rref>searchbox</rref>.</p>
7385
7400
<p>A search region may be a mix of host language form controls, scripted controls, and hyperlinks.</p>
7386
-
<p>User agents SHOULD treat elements with the role of <code>search</code> as navigational <a>landmarks</a>.</p>
7401
+
<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to elements with role <code>search</code>.
7402
+
<a>User agents</a> SHOULD treat elements with role <code>search</code> as navigational <a>landmarks</a>.
7403
+
<a>User agents</a> MAY enable users to quickly navigate to elements with role <code>search</code>.</p>
0 commit comments