WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Including non-interactive elements in the tab order

for

From: Patrick H. Lauke
Date: Feb 26, 2024 10:00AM

On 26/02/2024 14:42, Geethavani.Shamanna wrote:
> Hello all,
>
> I am trying to convince some developers that including non-interactive elements (such as error messages) in the tab order is not best practice. The forms in question are validated in real-time and error messages are dynamically inserted into the tab order if a required field is left blank. The error message appears as the next tab stop following the unpopulated required field.
>
> I came across a discussion in the archives about how including non-interactive elements in the tab order does not fail SC 2.4.3, Focus Order. In this instance, where error messages are included within the tab order, does this not fail SC 2.4.3?

Relevant discussions/PRs:

https://github.com/w3c/wcag/issues/1572
https://github.com/w3c/wcag/issues/2655
https://github.com/w3c/wcag/pull/1643

I'd say in this case it's not a failure, but yes not great user experience.

P
--
Patrick H. Lauke

* https://www.splintered.co.uk/
* https://github.com/patrickhlauke
* https://flickr.com/photos/redux/
* https://mastodon.social/@patrick_h_lauke