DevelopmentSkills
Improving the accessibility of your Markdown
How to make an impact on someone’s quality of online life.
DesignResources
The endless search for “here” in the unhelpful “click here” button
There are many ways how other people experience the world.
DevelopmentSamples
Your CSS is an interface
How human-friendly CSS class names can help someone use your website.
DesignResources
It needs to map back to a role
How the cool new thing you’re building will be usable by everyone.
DevelopmentResources
Windows High Contrast mode, Forced Colors mode and CSS Custom Properties
How modern CSS can help to create adaptive digital experiences.
DesignResources
All the user-facing states
A reference of user-facing states, what they are, and what they are not.
DesignOpinions
The case for null in design systems
“Sometimes an intentional absence of content is what’s needed in a design system.”
DevelopmentResources
Yes, accessibility is also a backend concern
Accessibility is a practice that touches every aspect of a digital experience.
DevelopmentOpinions
‘aria-label’ is a code smell
Dos and don’ts when providing accessible names for elements.
BusinessTools
I doubled-down on RSS
What RSS is, how to use it, and why it is important.
DevelopmentOpinions
Don’t use custom CSS scrollbars
Just because you can style browser scrollbars doesn’t mean you should.
DevelopmentOpinions
‘display: contents’ considered harmful
What you risk when you rely on the CSS declaration ‘display: contents.’
DevelopmentSamples
The five types of people who produce inaccessible code
There is also a secret sixth type, but it’s not a person.
DesignTools
Accessibility annotation kits only annotate
They can be harmful when misunderstood or misused.
DesignResources
Oh shit banners
Do’s and don’ts when using emergency banners.
DevelopmentOpinions
Embedding alternative text metadata into images
Does ‘alt text’ in images improve accessibility?
DesignSamples
Invisible success
Showcasing a well-designed, accessible table component.
DevelopmentOpinions
The CSS function ‘contrast-color()’ is a good thing
But also solving the problem at the wrong layer.
BusinessSamples
Consent, LLM scrapers, and poisoning the well
A Luddite approach to more ethical AI use.
DesignSamples
Design token ugly mode
An approach to uncover hidden design flaws.
DevelopmentSamples
Making content-aware components
A technique using CSS :has(), grid, and quantity queries.
DesignResources
Don’t forget to localize your icons
It can undermine the trust you’re trying to build.
DevelopmentResources
What I wish I knew when learning ARIA
How to approach a vital part of web interfaces.
DesignOpinions
Quality is a trap
“We must be careful to not conflate process with results.”
DesignOpinions
Inclusive personas and user research
“Disability is too big to be reduced to a set of personas.”
DevelopmentSamples
The double focus ring problem
A smart solution built with modern CSS.
DevelopmentResources
Accessible faux-nested interactive controls
How to solve a tricky accessibility problem.
DesignResources
Keyboard shortcuts for web apps
What it takes to design accessible keyboard shortcuts.
DevelopmentOpinions
CSS-Tricks could be a co-op
What if the people who love it decided its future?