Negative-Space Typography
Whenever I review design documentation, there are a few things I look for in the first few seconds. All of them have to do with how scannable a page or … Read more
CSS
Make your design system accessible — Part 1: Color
Design systems are often seen as a way to improve accessibility. Some even say that you get accessibility for free by using a design system. But what do you have … Read more
The problem with sticky menus and what to do instead
Designers use sticky menus (menus that stick to the edge of the viewport) to make them easy to access on long pages. But this fancy pattern hurts UX far more … Read more
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
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
Chasing rainbows
Apparently, the very idea of colorblindness is hard to visualize. Take a shot at looking through my eyes. Read the article.
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 to build accessible main navigation?
Structuring a webpage is based on using the right semantic HTML, these semantics will provide all kinds of information necessary to process the page. Most of us know that semantics … Read more
A guide to troublesome UI components
A common opinion is that accessibility is expensive, and that if you think accessibility is expensive, you can deal with it later. Here’s the twist: it will be expensive if … Read more
A beginner’s complete guide to form accessibility: the 5 things accessible forms need and how to fix common errors
Forms are essential – they’re how we get information from our web users, so they can make a purchase, we can subscribe them to newsletters, or they can set up … Read more