How this new attribute value can ensure that content within accordion sections can be found and linked to.

The three types of browser (and CSS!) magnification

Learn what rem units are, how they differ from other units, and how to apply them for optimal, scalable, and responsive designs.

We look using the CSS visually-hidden utility class to make elements available to users of assistive technologies without impacting design.

I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate

A nasty accessibility bug with display: contents has been fixed in Chrome.

Accessibility is a critical skill for developers doing work at any point in the stack. For front-end tasks, modern CSS provides capabilities we can leverage to make layouts more accessibly inclusive for users of all abilities across any device.

Learn how to handle text over images in CSS by taking accessibility in mind

Let’s review the potential accessibility problems that grid layout could cause. These issues essentially center around the concept of disconnecting the source from the visual display.

Progressive enhancement is amazing. Building websites layer by layer allows for a cleaner separation of concerns, which makes the website more accessible.

In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.

A short article, as a contrast. Just a few simple tips to improve Windows High Contrast Mode experience.

When we talk about the contrast of a page, or contrast between web elements, we’re assessing how color choices impact readability. For visitors with low vision, web pages with low ...

I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to…

Whether you call them cards, block links, or some other thing, the construct of making an area of content clickable (tappable, Enter-key-able, voice-activatable, etc.) is not new. While hit area size is mostly a usability issue, marketers often want a larger click area around their calls to action (CTAs) to…

The website of Hidde de Vries, freelance front-end developer.

This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses. Responsive Table with Semantics Retained by ARIA The Tweet What You Can…

ARIA label translates in Google Chrome [no sound]

A call for urgency in finding a solution to the content reordering problem which our new layout methods make far more likely.

Possibly the best way to hide content accessibly. The CSS is easy to write and understand!

Why and how the right HTML elements can improve the user experience of people that use assistive technologies.

There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...

CSS Grid Layout is one of the most exciting new CSS specifications but it also creates new dangers regarding accessibility and UX.

The importance of designing for user accessibility and UI hierarchy

Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behaviors as mandated by the WAI-ARIA specification. It's at your discretion how closely you follow these requirements. Research may show