Skip to content

Commit 07af4fb

Browse files
[pre-commit.ci] auto fixes from pre-commit.com hooks
for more information, see https://pre-commit.ci
1 parent 5afe0b4 commit 07af4fb

File tree

1 file changed

+23
-23
lines changed

1 file changed

+23
-23
lines changed

documentation/accessible-documentation.md

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -13,39 +13,40 @@ title: "Accessible Documentation"
1313

1414
## Sources
1515

16-
This guide was written based on
16+
This guide was written based on
1717

1818
- The [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG22/) principles
19-
- [Accessibility user research with Space Telescope Science Institute](https://github.com/Iota-School/notebooks-for-all/tree/main/user-tests#test-1-navigation) and [Project Jupyter](https://github.com/jupyter/surveys/tree/master/surveys/2023-05-jupyterlab-accessibility#readme)
20-
- Documentation workshops in the Scientific Python project ecosystem
21-
- Experience doing accessibility work on open source projects.
19+
- [Accessibility user research with Space Telescope Science Institute](https://github.com/Iota-School/notebooks-for-all/tree/main/user-tests#test-1-navigation) and [Project Jupyter](https://github.com/jupyter/surveys/tree/master/surveys/2023-05-jupyterlab-accessibility#readme)
20+
- Documentation workshops in the Scientific Python project ecosystem
21+
- Experience doing accessibility work on open source projects.
2222

2323
It was written by Isabela Presedo-Floyd at Quansight Labs.
2424

2525
## What is accessible documentation?
2626

27-
If you've made it to this guide in the first place, [accessibility](https://en.wikipedia.org/wiki/Web_accessibility) may be familiar to you already. Ultimately, the goal is to build an equitable world for disabled and able people; for documentation, this starts by making sure that disabled people can benefit from your documentation the same ways that abled people can whether they are blind or visually impaired, have limited mobility, are deaf or hard of hearing, or have mental disabilities.
27+
If you've made it to this guide in the first place, [accessibility](https://en.wikipedia.org/wiki/Web_accessibility) may be familiar to you already. Ultimately, the goal is to build an equitable world for disabled and able people; for documentation, this starts by making sure that disabled people can benefit from your documentation the same ways that abled people can whether they are blind or visually impaired, have limited mobility, are deaf or hard of hearing, or have mental disabilities.
2828

2929
This is a wide net to cast. Not only is there a breadth of experience and acommodations needed for all disabilities, the things that help one disabled person are often the exact things that would be impossible to use for another. So how in the world is accessible documentation even possible?
3030

3131
When in doubt:
32+
3233
- **Write it out.** Text is one of the most flexible and adaptable methods of communication digitally. It can be read visually, audibly, haptically, and be translated to other forms with the right technology. (Note, this does not apply to images of text.)
33-
- **Provide multiple options.** Instead of having *only* text or *only* images to explain a concept, have both. This allows people to engage as they need, it provides multiple paths instead of a single path that can become a wall depending on someone's ability.
34+
- **Provide multiple options.** Instead of having _only_ text or _only_ images to explain a concept, have both. This allows people to engage as they need, it provides multiple paths instead of a single path that can become a wall depending on someone's ability.
3435
- **Use things as they are intended.** For example, if you are writing documentation in plain HTML, use HTML elements as they are intended (often called [semantic HTML](https://developer.mozilla.org/en-US/curriculum/core/semantic-html/)); use `<button>` for buttons, not links (`<a>`). This means that the accessibility support built into the structure you are working with can be leveraged, and there is much more accessibility support for many major structures than you may expect.
3536
- **Listen to feedback.** Each person can only know so much and the people using your documentation can provide great insight. Listening to feedback is not the same as immediately making changes as soon as they are requested, do examine the impact of options as best you can.
3637

3738
## Know your strengths
3839

3940
As a documentation author, it's important to understand what is in your control and how you can make the most of it. This guide addresses only what is in control of documentation authors.
4041

41-
|Authors make|Authors don't make|
42-
|---|---|
43-
| ✅ Documentation text | ❌ Website theme|
44-
| ✅ Images | ❌ The software being documented |
45-
| ✅ Videos | ❌ Website dependencies |
46-
| ✅ Demos of other kinds | ❌ The software used to access documentation|
47-
| ✅ Resource files for downloading | ❌ External links|
48-
| ✅ Community support events | |
42+
| Authors make | Authors don't make |
43+
| --------------------------------- | -------------------------------------------- |
44+
| ✅ Documentation text | ❌ Website theme |
45+
| ✅ Images | ❌ The software being documented |
46+
| ✅ Videos | ❌ Website dependencies |
47+
| ✅ Demos of other kinds | ❌ The software used to access documentation |
48+
| ✅ Resource files for downloading | ❌ External links |
49+
| ✅ Community support events | |
4950

5051
Note: Lots of people who write documentation do a lot of other things for the project as well. Because this guide cannot cover all possible accessibility efforts related to documentation at once, it only covers tasks related to this definition of documentation author.
5152

@@ -61,7 +62,7 @@ The most important parts of documentation structure are to be consistent and to
6162

6263
Some more specific ways to do this are
6364

64-
- [Use headings in order](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements), without skipping levels.
65+
- [Use headings in order](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements), without skipping levels.
6566
- Have descriptive, consistent titles for web pages.
6667
- Make sure page titles and their name in the navigation match.
6768
- Provide a table of contents or a summary of what someone can find on that page. Bonus points if they are links that allow you to jump to other headings on the page.
@@ -77,10 +78,9 @@ Writing accessible documentation text includes all the usual text writing consid
7778
- Use [plain language](https://guides.18f.gov/content-guide/our-approach/plain-language/). Plain language is less formal, direct writing that focuses on using words familiar to the audience where field-specific terms are not required.
7879
- Avoid using [jargon](https://en.wikipedia.org/wiki/Jargon). Many fields will have specific terms and these should be used and defined, but do not use jargon where a more common term will be more clear.
7980
- Where possible, include or link to a glossary of terms relevant in the documentation.
80-
- Use the full version of acronyms the first time they are listed so that readers have at least once reference point for the context of acronyms elsewhere in the documentation. Linking acronyms to their definitions may also be helpful.
81+
- Use the full version of acronyms the first time they are listed so that readers have at least once reference point for the context of acronyms elsewhere in the documentation. Linking acronyms to their definitions may also be helpful.
8182
- Write [descriptive link text](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html). This means that someone should be able to tell where a link will take them before they click on the link text. For example, "[visit Scientific Python](https://scientific-python.org/)" makes it clearer where the link points to than "click here."
8283

83-
8484
### Images
8585

8686
Contrary to text, images can be some of the least flexible types of media for people to interact with. At the same time, for people who can view them, images can be some of the most useful tools in explaining information, providing examples, and offering a quick reference.
@@ -97,7 +97,7 @@ Within the image, or the choices one faces when designing and making the image,
9797
- Make sure the image can be expanded, zoomed, or otherwise respond to user size adjustments. This may cross into limitations with the documentation theme, but it is worth reviewing for and making a note if it is not within author control.
9898
- [Do not use flashing animations](https://www.w3.org/WAI/WCAG22/Understanding/three-flashes.html) for any animated images. Flashing refers to any fast, high contrast color and/or light changes more than three times per second. These are known to trigger seizures and other pain.
9999
- Be consistent with your visuals, iconography, and colors where relevant. This preserves continuity and can help users orient themselves within the documentation.
100-
- Consider if some information-dense images can be broken into multiple images.
100+
- Consider if some information-dense images can be broken into multiple images.
101101

102102
Surrounding the image, or the choices one faces once the images appears in context, authors have to consider what happens if the image is not available.
103103

@@ -110,7 +110,7 @@ In general do not use images to replace text information, use them to augment it
110110

111111
### Videos
112112

113-
Introduce videos and their relevance to the surrounding documentation directly before they appear.
113+
Introduce videos and their relevance to the surrounding documentation directly before they appear.
114114

115115
Videos in documentation should not autoplay. They need a play button and a pause/stop button.
116116

@@ -134,7 +134,7 @@ While it is important to recognize what accessibility considerations are directl
134134

135135
**Advocate for change.** In many cases, accessiblity-related changes cannot be made by one person or require multiple people's expertise. These situations benefit from advocacy, where an author can use the accessibility awareness they have to encourage others to make changes with them. Examples include
136136

137-
- Noting accessibility issues you find in your own documentation by describing its current behavior compared with the desired behavior.
137+
- Noting accessibility issues you find in your own documentation by describing its current behavior compared with the desired behavior.
138138
- Asking specific questions about accessibility support to members of your team or to dependencies' teams. Noting the desired accessible behavior is also helpful here.
139139
- Gathering with other people in your project or across others who want to prioritize accessibility efforts. Figure out what issues you can face together or what you want to advocate for as a team.
140140

@@ -158,7 +158,7 @@ While it is important to recognize what accessibility considerations are directl
158158
- [ ] Link text describes (contextually) where the link will take users if selected.
159159
- [ ] Images can be understood even when viewed in grayscale.
160160
- [ ] Images have sufficient color contrast.
161-
- [ ] Images can be expanded, zoomed, or otherwise respond to user size adjustments.
161+
- [ ] Images can be expanded, zoomed, or otherwise respond to user size adjustments.
162162
- [ ] Details on images (like annotations) appear similar size to body text in context.
163163
- [ ] Images and details within images are used consistently across the page.
164164
- [ ] Images and details within images are used consistently across all documentation (where appropriate).
@@ -169,7 +169,7 @@ While it is important to recognize what accessibility considerations are directl
169169
- [ ] Videos have closed captioning available.
170170
- [ ] Videos have text transcripts available.
171171
- [ ] Sections of code, iframes, or any other self-contained content are briefly introduced in the text preceding them.
172-
- [ ] If all content on the page other than text cannot be loaded, the information that page exists to share can still be accessed.
172+
- [ ] If all content on the page other than text cannot be loaded, the information that page exists to share can still be accessed.
173173

174174
## Further resources
175175

@@ -185,4 +185,4 @@ While it is important to recognize what accessibility considerations are directl
185185
- [A11y-Friendly Documentation video](https://www.writethedocs.org/videos/prague/2018/a11y-friendly-documentation-carolyn-stransky/)
186186
- [Inclusive Tech Docs - TechComm Meets Accessibility video](https://www.writethedocs.org/videos/eu/2015/inclusive-tech-docs-techcomm-meets-accessibility-rmatic/)
187187
- [Accessible Math on the Web: A Server/Client Solution video](https://www.writethedocs.org/videos/na/2016/accessible-math-on-the-web-a-server-client-solution-tim-arnold/)
188-
- [Chartability for data visualization accessibility](https://chartability.fizz.studio/)
188+
- [Chartability for data visualization accessibility](https://chartability.fizz.studio/)

0 commit comments

Comments
 (0)