Skiplinks don’t show on screen on mobile
Categories
(Firefox for iOS :: General, enhancement)
Tracking
()
People
(Reporter: kdunagan, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36
Steps to reproduce:
- Get on a phone, load up a screen reader
- Go on the bbc.gov site (Not the site I work on, but a generally accepted good accessible site)
- Navigate to the skiplinks by swiping
Actual results:
Skiplinks don’t show on screen on mobile.
Browsers/screen readers? don't use/implement? the pseudo class :focus on mobile.
Personally, our site has skiplinks and hidden close buttons for modal dialogs that are broken on mobile but work fine on desktop. When the close button/skiplink is read out by a screen reader on mobile, it does not appear on screen. And that's because we rely on the :focus class being applied to make hidden items visible.
(Quick caveat: Users that don't use a screen reader just have to click anywhere on the screen to escape/select an option in our modal dialogs, so we aren't concerned with not showing the close button to them. And while hiding the close button until it is focused is a purely stylistic choice on our end, we should still be allowed/have the resources available to do it on all platforms.)
Expected results:
Skiplinks show up visible on screen on mobile.
More specifically, that developers are given some notice that an element is being read out by a screen reader on mobile.
-open bug from six years ago https://bugzilla.mozilla.org/show_bug.cgi?id=1000082
Linking Patrick Lauke's bug reports/feature requests for the :focus class to be applied on mobile. (Which is, in essence, what I’m requesting, a way for developers to know when an element has been read out by a screen reader/ ‘focused’ on mobile)
-Chromium bug from 4 years ago created in response to Patrick Lauke's tweet
https://bugs.chromium.org/p/chromium/issues/detail?id=657157
Bugzilla open bug (Opened 6 years ago)
https://bugzilla.mozilla.org/show_bug.cgi?id=1000082
Microsoft accessibility request filed by Patrick Lauke
https://microsoftaccessibility.uservoice.com/forums/307429-microsoft-accessibility-feedback/suggestions/16717318-focusable-elements-should-fire-focus-event-recei
|
||
Comment 2•6 years ago
|
||
We are tracking this at : https://github.com/mozilla-mobile/firefox-ios/issues/6021. Thanks for your feedback.
Description
•