How to Build Great HTML Form Controls
Today I’m going to show you all the things to consider when building the perfect HTML input. Despite its seemingly simple nature, there’s actually a lot that goes into it. … Read more
Usability
Modern HTML email (tables no longer required)
The first point in MailChimp’s email development best practices guidelines is “code all structure using the table element”. The best practices listed by Cerberus, perhaps the most popular HTML email … Read more
Starting a design with accessibility
Designing with accessibility in mind from the start is even better than reviewing a design for accessibility. It helps us consider the wide range of people who use our products … Read more
Solving the CSS layout and source order disconnect
The CSS Working Group is working on a solution to the situation where a layout method can arrange items in an order that is disconnected from the source, and therefore … Read more
Tiny Words Matter: How Microcopy Can Enhance User Experience
Microcopy literally means “tiny bits of text.” But make no mistakes; there’s nothing tiny about the power of microcopy. These tiny — often overlooked — bits of text can make … Read more
Text descriptions for data visualisations
The Web Content Accessibility Guidelines (WCAG) 2.1 – 1.1.1 Non-text Content (Level A) states that a text alternative should be implemented whenever there is non-text content. For example: an image, … Read more
Software accessibility for users with Dyslexia
Let’s focus on cognitive accessibility of digital products and how to make them better for users with Dyslexia. According to the International Dyslexia Association, approximately 15–20% of the population has … Read more
Exposing Field Errors
This post is about exposing field errors programmatically. I have already shared some opinions (such as a caution about displaying messages below fields or avoiding default browser field validation), but … Read more
Quick(er) Note on ARIA and Windows High Contrast Mode
While ARIA attributes (representing roles, states and properties) coupled with CSS can be used to alter the semantics and visual appearance of an element (for example, creating custom buttons or … Read more
How screen readers read special characters: an update
Screen readers interpret what is on the screen. They can read most text easily and accurately, but how do they handle special punctuation and characters? Let’s find out! Read the … Read more