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
*Rule info:* This rule checks that you aren't using `p` tags instead of `h1`-`h6` tags for heading content. Not using correct heading markup will make it more difficult for assistive technologies to visually represent and navigate through your content.
35
33
36
34
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H42[Link to specification].
37
35
38
36
[[D2]]
39
-
[[d2sequential-headings]]
40
-
==== <<D2,Sequential headings>>
41
-
anchor:d2sequentialheadings[historical anchor]
37
+
==== <<D2,Sequential headings>>
42
38
43
39
*Rule info:* This rule checks that headings are used sequentially, meaning that an `h1` heading should be followed by an `h2` heading, a `h4` heading should be followed by an `h5` heading and so on. You should never skip a level, like following an `h3` heading with an `h6` heading. Using sequential links will make it easier for assistive technology to parse your content.
44
40
45
41
[[D3]]
46
-
[[d3adjacent-links]]
47
-
==== <<D3,Adjacent links>>
48
-
anchor:d3adjacentlinks[historical anchor]
42
+
==== <<D3,Adjacent links>>
49
43
50
44
*Rule info:* This rule checks that links next to other links do not have the same href. For example if you have an image link and a text link with the same href they should be contained within the same `a` element and not in two different `a` elements. If the image and the text link are put in two separate elements it can be confusing for users of screen readers and other assistive technologies.
51
45
52
46
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H2[Link to specification].
53
47
54
48
[[D4O]]
55
-
[[d4oordered-list-structure]]
56
-
==== <<D4O,Ordered list structure>>
57
-
anchor:d4oorderedliststructure[historical anchor]
49
+
==== <<D4O,Ordered list structure>>
58
50
59
51
*Rule info:* This rule checks that an `ol` element is used for ordered lists. Do not use paragraphs beginning with numbers or roman numverals instead of an actual `ol` element containing `li` items. This is to simplify navigation and parsing of the content for users of assistive technologies.
*Rule info:* This rule checks that a `ul` element is used for unordered lists. Do not use paragraphs beginning with `*` or `-` or some similar character instead of an actual `ol` element containing `li` items. This is to simplify navigation and parsing of the content for users of assistive technologies.
67
57
68
58
[[D5]]
69
-
[[d5contrast-ratio-of-the-text-d5ad5b]]
70
-
==== <<D5,Contrast ratio of the text>> [[D5A]][[D5B]]
==== <<D5,Contrast ratio of the text>> [[D5A]][[D5B]]
72
60
73
61
*Rule info:* This rule checks that the contrast ratio of the text is above the specified values (4.5:1 for normal text and 3:1 for large text). Text with a low contrast ratio is hard to read, especially for users with an impaired vision.
74
62
75
63
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html[Link to specification].
76
64
77
65
[[I1]]
78
-
[[i1image-alt-text]]
79
-
==== <<I1,Image ALT text>>
80
-
anchor:i1imagealttext[historical anchor]
66
+
==== <<I1,Image ALT text>>
81
67
82
68
*Rule info:* This rule checks that all images have an alt text so screen readers and other assistive technologies can correctly present the content to your users that can't see the images visually.
83
69
84
70
[[I2]]
85
-
[[i2alt-text-filename]]
86
-
==== <<I2,Alt text filename>>
87
-
anchor:i2alttextfilename[historical anchor]
71
+
==== <<I2,Alt text filename>>
88
72
89
73
*Rule info:* This rule checks that the alt text of you image isn't just the same as the filename of the image.
90
74
91
75
[[T1]]
92
-
[[t1table-caption]]
93
-
==== <<T1,Table caption>>
94
-
anchor:t1tablecaption[historical anchor]
76
+
==== <<T1,Table caption>>
95
77
96
78
*Rule info:* This rule checks that all `table` elements have a caption that describes the data inside of the table to simplify parsing and navigation of the content for users of assistive technologies.
97
79
98
80
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H39[Link to specification].
99
81
100
82
[[T2]]
101
-
[[t2complex-table-summary]]
102
-
==== <<T2,Complex table summary>>
103
-
anchor:t2complextablesummary[historical anchor]
83
+
==== <<T2,Complex table summary>>
104
84
105
85
*Rule info:* This rule checks that all complex tables must have a `summary` attribute explaining to users of assistive technologies how to navigate through the data inside of the table. See the specification linked below for examples.
106
86
107
87
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H73[Link to specification].
*Rule info:* This rule checks that the table caption and summary does not have the same text content. The caption should explain *what* the table is about while the summary should explain *how* to navigate the data inside of the table.
115
93
116
94
[[T4A]]
117
-
[[t4atable-markup]]
118
-
==== <<T4A,Table markup>>
119
-
anchor:t4atablemarkup[historical anchor]
95
+
==== <<T4A,Table markup>>
120
96
121
97
*Rule info:* This rule checks that all `tables` contain both `td` and `th` elements.
122
98
123
99
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H51[Link to specification].
124
100
125
101
[[T4B]]
126
-
[[t4btable-headers]]
127
-
==== <<T4B,Table headers>>
128
-
anchor:t4btableheaders[historical anchor]
102
+
==== <<T4B,Table headers>>
129
103
130
104
*Rule info:* This rule checks that all `table` elements contain at lease one table header - `th` - element.
131
105
132
106
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/F91[Link to specification].
133
107
134
108
[[T4C]]
135
-
[[t4ctable-heading-scope]]
136
-
==== <<T4C,Table heading scope>>
109
+
==== <<T4C,Table heading scope>>
137
110
anchor:t4ctableheadingscope[historical anchor]
138
111
139
112
*Rule info:* This rule checks that all table heading - `th` - elements has a `scope` attribute clarifying what scope the heading has inside of the `table`. The allowed values are `row`, `col`, `rowgroup`, and `colgroup`. This is important for users of assistive technologies to be able to parse your table data.
@@ -202,7 +175,7 @@ var issues = editor.plugins.a11ychecker.getReport();
A https://www.tinymce.com/pricing/[TinyMCE Enterprise] subscription includes the ability to download and install the accessibility checker feature for the editor.
0 commit comments