The details and summary elements, again
I've already written about the <details> and <summary> elements, but there is more to tell, and there have been some changes since I last wrote at length about them in 2018.<details>...
View ArticleResponsive accessibility using visibility hidden
Like it or not, even though content can be made to adapt to different viewport sizes and zoom levels by use of CSS media queries, sometimes the end result can be a bit awkward without further...
View ArticleUse the dialog element (reasonably)
Today, the HTML specification landed a very important change to the dialog element. One that resolves a multi-year discussion on how the dialog element should handle initial focus.As mentioned in the...
View ArticleSetting expectations for asking ChatGPT web accessibility questions
You may be familiar with ChatGPT. But if you’re not, it’s a very cool chat interface using artificial intelligence to provide human-like responses to the questions you ask it. It is, however, still...
View ArticleHaving an AI dialog
I’ve already talked about Setting expectations for asking ChatGPT web accessibility questions. So you should probably go read that first.But as a quick a reminder, ChatGPT’s responses are derived from...
View ArticleVisually hidden content is a hack that needs to be resolved, not enshrined
figure { padding: .5em; border: 1px solid #444; font-size: .825em; background: #fafafa } @media screen and (prefers-color-scheme: dark) { figure { background: #2a2a2a; } } This will retread and extend...
View ArticleThe search element
Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.Please be aware that this element landing in the HTML spec today does not mean it is available in...
View Articlepopover accessibility
I wrote this article on the default accessibilty properties (some might say ‘semantics’) of the popover attribute with Hidde de Vries. We both have been involved in Open UI, and were involved in the...
View ArticleSpoiler Alert: it needs to be accessible
The topic of how to make an accessible spoiler component, or ‘should there be a spoiler element?’ has recently (re)-caught my attention. (I wrote most of this back in February and then forgot about it…...
View ArticleParagraphs
Consider the following: I am a paragraph. I am also a paragraph. You might hate it, but I'm a paragraph too. Even I am a paragraph. Though I'm a list item as well. I might trick you Guess who? A...
View Article