#7848 closed bug (notabug)

Opened November 08, 2011 03:51PM UTC

Closed April 09, 2012 05:13PM UTC

Spinner: accessibility

Reported by: ezufelt Owned by: scottgonzalez
Priority: minor Milestone: 1.9.0
Component: [meta] ui.dev Version: git (not yet released)
Keywords: a11y Cc:
Blocked by: Blocking:
Description

Firefox 7.0.1

JAWS 13

Spinner demo 1.9pre

Problem

1. JAWS reports as a spinner, but doesn't indicate that up / down arrows change value. Perhaps, since this is a relatively new control on the web a default, or recommended, tooltip would be useful.

2. Up button has no name, down button has name of 'black down pointing triangle'.

3. Up / down buttons do not appear to receive focus.

Solution

1. Make sure that up / down buttons have appropriate accessible names

2. Make sure that up / down buttons can receive keyboard focus * this may be annoying as for N spinners there would be N*3 tab stops, thoughts?

Attachments (0)
Change History (6)

Changed November 08, 2011 08:14PM UTC by scottgonzalez comment:1

component: ui.core → [meta] ui.dev
description: Firefox 7.0.1 \ JAWS 13 \ Spinner demo 1.9pre \ \ Problem \ \ 1. JAWS reports as a spinner, but doesn't indicate that up / down arrows change value. Perhaps, since this is a relatively new control on the web a default, \ or recommend, tooltip would be useful. \ 2. Up button has no name, down button has name of 'black down pointing triangle'. \ 3. Up / down buttons do not appear to receive focus. \ \ Solution \ \ 1. Make sure that up / down buttons have appropriate accessible names \ 2. Make sure that up / down buttons can receive keyboard focus * this may be annoying as for N spinners there would be N*3 tab stops, thoughts? → Firefox 7.0.1 \ JAWS 13 \ Spinner demo 1.9pre \ \ Problem \ \ 1. JAWS reports as a spinner, but doesn't indicate that up / down arrows change value. Perhaps, since this is a relatively new control on the web a default, or recommended, tooltip would be useful. \ 2. Up button has no name, down button has name of 'black down pointing triangle'. \ 3. Up / down buttons do not appear to receive focus. \ \ Solution \ \ 1. Make sure that up / down buttons have appropriate accessible names \ 2. Make sure that up / down buttons can receive keyboard focus * this may be annoying as for N spinners there would be N*3 tab stops, thoughts?
keywords: → a11y
version: 1.8.16 → git

We're intentionally forcing focus to the text field when you interact with the buttons. The idea is that screen reader users should just use the arrow keys instead of the buttons. What kind of interaction do you get from a desktop spinner field?

Changed November 08, 2011 08:24PM UTC by ezufelt comment:2

I just tested a spinner (font size) in Firefox options. When tabbing to the spinner JAWS reads: "Size combo box. To change selection use the arrow keys".

This is likely a true combo and not a spinner. I do see what you're saying, I tab to, and then past, the spinner, without landing on the up / down buttons (if they are present).

Since all of the functionality is available without access to the buttons, and since the buttons clutter the set of focusable controls, I agree that they should remain as they are now.

Changed February 24, 2012 12:11PM UTC by jzaefferer comment:3

I've talked to Hans twice about the right role, and our use of role=spinbutton is correct. I don't see how we could get the screenreader to announce that up/key cursor keys can be used.

Changed February 24, 2012 12:30PM UTC by scottgonzalez comment:4

owner: → scott.gonzalez
status: new → assigned

I'll post to free-aria abou this.

Changed April 09, 2012 05:13PM UTC by scottgonzalez comment:6

resolution: → invalid
status: assigned → closed

There doesn't appear to be anything we should be doing differently.