998951 - Rocketbar form is not screen reader accessible unless activated.

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia, defect)

Description

[Yura Zenevich [:yzen] (please use "needinfo")]

The rocketbar-form has display none style active until the rocketbar-input is focused which can't be done with a screen reader.

Comment 1

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Github pull request.

Comment 2

[Yura Zenevich [:yzen] (please use "needinfo")]

Comment on attachment 8409663 [details] [review]
Github pull request.

Changing to feedback.

Comment 3

[Ben Francis [:benfrancis]]

Comment on attachment 8409663 [details] [review]
Github pull request.

Unfortunately this completely breaks the Rocketbar.

The Rocketbar has a div containing a span to display titles when inactive, and a form containing an input element to display URLs when active. Never hiding the form means you never see titles and collapse/expand animations require many too many repaints.

The reason we did this is that the Rocketbar has different states with different functionality, but also because we can not performantly scale input elements in the GPU.

I understand why this key piece of UI needs to be accessible to screenreaders, but we need an alternative approach that doesn't make it completely inaccessible to everyone else.

Comment 4

[Yura Zenevich [:yzen] (please use "needinfo")]

Rocketbar focus/activation has recently changed, activating it with the screen reader is now much easier and will be addressed in bug 995258