WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Please share example of inaccessible but popular UI component

for

Number of posts in this thread: 3 (In chronological order)

From: Vlad Kolpakov
Date: Fri, Oct 27 2023 12:36AM
Subject: Please share example of inaccessible but popular UI component
No previous message | Next message →

Hi all!
I'm looking for a frequently used UI component that has severe
accessibility issues. Ideally - issues with keyboard navigation because
that would be easy to demo. I want to use it in a training for
developers to proof the point that one should carefully check components
written by someone else before using them in their own product. That's
why I need something popular to strengthen the argumentation. Under
"popular" I mean that the component belongs to a known framework/library
and/or it has been starred many times on Github for instance :) If
someone has an example of this at hand, please share the link. Thanks in
advance!


--
Best,
Vlad

From: Yeti
Date: Fri, Oct 27 2023 12:56AM
Subject: Re: Please share example of inaccessible but popular UIcomponent
← Previous message | Next message →

Hello Vlad,

> I'm looking for a frequently used UI component that has severe
accessibility issues.
...
> Ideally - issues with keyboard navigation

It's not a component in the sense you asked, but may be suitable for a demonstration.
- The Google Calendar has a combo box for selecting the calendar in which an appointment should be entered.
- Normally an appointment can be saved with the key combination CTRL+Enter.
- This also works with a screen reader (NVDA 2023.3RC2).
- However, this key combination does not work if the focus is on the combo box for selecting the calendar.

Hth

Yeti

From: Bryan Garaventa
Date: Fri, Oct 27 2023 1:02AM
Subject: Re: Please share example of inaccessible but popular UIcomponent
← Previous message | No next message

You can compare these if you wish using a screen reader such as JAWS or NVDA in Chrome and Firefox to validate keyboard accessibility.

Popular: https://jqueryui.com/datepicker/
Versus: https://whatsock.com/Templates/Datepickers/Basic/index.htm

Or

Popular: https://jqueryui.com/slider/#default
Versus: https://whatsock.com/Templates/Sliders/Horizontal/index.htm

All the best,
Bryan


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Vlad Kolpakov
Sent: Thursday, October 26, 2023 11:36 PM
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] Please share example of inaccessible but popular UI component

Hi all!
I'm looking for a frequently used UI component that has severe accessibility issues. Ideally - issues with keyboard navigation because that would be easy to demo. I want to use it in a training for developers to proof the point that one should carefully check components written by someone else before using them in their own product. That's why I need something popular to strengthen the argumentation. Under "popular" I mean that the component belongs to a known framework/library and/or it has been starred many times on Github for instance :) If someone has an example of this at hand, please share the link. Thanks in advance!


--
Best,
Vlad