WordPress accessibility handbook
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
Intro:
2
Good Practice:
3
Bad Practice:Google drive:
https://drive.google.com/drive/folders/0ByhGgksNdkRcdzM3dkdIaDRmOEE
4
Why:
5
Exceptions:
6
Examples
7
Resources (as Link in the text)
8
9
Topics for accessibility handbook
Who takes to first steps
ProgressProposed chapterURL
10
semantic HTML5RianreadyMarkup
https://docs.google.com/document/d/1UGUI1gl9aXGn-7x7HBuS7KUw1pw94cLZwe3uuzsKpbw/edit
11
color and contrastMajain progressMarkup
https://docs.google.com/document/d/1H1n_ExbGSRCKp7UqyudDRF0liQM3vN1cjDs3xBJYnrM/edit
12
Font sizes / resize textRiannot started yetDesign
https://docs.google.com/document/d/12Aexc_JMOy0KdX-cu2Z3MIk0wV-8jkCMX9Jt3sWSr4o/edit
13
Font-style MajaDesign
14
tablesRianMarkup
15
formsRianMarkup
16
video and audio-> captions and transcriptsMajaAudio and Video
17
18
keyboard navigationRianKeyboard navigation
19
Order of elements in the DOMRianMarkup
20
Images and descriptive textContent
21
Icons, SVGsSamiMarkup
22
links and link text, links opening in new windowMajaContent
23
ARIA
24
ARIA roles
25
ARIA states and properties
26
ARIA Authoring Practices
27
dynamic changesDynamic content
28
audible feedback for dynamic changes: wp.a11y.speak
Dynamic content
29
what is WCAG AAGuidelines
30
31
Heading hierarchyRianin progressMarkup
32
video and movement must be stoppableMajaAudio and Video
33
skiplinksSamiin progressMarkup
https://docs.google.com/document/d/1ROVnqPilQ8BId_LT7bP7uE8-OqgvI5z9sOZi46r97jQ/edit
34
Tutorials and courses about a11yMajaEducation
35
screen reader text and aria-hiddenSamiMarkup
36
define the language of the pageSamiMarkup
37
38
AccordionSamiMarkup
39
Dialog ModalSamiin progressMarkup
https://docs.google.com/document/d/1OajKwDvCcI32f0WSppLEYi_Ffbn7o9s4h0GkA4jsUPw/edit#
40
Off CanvasSami
41
TabsSamiMarkup
42
TooltipSamiMarkup
43
infinite scrollSamiMarkup
44
45
React, Vue etc.Dynamic content
46
React: focus management, announcing dynamic changes
Dynamic content
47
React: links in one pagersDynamic content
48
49
hamburger menuMarkup
50
Drop down menuMarkup
51
52
Screen reader detection
53
54
Mobile accessibility
55
56
Text Structure (lists are better than text blogs for dislectic)
Majain progress
https://docs.google.com/document/d/1vCCi933CbCdDGWy-7ZoV88U0oWJj-qZM6JngcuZdg5E/edit
57
58
Section specific to older browsers. For example ARIA landmark roles.
Sami
59
60
Progressive enhancement
61
62
63
Other handbook pages that need a rework or eveluation if they can stay
64
The ally taem
65
https://make.wordpress.org/accessibility/handbook/about/getting-started-at-a-contributor-day/
66
https://make.wordpress.org/accessibility/handbook/about/goals-and-roadmap/
67
A11y overview
68
https://make.wordpress.org/accessibility/handbook/accessibility-overview/
69
https://make.wordpress.org/accessibility/handbook/accessibility-overview/which-questions-should-you-ask/
70
https://make.wordpress.org/accessibility/handbook/accessibility-overview/which-themes-can-you-use/
71
For theme developers
72
https://make.wordpress.org/accessibility/handbook/for-theme-developers/
73
https://make.wordpress.org/accessibility/handbook/for-theme-developers/keeping-links-accessible/
74
Accessible HTML
75
https://make.wordpress.org/accessibility/handbook/quick-start-guide/
76
https://make.wordpress.org/accessibility/handbook/quick-start-guide/provide-text-alternatives-for-non-text-content/
77
https://make.wordpress.org/accessibility/handbook/quick-start-guide/provide-captions-and-other-alternatives-for-multimedia/
78
https://make.wordpress.org/accessibility/handbook/quick-start-guide/use-of-color/
79
Tools
80
https://make.wordpress.org/accessibility/handbook/testing-and-development-tools/
81
https://make.wordpress.org/accessibility/handbook/testing-and-development-tools/wp-accessibility-plugin/
82
https://make.wordpress.org/accessibility/handbook/testing-and-development-tools/other-plugins-to-improve-accessibility/
83
https://make.wordpress.org/accessibility/handbook/testing-and-development-tools/site-feedback-guide/
84
Testing projects
85
https://make.wordpress.org/accessibility/handbook/testing/
86
https://make.wordpress.org/accessibility/handbook/testing/audits-and-testing/
87
https://make.wordpress.org/accessibility/handbook/testing/how-to-test-for-accessibility/
88
https://make.wordpress.org/accessibility/handbook/testing/theme-reviewers-guide/
89
https://make.wordpress.org/accessibility/handbook/testing/heading-semantics-in-the-admin/
90
https://make.wordpress.org/accessibility/handbook/testing/color-in-wordpress/
91
92
We need to combine:
93
https://make.wordpress.org/accessibility/handbook/testing-and-development-tools/other-plugins-to-improve-accessibility/
94
and
95
https://make.wordpress.org/accessibility/useful-tools/
this one is visited the most
96
97
Copied idea's form the current site
98
Focus States on Mobile Devices: Myth debunking and why we need focus states on mobile
99
Heading Hierarchy in Design: Maintaining heading order and keeping it in mind while designing. Links back to Quick Start topic and may also link to dev topic for code examples.
100
Designer's "Avoid" Checklist: A list of features to avoid during the design process or use with caution. Ideas borrowed from theme topic: Things to Avoid

Autoplay
Animations
Carousels
Removing Underline from Links
Loading...
 
 
 
Overview
Chapters