angular / angular/components

bug(typography): body-medium and body-small line heights are not accessible

Open
#31,176 0 comments 0 reactions 0 assignees View on GitHub
Accessibility area: theming P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

To meet criterion 1.4.12 of WCAG 2.1 https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html body-medium and body-small type should have higher line heights

Current body-medium line height: 20px
Accessible body-medium line height for the same font size: 22px

Current body-small line height: 16px
Accessible body-small line height for the same font size: 18px

### Expected Behavior

Accessible line heights for default typography

### Actual Behavior

Inaccessible line heights for body-medium and body-small typography

### Environment

- Angular: 18
- Material: 3
- Browser(s): Any
- Operating System (e.g. Windows, macOS, Ubuntu): Any

Contributor guide

Open the contributing guide

Research direction

No file or test is named. Search the default typography definitions for body-medium and body-small, then verify how their current line heights are set. Done means body-medium uses 22px and body-small uses 18px, with relevant typography checks passing.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.