Accessibility
- How we build accessible
- Standards
- Articles
- Examples
- Useful links
- Videos
- Podcasts
- Accessibility Tools
Things to consider when building features:
- Alt tags
- Use ARIA Tags
- Title Tag
- Is your HTML semantically correct?
- Navigate with keyboard
- Closed Captions for Media
- Contrast awareness
- The difference between AA and AAA - https://digitalaccessibilitycentre.org/index.php/blog/20-diary/187-the-icing-on-the-cake-the-difference-between-aa-and-aaa-compliance
- Using ARIA attributes - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
- Not a quick read but lots of detail - https://www.w3.org/TR/WCAG20/
- Focus Styling: https://hackernoon.com/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2\ https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#Browser_compatibility
- Why do we need WCAG Level AAA? - https://www.wuhcag.com/wcag-level-aaa/
- Designing for Accessibility And Inclusion - https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/
- Accessibility after Brexit - https://www.24a11y.com/2018/accessibility-law-in-uk-after-brexit/
- Accessibility, a powerful design tool - https://slack.design/accessibility-a-powerful-design-tool-22f5e6d46278
- Designing for accessibility by using Apple VoiceOver - https://link.medium.com/wLimsqaLRW
- Empathy Reifies Disability Stigmas- https://vimeo.com/319388683
- Web Accessibility Guidelines - Fullstack Academy [Youtube]
- Accessibility for designers - https://uxpodcast.com/196-accessibility-for-designers/
A few online tools to help measure your sites accessibility:
- Storybook Accessibility - If you use Storybook (Great library for building components) you should take a look at this.
- WAVE
- Contrast Checker
- Accessibility Developer Tools
- Contrast-Finder
- ColorTester
- Home
- Learning and Development
- Accessibility
- Design
- Design Systems
- Tooling
- Pathways
- Fundamentals
- Frameworks
- Tools and Libraries
- Best Practices
- Ways of working
- FAQs