The ⊕ composer menu is not accessible by screen readers

Bug 1: There’s no way to dismiss composer menus in VoiceOver

Expand the ⊕ menu in iOS VoiceOver. Now, try to dismiss the menu.

Expected: Ordinarily, you’d do that by dragging the little “grip” bar down, or tapping in the grey area to dismiss the menu.

Actual: Dragging the grip bar does nothing when iOS VoiceOver is enabled. The bar itself is marked aria-hidden=true, so there’s no way to target it, click on it, or act on it.

Bug 2: No ARIA description for ⊕ or Tt button

In iOS VoiceOver, compose a new post and navigate to the ⊕ button, which contains additional tools for editing your post.

Actual: VoiceOver will announce the button as “Button. Collapsed.”

Expected: The button should have a title attribute or an ARIA description explaining what it is, even if it’s just, “Additional tools. Button. Collapsed.”

(I don’t even know what this menu is called… I’m using the unicode ⊕ to describe it.)

The same issue affects the Tt headings menu, where you can select a heading level or “paragraph.” VoiceOver announces it simply as “Button. Collapsed.” There’s no indication of what it does.

Finally, you can also reproduce this by hovering over composer buttons with a mouse. When you hover over most of the buttons, a title tooltip appears, explaining what it does (and suggesting a keyboard shortcut). But not so for ⊕ or Tt. The only way to find out what they do is to click on them and find out.

(And, when you do, you’ll get stuck in the menu, unable to leave!)

4 Likes

Thanks for reporting Dan, I put a priority tag on this and some time in the next 4 weeks we will get to sorting this out.

2 Likes