material-components / material-components/material-web

Reported issue with md-select in conjunction with JAWS screen reader

Open
#5,136 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
SCSS
Stars
11.3k
Forks
1.1k
Avg merge
20h 28m
Merged PRs (30d)
13

Description

### What is affected?

Accessibility, Component

### Description

We have received reports from users that `md-select` component is not behaving as expected when used with JAWS screen reader.

Since "Support more screen readers" is in the 2023 Q4 roadmap, I also report here, although I think it is more of a JAWS bug (https://github.com/FreedomScientific/standards-support/issues/776).

Note that it is working correctly with the screen reader we use for testing (Orca on Linux).

### Reproduction

### Steps to reproduce:
https://lit.dev/playground/#gist=8266d1cf3ac2739e43a64cfa77bc02bc

### Expected result
- Options are announced when they receive focus (after the listbox menu is opened). JAWS should announce: "blank", "apple", "orange", "banana" as for the native select component.
- The selection menu closes when a user select a value. (enter or space key)

### Actual result
The reported behavior is that:

- Options are not announced when they receive focus
- The selection menu stays open once a user has selected a value.
- The selection menu needs to be closed manually (by pressing the escape key for instance)

### Workaround

We did not receive such reports when our select component was based on MD2. So one possible workaround will be to downgrade our select component back to MD2.

### Is this a regression?

No or unsure. This never worked, or I haven't tried before.

### Affected versions

Possibly working under MD2, reported to fail with MD3 1.0.1

### Browser/OS/Node environment

Jaws 2023, windows, Chrome latest

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Lit Playground reproduction and test md-select with JAWS 2023 on Windows and the latest Chrome; compare the behavior with native select and Orca on Linux. Done means focused options are announced and the menu closes after selection with Enter or Space, without requiring Escape.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.