Web Design & Development: Accessibility

A comprehensive site on web accessibility.

From Smashing Magazine, tips and advice for improving web accessibility across many topics.

How to mark up charts with ARIA.

Tips for how to manage SVGs, both inline and as image files.

Accessibility articles and resources from the American Foundation of the Blind.

How to use ARIA labels in graphics.

The various ways CSS and HTML tags interact with accessible settings like screen readers, dark mode, or keyboard only navigation.

Patterns for buttons and images with titles vs. aria and how different screen readers react.

Expanding the potential of the web for people with disabilities by empowering individuals and organizations to create accessible content.

Input a color and a background color and get suggestions on how to tweak them for accessibility.

This tool lets you check color combinations for contrast and check for conflicts with most forms of color blindness.

Figma plugin for using accessible colors.

A list of small online tools for web development, from converters to accessibility checkers to one task code generators.

WAVE is a web accessibility evaluation tool developed by WebAIM.org. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page.

This is a starter guide for UX and UI Designers about delivering accessible websites.

From Material Design, guidelines for accessible first design.

From Mozilla, a comprehensive reference on ARIA roles and attributes.

The guidelines for designing technology for seniors provided herein integrate the recommendations made by W3C, ISO, AARP and NAI. But we have added information pertaining specifically to user interface design for older people. This additional information was gleaned from hundreds of academic and professional papers, magazine articles, blog articles and websites.

Usability.gov is the leading resource for user experience (UX) best practices and guidelines, serving practitioners and students in the government and private sectors. The site provides overviews of the user-centered design process and various UX disciplines. It also covers the related information on methodology and tools for making digital content more usable and useful.

Strategies, standards, and supporting resources to help you make the Web more accessible to people with disabilities.

The official W3 accessibility standards for the web.