Considering dynamic search results and content
Before we even begin, here are some key things I want you to take away from this post, which I had intended to write as a quick note of sorts… but I clearly don’t know how to to keep myself from...
View ArticleAre we live?
If you have an interface where content is dynamically updated, and when the content is updated it does not receive focus, then you likely are going to need a live region.Live regions are elements that...
View ArticleMaking a custom clear text field button
When people add custom clear buttons to their text fields they generally do one of three things:They do not make them accessible at all.They unnecessarily add them to the keyboard focus order of the...
View ArticleThe 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 Article
More Pages to Explore .....