Skip to content

Commit 521f335

Browse files
committed
fix allychecker anchors
1 parent 482f1a3 commit 521f335

File tree

1 file changed

+15
-42
lines changed

1 file changed

+15
-42
lines changed

plugins/a11ychecker.adoc

Lines changed: 15 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -27,113 +27,86 @@ tinymce.init({
2727
These are the various rules that are checked:
2828

2929
[[D1]]
30-
[[d1usage-of-paragraphs-as-headings]]
31-
==== <<D1,Usage of paragraphs as headings>>
32-
anchor:d1usageofparagraphsasheadings[historical anchor]
30+
==== <<D1,Usage of paragraphs as headings>>
3331

3432
*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.
3533

3634
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H42[Link to specification].
3735

3836
[[D2]]
39-
[[d2sequential-headings]]
40-
==== <<D2,Sequential headings>>
41-
anchor:d2sequentialheadings[historical anchor]
37+
==== <<D2,Sequential headings>>
4238

4339
*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.
4440

4541
[[D3]]
46-
[[d3adjacent-links]]
47-
==== <<D3,Adjacent links>>
48-
anchor:d3adjacentlinks[historical anchor]
42+
==== <<D3,Adjacent links>>
4943

5044
*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.
5145

5246
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H2[Link to specification].
5347

5448
[[D4O]]
55-
[[d4oordered-list-structure]]
56-
==== <<D4O,Ordered list structure>>
57-
anchor:d4oorderedliststructure[historical anchor]
49+
==== <<D4O,Ordered list structure>>
5850

5951
*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.
6052

6153
[[D4U]]
62-
[[d4uunordered-list-structure]]
63-
==== <<D4U,Unordered list structure>>
64-
anchor:d4uunorderedliststructure[historical anchor]
54+
==== <<D4U,Unordered list structure>>
6555

6656
*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.
6757

6858
[[D5]]
69-
[[d5contrast-ratio-of-the-text-d5ad5b]]
70-
==== <<D5,Contrast ratio of the text>> [[D5A]][[D5B]]
71-
anchor:d5contrastratioofthetextd5ad5b[historical anchor]
59+
==== <<D5,Contrast ratio of the text>> [[D5A]][[D5B]]
7260

7361
*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.
7462

7563
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html[Link to specification].
7664

7765
[[I1]]
78-
[[i1image-alt-text]]
79-
==== <<I1,Image ALT text>>
80-
anchor:i1imagealttext[historical anchor]
66+
==== <<I1,Image ALT text>>
8167

8268
*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.
8369

8470
[[I2]]
85-
[[i2alt-text-filename]]
86-
==== <<I2,Alt text filename>>
87-
anchor:i2alttextfilename[historical anchor]
71+
==== <<I2,Alt text filename>>
8872

8973
*Rule info:* This rule checks that the alt text of you image isn't just the same as the filename of the image.
9074

9175
[[T1]]
92-
[[t1table-caption]]
93-
==== <<T1,Table caption>>
94-
anchor:t1tablecaption[historical anchor]
76+
==== <<T1,Table caption>>
9577

9678
*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.
9779

9880
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H39[Link to specification].
9981

10082
[[T2]]
101-
[[t2complex-table-summary]]
102-
==== <<T2,Complex table summary>>
103-
anchor:t2complextablesummary[historical anchor]
83+
==== <<T2,Complex table summary>>
10484

10585
*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.
10686

10787
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H73[Link to specification].
10888

10989
[[T3]]
110-
[[t3table-caption-and-summary]]
111-
==== <<T3,Table caption and summary>>
112-
anchor:t3tablecaptionandsummary[historical anchor]
90+
==== <<T3,Table caption and summary>>
11391

11492
*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.
11593

11694
[[T4A]]
117-
[[t4atable-markup]]
118-
==== <<T4A,Table markup>>
119-
anchor:t4atablemarkup[historical anchor]
95+
==== <<T4A,Table markup>>
12096

12197
*Rule info:* This rule checks that all `tables` contain both `td` and `th` elements.
12298

12399
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H51[Link to specification].
124100

125101
[[T4B]]
126-
[[t4btable-headers]]
127-
==== <<T4B,Table headers>>
128-
anchor:t4btableheaders[historical anchor]
102+
==== <<T4B,Table headers>>
129103

130104
*Rule info:* This rule checks that all `table` elements contain at lease one table header - `th` - element.
131105

132106
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/F91[Link to specification].
133107

134108
[[T4C]]
135-
[[t4ctable-heading-scope]]
136-
==== <<T4C,Table heading scope>>
109+
==== <<T4C,Table heading scope>>
137110
anchor:t4ctableheadingscope[historical anchor]
138111

139112
*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();
202175
----
203176

204177
[[downloading-accessibility-checker]]
205-
== Downloading Accessibility Checker
178+
== Downloading Accessibility Checker
206179
anchor:downloadingaccessibilitychecker[historical anchor]
207180

208181
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

Comments
 (0)