Accessibility

According to Colour Blind Awareness [4.5% of the population are color-blind](http://www.colourblindawareness.org/colour-blindness/). 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](http://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness/) of color blindness but it comes down to not seeing co...

As designers, we like to think we are solution-based. But whereas we wouldn’t hesitate to call out a museum made inaccessible by a lack of wheelchair ramps, many of us still remain somewhat oblivious to flaws in our user interfaces. Poor visual design, in particular, can be a barrier to a good user experience. Whereas disability advocacy has long **focused on ways to help the user adapt** to the situation, we have reached a point where users expect products to be optimized for a broad range of needs.

Accessibility is a hot topic these days, and the older we web-makers get, the hotter it's going to become! That might be a snarky outlook, but what I'm try

Welcome to the Teach Access Tutorial! This resource is part of the Teach Access Initiative, and provides best practices for making accessible mobile and web apps. This tutorial currently provides basi…

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

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external style…

Good start for accessible site is using accessibility ready themes and plugins. I have written technical overview how to build accessible themes. But that alone is not enough. Writing accessible conte…

The screen-reader-text CSS class is a small bit of CSS used in WordPress to visually hide text and make it still available to assistive technologies, screen readers, and any other software reading …

A snippet of HTML I found made accessibility experts laugh. I explain what is wrong with the code, so the error isn't repeated.

Born to be different. Born to save the world!

What is web accessibility? We explain accessible web design principles, and share top tips and resources for getting started.

Accessibility enables people with disabilities to perceive, understand, navigate, interact with and contribute to the web.

The history of the wheelchair dates back to 300 BC in China, where records show wheelbarrow type furniture was used to assist people with disabilities. It wasn’t until the 1970’s that the ramped cu…

The web is full of resources telling you to use the relative lengths “em” and “rem” over pixel, because they would make your design more accessible. Almost all Front-End Developers I know (including m…

You may have heard that when defining the size of things in your website, you should be using em or rem units, rather than good old…

Prioritizing web accessibility has always been important but it should likely go up a notch or two on your to-do list. Learn all about the Winn-Dixie case here.

The select2 library makes it simple for anyone to add full-featured, good-looking dropdown menus to their site. According to Wappalyzer, at least 850,000 websites are currently using select2. WooComme…

Making your website accessible means making it available to the largest number of people possible. It's already a Herculean task to get people to your website…

We put together a list of ten web accessibility guidelines that will guarantee access to your site to any person, in spite of their disabilities.

How to be “Accessibility Ready” This is an optional stage of the theme review process. Submitted themes (or theme updates) that use the tag accessibility-ready will undergo an accessibi…

Quick: what is this? If the word “Button” comes to mind, you might be right. Unfortunately we’ve been seeing a lot of instances in our testing where an image or CSS styling is use…

I thought my eyesight was beginning to go. It turns out, I’m suffering from design.

Léonie Watson on giving a damn about what you're building and who it's for.

Hello, are you interested in joining the Make WordPress Accessible team? Or are you just interested in finding out what we’re up to? This page explains a bit about what the team does, and how you c…

As Americans age, interface and product design itself will transform.

This post is just a stub for now so that you can access my slides during my talk. Later on I will add some links, tweets, and some of the animated GIFs I use in the slides (since they do not display i…

“If you have a disability, what’s the hardest thing about browsing the web?” The answers to Safia Abdalla’s tweet are truly eye-opening and shows us what web accessibility should really be about. The …

With over-50s making up an increasing number of the digital population, you need to know how to make websites age-friendly. Here's how.

Layout is a design and WordPress blog covering thought-provoking topics that show you the next step for your business, improve your process, and inspire your designs.

WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences. The feature can be used in a CSS @media block or through the window.matchMedia() inte…