Quantcast
Channel: Scott O’Hara - Accessibility engineer, UX developer and designer
Browsing latest articles
Browse All 45 View Live

Image may be NSFW.
Clik here to view.

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 Article



Are 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 Article

Making 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 Article

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 Article

Responsive 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 Article


Use 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 Article

Setting 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 Article

Having 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 Article


Image may be NSFW.
Clik here to view.

Visually 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 Article


The 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
Browsing latest articles
Browse All 45 View Live




Latest Images