WebAIM - Web Accessibility In Mind

E-mail List Archives

Mobile Accessibility: Visible focus on Mobile with screen reader "On" and Keyboard Test

for

From: bobby accessibility
Date: Oct 11, 2023 12:10AM

Hi Everyone,

Greetings!

While opening a website on Mobile (both platforms Android and iPhone) using
a screen reader. While swapping left to right what would be the correct
accessible behaviors as of now it highlights visual focus with swapping
which does not look appropriate sometimes; it does not show a
prominent visual border (focus). It makes a big visual box or sometimes
skips showing visual focus borders for static text. Sometimes it reads some
interactive element for instance Link but showing visual focus just above
somewhere on the screen.

1. Will anybody guide me, on how the visual focus should shown while
traversing the web page using swapping (left to right or vice versa)?

2. Does it behave the same for interactive components (buttons, tabs,
forms, links, etc) and non-interactive elements (static text)?

3. Is there any other way to check the keyboard accessibility on mobile
without using an external Bluetooth keyboard? What if we have a responsive
page and we open this on Chrome change this to mobile view and check with
the Tab key, will this work?

Thanks,
Bob