Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

bug(mat-stepper): a11y disabled state #23088

Closed
csutorasr opened this issue Jun 29, 2021 · 1 comment · Fixed by #23090
Closed

bug(mat-stepper): a11y disabled state #23088

csutorasr opened this issue Jun 29, 2021 · 1 comment · Fixed by #23090
Assignees
@crisbeto
Labels
Accessibility This issue is related to accessibility (a11y) area: material/stepper P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@csutorasr
Copy link

Reproduction

Steps to reproduce:

  1. Turn on VoiceOver or any screenreader.
  2. Go to a linear stepper element with more non-optional steps.
  3. Hover the second step in the stepper.

Expected Behavior

The disabled state should be announced. aria-disabled could solve this.

Actual Behavior

There is no information on disabled state.

Environment

  • Angular: 12
  • CDK/Material: 12
  • Browser(s): Any
  • Operating System (e.g. Windows, macOS, Ubuntu): Any
@csutorasr csutorasr added the needs triage This issue needs to be triaged by the team label Jun 29, 2021
@crisbeto crisbeto self-assigned this Jun 29, 2021
@crisbeto crisbeto added Accessibility This issue is related to accessibility (a11y) area: material/stepper has pr P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent and removed needs triage This issue needs to be triaged by the team labels Jun 29, 2021
crisbeto added a commit to crisbeto/material2 that referenced this issue Jun 29, 2021
@crisbeto
fix(material/stepper): indicate to assistive technology when step is …
d44fe5a 
…disabled

Currently the stepper has no non-visual indication of whether a step is disabled. This is confusing, because selecting it won't do anything.

Fixes angular#23088.
@crisbeto crisbeto mentioned this issue Jun 29, 2021
Merged
andrewseguin pushed a commit that referenced this issue Jul 2, 2021
@crisbeto
fix(material/stepper): indicate to assistive technology when step is …
653f412 
…disabled (#23090)

Currently the stepper has no non-visual indication of whether a step is disabled. This is confusing, because selecting it won't do anything.

Fixes #23088.
andrewseguin pushed a commit that referenced this issue Jul 2, 2021
@crisbeto @andrewseguin
fix(material/stepper): indicate to assistive technology when step is …
6a794ab 
…disabled (#23090)

Currently the stepper has no non-visual indication of whether a step is disabled. This is confusing, because selecting it won't do anything.

Fixes #23088.

(cherry picked from commit 653f412)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Aug 2, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@crisbeto crisbeto

Labels
Accessibility This issue is related to accessibility (a11y) area: material/stepper P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(material/stepper): indicate to assistive technology when step is disabled crisbeto/material2
2 participants
@crisbeto @csutorasr