Skip to content

[website] Fix overline duplicating the h2 heading - #48953

Merged
ZeeshanTamboli merged 2 commits into
mui:masterfrom
lazerg:fix/issue-48952-eyebrow-heading
Aug 12, 2026
Merged

[website] Fix overline duplicating the h2 heading#48953
ZeeshanTamboli merged 2 commits into
mui:masterfrom
lazerg:fix/issue-48952-eyebrow-heading

Conversation

@lazerg

@lazerg lazerg commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

The "Products" label above the homepage headline is meant to be a small eyebrow tag, but SectionHeadline hardcodes it to an <h2>, so the section ends up with two consecutive <h2> elements. Screen readers announce them as duplicate same-level headings, which breaks the page's heading outline (WCAG 1.3.1).

Removing the component="h2" override lets the label fall back to Typography's default mapping for body2, which is <p>, so the section title stays the only heading. This affects every page that renders SectionHeadline with an overline, not just the homepage.

Fixes #48952

@code-infra-dashboard

code-infra-dashboard Bot commented Aug 12, 2026

Copy link
Copy Markdown

Deploy preview

https://deploy-preview-48953--material-ui.netlify.app/
QR code for https://deploy-preview-48953--material-ui.netlify.app/

Bundle size

Bundle Parsed size Gzip size
@mui/material 0B(0.00%) 0B(0.00%)
@mui/lab 0B(0.00%) 0B(0.00%)
@mui/private-theming 0B(0.00%) 0B(0.00%)
@mui/system 0B(0.00%) 0B(0.00%)
@mui/utils 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@ZeeshanTamboli ZeeshanTamboli added the website Pages that are not documentation-related, marketing-focused. label Aug 12, 2026

@ZeeshanTamboli ZeeshanTamboli left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks

@ZeeshanTamboli
ZeeshanTamboli merged commit 65d7544 into mui:master Aug 12, 2026
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

website Pages that are not documentation-related, marketing-focused.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[website] Visual eyebrow label "Products" rendered as heading level 2 (WCAG 1.3.1)

2 participants