Accessibility
We’re currently making rapid changes to the product so our docs may be out of date. If you need help, please email yo@forem.com.
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. Common issues to watch out for in frontend code:
- 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
Accessibility Testing
See a list of testing steps to follow during development or for a Pull Request review on the Forem Accessibility Testing Docs.
Resources
There's a wealth of information out there to learn about digital accessibility! Here are some resources: