The new contrast-color() function is not fully supported yet. But can we still implement it in a cross-browser friendly way using other new CSS features?
GitHub no longer uses toasts because of their accessibility and usability issues.
CAPTCHAs were meant to keep bots out, but too often, they lock people with disabilities out, too. From image classification to click-based tests, many “human checks” are anything but inclusive. There’s no universal solution, but understanding real user needs is where accessibility truly starts.
Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. Discover how to craft dark modes that don’t just look good but work for everyone, from those with light sensitivity to machine learning algorithms.
Most carousels come along with usability and accessibility issues. To avoid these issues, this article addresses step-by-step design considerations as well as semantic requirements for carousels to be accessible. It is intended to create an in-depth understanding of the implementation and its impact on users.
A collection of bad practices in HTML, copied from real websites.
Carousels! They aren’t effective or popular with real users, and yet they can be found all over the... Tagged with a11y, webdev, carousel, javascript.
Content accessibility isn't just design and production's job. It's everyone's job. Here's how content creators can create accessible content.
Write alt text that communicates an image's purpose without repeating page content. Focus on meaning rather than visual description.
A look at common patterns found on the web, how they are harmful for accessibility, and what to do instead.
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.
Leveraging the power of modern web features, you can quickly create awesome navigation menus.
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
The ARIA Authoring Practices Guide (APG) contains an extensive range of design patterns aimed at helping developers to create accessible web experiences using WAI-ARIA. However, while we encourage web authors to follow these design patterns, a common misconception is that their usage is a prerequisite for conformance. This is not the case.
The length of text lines substantially impacts their readability — yet this is often overlooked in e-commerce. See our latest test findings on line length readability.
An interactive guide on designing better target sizes on the web.