/* Code Comments */8 posts tagged with "a11y"
polymorphic accessible react components for visually hidden elements
2022-11-28
|~1 min read
|194 words
I was working on a project recently where I wanted to make sure that my icon links were accessible. I found Kitty Giraudel’s great blog post…
html: a second look at details
2022-11-28
|~2 min read
|391 words
On some pages, it may make sense to have some details hidden by default but present should a reader want additional information. That’s what…
accessible-borders
2022-11-28
|~1 min read
|25 words
A11y trick for making borders accessible - transparency. need to relisten to really understand. https://overcast.fm/+heX49Ze7E/23:06 related…
highlight the focused element in web development
2022-11-28
|~1 min read
|98 words
When testing a website for its accessibility, one thing I’m often interested in looking at is what is in focus. The browser of course needs…
package discovery: react-focus-lock
2022-11-28
|~3 min read
|548 words
Another entry in my Package Discovery series. Today’s topic is focus lock using ! When it comes to getting focus on dialog boxes on the…
web accessibility: form basics: labels
2022-11-28
|~3 min read
|463 words
For accessibility purposes all form inputs should be labelled. How do we apply a label though? There are multiple ways to add a label, but…
details tags and choosing your own adventure on the web
2022-11-28
|~2 min read
|385 words
Recently I heard about Julian.com and specifically about the design of the manuals the owner, Julian Shapiro, writes. One of the things that…
buttons without style
2022-11-28
|~2 min read
|208 words
When it comes to accessibility (a11y) on the web, one of the best / easiest things you can do is to use semantic HTML. Structural, semantic…