89e0ea79bb
* Add accessibility section to PR template * Add accessibility section to Forem docs * Incorporate PR review feedback
2.2 KiB
2.2 KiB
| title |
|---|
| Accessibility |
Accessibility
To make Forem the most inclusive community platform around, accessibility should be considered to enable people with disabilities to create and consume content.
The Basics
Forem UI changes should consider accessibility wherever possible. This includes common requirements such as:
- Adequate color contrast
- Semantic structure and headings
- Alternative text for images
- Unique button and link text
- Accessible forms with labels
- Visible keyboard focus styles
More Advanced Things
If you're working on something JavaScript-heavy or animated, there are a few additional considerations for accessibility:
- Forem Accessibility Tests
- Intro to ARIA
- Handle focus for client-side interactions
- Reducing motion with CSS media queries
- Linting with eslint-plugin-jsx-a11y
- Testing with Jest-axe
Resources
There's a wealth of information out there to learn about digital accessibility! Here are some resources: