Voice Control Testing for Data Grids

Permalink to "Voice Control Testing for Data Grids"

Voice control users operate computers by speaking: “click Export”, “show numbers”, “press Down Arrow”, “type Lund and Co”. Data grids challenge them with dense, similar controls (“Edit” on every row), icon-only buttons with names that do not match tooltips, custom widgets that do not expose roles, and cells that cannot be targeted by name. Testing with voice control finds label mismatches (SC 2.5.3), missing names and keyboard gaps that other methods miss.

This guide belongs to manual accessibility audits.

Spec reference

Permalink to "Spec reference"
  • SC 2.5.3 Label in Name (A) — accessible names contain visible text.
  • SC 2.1.1 Keyboard (A) — voice users often fall back to spoken key presses.
  • SC 4.1.2 (A) — roles and names let voice software find controls.
  • SC 2.5.8 (AA) — numbered overlays work better with adequately sized, spaced targets.
How a voice command reaches a grid control Flow: the user says "click Edit"; voice software finds all controls named Edit; overlays number them; the user says "3"; the third Edit button activates. How a voice command reaches a grid controlSpeech"click Edit"Matches25 Edit buttonsOverlaynumbers 1–25 shownSpeech"3"ActionEdit INV-1044 opens
Repeated labels need disambiguation.

When to use — and when not to

Permalink to "When to use — and when not to"

Run voice control tests on key data workflows during audits and before releases that change toolbars, row actions or editing.

Do not treat voice testing as optional for products used by people with repetitive strain injuries or limited hand use; voice is their primary input. The misapplication: assuming keyboard accessibility guarantees voice accessibility — voice also depends on names matching what is on screen.

Voice-hostile grid versus voice-friendly grid Comparison: mismatched labels and custom unlabelled widgets force voice users into slow overlays; matching names and native controls let them speak what they see. Voice-hostile grid versus voice-friendly grid✗ aria-label "Modify" on visible "Edit"Icon buttons with no tooltipClickable divsCells only reachable by mouse grid✓ Name starts with "Edit"Tooltip text matches nameButtons and linksKeyboard navigation by spoken keys

Annotated code example

Permalink to "Annotated code example"
<!-- Voice-friendly row actions: visible text and names agree; row context appended -->
<button type="button">Edit<span class="sr-only"> INV-1044</span></button>
<button type="button" aria-label="Delete INV-1044" title="Delete">🗑</button>   <!-- tooltip "Delete" matches start of name -->
Voice Control (macOS) commands used in a grid test:
  "Click Export"              → toolbar button
  "Click Edit"                → numbers shown for all Edit buttons; then "3"
  "Show numbers"              → numbered overlay on every control
  "Show grid"                 → screen grid for unlabelled targets
  "Press Down Arrow" ×3       → grid navigation
  "Type twelve forty"         → dictation into cell editor
  "Press Return"              → commit edit

Keyboard & AT behaviour

Permalink to "Keyboard & AT behaviour"
Task Expected voice path Failure signs
Export data “Click Export” Nothing happens (name mismatch)
Edit a row “Click Edit”, then number No overlay (not a button)
Sort a column “Click Amount” Header not a button
Move in grid “Press Down Arrow” Grid ignores keys
Edit a cell Dictate text Text goes elsewhere (focus not in editor)
Voice software features for grids Matrix of voice software — Voice Control macOS, Voice Control iOS, Voice Access Android, Dragon Windows — against label commands, number overlays, grid overlays and spoken keys. Voice software features for gridsClick by labelNumber overlayGrid overlaySpoken keysVoice Control (macOS)YesYesYesYesVoice Control (iOS)YesYesYesLimitedVoice Access (Android)YesYesYesLimitedDragon (Windows)YesYesMouseGridYes
All support numbers; labels depend on your names.

Step-by-step implementation

Permalink to "Step-by-step implementation"
  1. Set up voice software. macOS Voice Control (System Settings › Accessibility › Voice Control), Android Voice Access or Dragon Professional.
  2. Run tasks by label first. Speak the visible text of each control; note any that fail.
  3. Fall back to numbers. “Show numbers” and check every interactive element gets a number; missing numbers mean missing roles.
  4. Test grid navigation by spoken keys. “Press Down Arrow”, “Press Tab”; confirm the grid responds.
  5. Test dictation. Edit cells by dictating; check focus is in the editor and corrections work.

Integration context

Permalink to "Integration context"

Name rules are covered in label in name 2.5.3 for data controls, and icon buttons in naming icon-only row action buttons. Keyboard audits complement voice testing: keyboard-only audit script for data grids. Target sizes are tested in testing target size 2.5.8 in dense grids.

Gotchas

Permalink to "Gotchas"

Repeated labels. Twenty “Edit” buttons are fine for voice users (overlays disambiguate), as long as names start with “Edit”.

Hidden-until-hover actions. Voice users cannot hover; actions revealed only on hover get no number.

Custom widgets. Divs with click handlers do not appear in overlays; use real buttons.

Edge cases

Permalink to "Edge cases"
  • Homophones. Labels like “Right” and “Write” can confuse recognition; avoid ambiguous short labels.
  • Abbreviations. “Qty” is hard to say; voice users say “quantity” — include the full word in names.
  • Non-English labels. Test recognition in each supported language.

Worked example

Permalink to "Worked example"

A voice control test of a procurement grid with Dragon found that “click Approve” did nothing because buttons were named “Accept request”, row actions only appeared on hover, and the status column header was a styled div. The team aligned names with visible text, revealed actions on focus and made headers buttons. A Dragon user then approved twenty requests by voice in a few minutes.

Common mistakes

Permalink to "Common mistakes"
  • Names that do not match visible text.
  • Hover-only controls.
  • Custom clickable divs.
  • Abbreviated labels that are hard to say.

Testing checklist

Permalink to "Testing checklist"

Testing it with a screen reader

Permalink to "Testing it with a screen reader"

Voice testing and screen reader testing overlap on names. Run a screen reader over the same toolbar and listen: if a spoken name starts with a different word than the visible label, voice users will fail too. Use the screen reader’s elements list to find unnamed buttons quickly before the voice session, then confirm with voice commands.

Reporting voice control issues

Permalink to "Reporting voice control issues"

A good voice control bug report states the software and version, the exact phrase spoken, what was expected and what happened (“said ‘click Export’; nothing happened; button’s accessible name is ‘Download data’”). Include whether a number overlay appeared on the control. Developers without voice software can then reproduce the root cause — usually a name mismatch or a missing role — by inspecting the accessibility tree.

Building a voice test script

Permalink to "Building a voice test script"

Write a short script per workflow, listing commands in order: “Click Filters”, “Click Status”, “Click Overdue”, “Click Apply filters”, “Press Down Arrow” three times, “Click Edit”, “Type twelve forty”, “Press Return”. Run it at each release with the same software and microphone. A script keeps results comparable over time and lets testers without voice experience run the check, while users with real voice experience cover exploratory testing.

Key points

Permalink to "Key points"
  • Voice users say what they see; names must start with visible labels.
  • Number overlays reveal controls without roles; missing numbers mean missing semantics.
  • Hover-only controls are unreachable; reveal on focus.
  • Report failures with the exact spoken command.

Design system notes

Permalink to "Design system notes"

Add voice control checks to component acceptance criteria, especially for toolbars, row actions and header controls.

FAQ

Permalink to "FAQ"
Which voice software should I test with?

Voice Control on macOS is free and capable; Dragon is common on Windows workplaces.

Do I need a quiet room?

A headset microphone helps; recognition improves quickly.

How do voice users handle repeated buttons?

Number overlays after the command; names starting with the label make this work.

Is voice testing covered by keyboard testing?

No; names matter for voice beyond keyboard access.

Can I automate it?

Not reliably; automate name checks and do voice testing manually.

What about mobile?

Voice Control on iOS and Voice Access on Android follow the same principles.

Permalink to "Related"

← Back to Manual Accessibility Audits