angular / angular/components

When a radio button is both checked and disabled tabindex wouldn't step into the radio group at all

Open
#20,184 2 comments 0 reactions 0 assignees View on GitHub
Accessibility area: material/radio P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-material-radio-button-demo-wz3p6o?file=app%2Fapp.component.html

Steps to reproduce:
1. Have a radio button which is both checked and disabled
2. try to navigate to radio group through tab


#### Expected Behavior
If checked radio button is also disabled the tab should navigate you to the first enabled radio button (even if is not checked)

#### Actual Behavior
If checked radio button is also disabled radio group is not navigable through keyboard

- Angular:

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction and trace the radio group's keyboard navigation behavior for a checked, disabled button. Done means tab navigation reaches the first enabled radio button instead of skipping the entire group.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.