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
"secondary": "This success criterion is **related** to this rule. This is because this criterion applies to a visible transcript."
2043
+
},
2044
+
"wcag20:1.2.1": {
2045
+
"secondary": "This success criterion is **less strict** than this rule. This is because this criterion does not require a transcript when the audio-only or video-only is a media alternative for text and is clearly labeled as such. Some of the failed examples may satisfy this success criterion."
2038
2046
}
2039
2047
},
2040
2048
"input_aspects": [
@@ -4275,7 +4283,10 @@
4275
4283
{
4276
4284
"title": "Video element visual-only content has transcript",
"secondary": "This success criterion is **related** to this rule. This is because this criterion applies to a visible transcript."
4310
+
},
4311
+
"wcag20:1.2.1": {
4312
+
"secondary": "This success criterion is **less strict** than this rule. This is because this criterion does not require a transcript when the audio-only or video-only is a media alternative for text and is clearly labeled as such. Some of the failed examples may satisfy this success criterion."
Copy file name to clipboardExpand all lines: techniques/failures/F1.html
+12-7Lines changed: 12 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -117,19 +117,24 @@
117
117
<sectionclass="procedure"><h3>Procedure</h3>
118
118
<p>For content which uses CSS for positioning: </p>
119
119
<ol>
120
-
<li>Remove the style information from the document or turn off use of
121
-
style sheets in the user agent.</li>
122
-
<li>Check that the reading order of the content is correct and the
123
-
meaning of the content is preserved.</li>
120
+
<li>Identify the content elements that use CSS for positioning.</li>
121
+
<li>Check that the reading order of the content is correct and the meaning of the content is preserved in relation to the surrounding page or context, using one of the following methods:
122
+
<ul>
123
+
<li>Code inspection: review the HTML code to determine the logical reading sequence.</li>
124
+
<li>Accessibility tree inspection: examine the accessibility tree to confirm the reading order.</li>
125
+
<li>Assistive Technology test: use a screen reader to check how the content is read aloud.</li>
126
+
<li>Visual test without CSS positioning: remove positioning styles and observe the visual reading sequence.</li>
127
+
</ul>
128
+
</li>
129
+
124
130
</ol>
125
131
</section>
126
132
<sectionclass="results"><h3>Expected Results</h3>
127
133
<ul>
128
-
<li>If check #2 is false, then this failure condition applies and the
129
-
content fails this Success Criterion.</li>
134
+
<li>If any option in check #2 is false, then this failure condition applies and the content fails the Success Criterion.</li>
<!DOCTYPE html><htmllang="en"><head><title>Providing a search function to help users find content</title><linkrel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></head><body><h1>Providing a search function to help users find content</h1><sectionclass="meta"><pclass="id">ID: G161</p><pclass="technology">Technology: general</p><pclass="type">Type: Technique</p></section><sectionid="applicability"><h2>When to Use</h2>
1
+
<!DOCTYPE html>
2
+
<htmllang="en">
3
+
<head>
4
+
<title>Providing a search function to help users find content</title>
<p>Providing a search function that searches your web pages is a design strategy that offers users a way to find content. Users can locate content by searching for specific words or phrases, without needing to understand or navigate through the structure of the website. This can be a quicker or easier way to find content, particularly on large sites.</p>
5
17
<p>Some search companies offer sites free access to their search applications. Search engines are available that can be installed on your own server. Some web hosting companies offer search scripts that customers can include on their web pages. Most services also offer paid versions of their tools with more advanced features.</p>
6
18
<p>Implementing a search function that will spell-check the terms, include different endings for the terms (stemming), and allow for the use of different terminology (synonyms) will further increase the accessibility of the search function.</p>
7
19
<p>The search functionality is added by either including a simple form on the web page, usually a text field for the search term and a button to trigger the search or by adding a link to a page that includes a search form. The search form itself must be accessible, of course.</p>
8
-
<p>Techniques that are used to optimize search engine results for external searches also support internal search engines and make them more effective: use keywords,
9
-
10
-
META
11
-
12
-
tags, and an accessible navigation structure. Search sites provide guidance on how to create content that is optimized for search, for instance
13
-
14
-
<ahref="https://support.google.com/webmasters/answer/35769">Google Webmaster Guidelines</a>, and
<p>Techniques that are used to optimize search engine results for external searches also support internal search engines and make them more effective: use keywords, META tags, and an accessible navigation structure. Search sites provide guidance on how to create content that is optimized for search, for instance <ahref="https://support.google.com/webmasters/answer/35769">Google Webmaster Guidelines</a>, and <ahref="https://help.yahoo.com/kb/search/SLN2245.html?impressions=true">Yahoo! Search Content Quality Guidelines</a>.</p>
21
+
</section>
22
+
<sectionid="examples">
23
+
<h2>Examples</h2>
17
24
<sectionclass="example">
18
25
<h3>A Shopping Site</h3>
19
-
20
26
<p>A shopping site organizes its products into different categories, such as women's clothes, men's clothes, and children's clothes. These have subcategories, such as tops, pants, shoes, and accessories. Each page also contains a search form. Users can type the product number or product description into the search field and go directly to that product, rather than needing to navigate the product categories to find it.</p>
21
-
22
27
</section>
23
28
<sectionclass="example">
24
29
<h3>A Help Center</h3>
25
-
26
30
<p>A Help Center contains thousands of pages of Help information about a company's products. A search form allows users to search just the Help Center pages to find articles that contain the search terms.</p>
27
-
28
31
</section>
29
-
</section><sectionid="tests"><h2>Tests</h2>
30
-
<sectionclass="procedure"><h3>Procedure</h3>
32
+
</section>
33
+
<sectionid="tests">
34
+
<h2>Tests</h2>
35
+
<sectionclass="procedure">
36
+
<h3>Procedure</h3>
31
37
<ol>
32
38
<li>Check that the web page contains a search form or a link to a search page</li>
33
39
<li>Type text into the search form that occurs in the set of web pages</li>
@@ -36,32 +42,31 @@ <h3>A Help Center</h3>
36
42
<li>Check that the user is taken to a page that contains a list of links to pages containing the search term</li>
37
43
</ol>
38
44
</section>
39
-
<sectionclass="results"><h3>Expected Results</h3>
45
+
<sectionclass="results">
46
+
<h3>Expected Results</h3>
40
47
<ul>
41
48
<li>Check #1 is true, and either Check #4 or Check #5 is true.</li>
Copy file name to clipboardExpand all lines: techniques/general/G65.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,7 @@ <h2>When to Use</h2>
18
18
<sectionid="description">
19
19
<h2>Description</h2>
20
20
<p>A breadcrumb trail (or 'breadcrumb navigation') helps the user to visualize how content has been structured and how to navigate back to previous web pages. Many even identify the current location in the series of web pages, commonly as the last element in the trail and with a variation in its visual style. A breadcrumb trail either displays locations in the path the user took to reach the web page, or it displays the location of the current web page within the organization of the site.</p>
21
-
<p>Breadcrumb trails are implemented using links to the web pages that have been accessed in the process of navigating to the current web page. They are placed in the same location within each web page in the set.</p>
21
+
<p>Breadcrumb trails are implemented using links to the web pages that have been accessed in the process of navigating to the current web page. They are placed in the same location within each web page in the set. Placing the breadcrumb high on the page, typically after the header, is a best practice and helps users quickly understand their location within the site.</p>
22
22
<p>It can be helpful to users to separate the items in the breadcrumb trailing with a visible separator. Examples of separators include ">", "|", "/", and "→". Alternatively, one could use decorative iconography or create separators with CSS.</p>
Copy file name to clipboardExpand all lines: techniques/html/H91.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -154,7 +154,7 @@ <h4>Textarea example A</h4>
154
154
</section>
155
155
<section>
156
156
<h4>Textarea example B</h4>
157
-
<p>Example B has the same role, the name is set using the <code>title</code> attribute, and the value is the empty string.</p>
157
+
<p>Example B has the same role and value. The name is set using the <code>title</code> attribute.</p>
158
158
159
159
<prexml:space="preserve"><codeclass="language-html"><textarea title="Type your speech here">Four score and seven years ago</textarea></code></pre>
0 commit comments