A11y

This guideline will introduce accessibility thinking and how to design usable experiences for everyone.

Accessibility can seem like a daunting task, but even a few small considerations can lead to better, more accessible websites.

Building upon our accessibility mindset, in this part of Scott Vinkle’s three-part series we journey into the land of accessible code. We cover the basics of writing semantic HTML, and we explore why native HTML elements are so effective in creating highly user-friendly websites.

Start by experiencing how people use a computer differently than you: with a keyboard (no mouse) and screen reader.

Introducing a simple process and template for doing a11y testing — no WCAG knowledge needed.

Contrast is a critical factor in web design, it’s important to get right because it has a strong influence on the visual aesthetic, but it’s especially important for readability and accessibility of text on the page. It’s not a revolutionary idea to suggest that we use Less or Sass to help choose an appropriate text color for a particular background. There are plenty of examples of this, but what is the best way?

The most accessible format for any content on the web is plain text. Plain text is incredibly malleable, it can be altered in ways to cater to almost any disability. For users with no visual difficulties, they can simply read the text. If a user has visual impairments, the text

This post represents a final distillation of my talks given on Accessibility and Performance at Fronteers, Seattle JS and Generate NYC in…

Use HTML codesniffer to grade accessibility . Contribute to yargalot/grunt-accessibility development by creating an account on GitHub.

The home of typing by Alice Bartlett 👩🏻‍💻

What do you do when your HTML doesn't communicate the appropriate semantics to screen readers? You use the roles, states, and properties of WAI-ARIA.

As journalists, advertisers, producers, and creators, content is at our core at Vox Media. We want to ensure that everyone—regardless of ability, situation, or context—can access it.

:wheelchair: A curate list about A11Y. Contribute to brunopulis/awesome-a11y development by creating an account on GitHub.

Karl Groves-Sandbox

Webpages are more than simply how they look. By coding with headings, landmarks and semantic HTML, you can expose a rich document outline to users of assistive technologies, as well as search engines.

An accessibility audit on Hillary Clinton's and Donald Trump's campaign websites.

Are you checking color contrast in your design for optimal readability? Learn more from @troz's simple method.

Get random, accessible color combinations

a11y - Web Accessibility Command-line Tools

Here are nine website accessibility testing tools you can use to run simple accessibility audits on your websites and web content.

According to Colour Blind Awareness 4.5% of the population are color-blind. If your audience is mostly male this increases to 8%. Designing for color-blind people can be easily forgotten because most designers aren’t color-blind. In this article I provide 13 tips to improve the experience for color-blind people – something which can often benefit people with normal vision too. There are many types of color blindness but it comes down to not seeing color clearly, getting colors mixed up, or not being able to differentiate between certain colors.