- Brave People
- Posts
- Accessibility In Design 101
Accessibility In Design 101
Samantha Taylor
February 09, 2024
Hi Brave People,
Ready to boost your design game? Dive into our latest blog post for quick tips on creating designs that shine for everyone. From fonts to colors, we've got the essentials to make your digital creations pop!
Accessibility Matters:
One thing that matters the most — but isn’t talked about frequently — is accessibility in design. Accessibility needs to be at the forefront of our design process and one of the fist conversations we have with our team members. This is an ethical practice, and by focusing on fonts, colors, and various design aspects, designers can contribute to a more inclusive online world.
@brvppl Where do you find your fonts? #fonts #graphicdesign #designer #webdesigner
The Guidelines:
To assist in the journey towards accessible design, consider using tools like the Web Content Accessibility Guidelines (WCAG) to evaluate and enhance your designs. This is the golden document for all your accessibility needs.
Tools you should know:
There are plenty of accessibility tools on Figma and beyond! Here are a few we love 👇
Web Content Accessibility Guidelines (WCAG):
A set of guidelines by the World Wide Web Consortium (W3C) outlining standards for creating accessible web content.
An open-source browser extension that automatically detects and helps fix common web accessibility issues.
Wave:
A web accessibility evaluation tool providing visual feedback and facilitating the assessment of web content for accessibility issues.
Color Contrast Checker by WebAIM:
A tool for checking the color contrast of text and background elements to ensure readability for users with visual impairments.
An accessibility testing tool that scans websites and applications for potential barriers to access, providing detailed reports.
A browser extension allowing designers to simulate various visual impairments to experience and address potential accessibility issues.
A design tool integrated with popular design software to ensure color contrast and accessibility compliance during the design phase.
A Mac app that helps designers check color contrast and ensures readability for users with visual impairments.
WAVE Evaluation Tool by WebAIM:
A browser extension that identifies accessibility and Web Content Accessibility Guidelines (WCAG) errors on web pages.
A GitHub Action tool that automatically reviews pull requests for common web accessibility issues in HTML and JavaScript.