29 resources indexed
Build websites that work for everyone with our curated collection of accessibility testing tools, WCAG compliance checkers, and inclusive design resources. Learn best practices for creating truly accessible digital experiences.
You make the web more inclusive for everyone, everywhere, when you design with accessibility in mind. Let Laura Kalbag guide you through the accessibility landscape: understand disability and impairment challenges; get a handle on important laws and guidelines; and learn how to plan for, evaluate, and test accessible design.
A free and open source speech-to-text app for your computer. Transcribe your voice into any text field, privately and simply.
Guidance and principles for designing humane digital products and services focused on user well-being and ethical design.
This website provides a window into how people are interacting with the US government online. The data come from a unified Google Analytics account for U.S. federal government agencies known as the Digital Analytics Program. This program helps government agencies understand how people find, access, and use government services online. For everyone else, it's an interesting look in to browser and device statistics with a huge sample size to help you build with current usage trends in mind.
Thoroughly researched, industry leading design system for public services by the UK Government Digital Service. Great for inspiration & best practice on patterns and components.
Product tours, highlights, contextual help and more. Onboard your users by explaining how to use your product and answer common questions.
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Pa11y aims to improve the accessibility of the web through better tooling and automation.
A collection of accessible scripts, made in ES2015. Van11y (for Vanilla-Accessibility) is a collection of accessible scripts for rich interfaces elements, built using progressive enhancement and customisable.
The web browser that adjusts for tremors. Millions of Parkinson's patients worldwide suffer from tremors. This makes reading and navigating on smart devices such as tablets extremely difficult. The browser app Staybl uses virtual counter-movements to compensate tremors in real time. Parkinson's patients and all other people suffering from tremors can finally surf the internet comfortably and smoothly again – and enjoy all the benefits of digital networking.
Learn about accessible button contrast and use the generator to begin creating button styles with accessible contrast.
Megapedia by the BBC GEL is designed to be a table of universal shortcuts. It is envisaged as a one-stop shop for anyone using or creating keyboard shortcuts for either Windows or Mac. It is also intended to be something of a shortcuts library for the end user, of a variety of typical functions and features.
A practical handbook on ethical design for digital products. With practical techniques to make honest interfaces work for digital products.
A checklist for creating accessible websites and web applications.
A fantastic colour contrast checker tool that brings attention to how color contrast can affect different people with visual impairments using statistics and examples.
Practical approaches to Universal Design for making your website/webapp accessible to everyone.
View your website with simulated colour blindness to ensure your content is accessible.
A digitally remastered book first published in 1962 on the design of forms in the UK Government.
Develop, debug and test websites and apps twice as fast. Know for sure your sites and apps work everywhere and for everyone.
An interactive map of screen sizes for responsive and adaptive design.
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project.
A tool to calculate the contrast ratio between any two valid CSS colors.
Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev.
// link-slug