Skip to content

Add guidance for handling empty tabpanels - #45233

Merged
Josh-Cena merged 3 commits into
mdn:mainfrom
NssIs:30470-empty-tabpanel-guidance
Sep 12, 2026
Merged

Add guidance for handling empty tabpanels#45233
Josh-Cena merged 3 commits into
mdn:mainfrom
NssIs:30470-empty-tabpanel-guidance

Conversation

@NssIs

@NssIs NssIs commented Aug 19, 2026

Copy link
Copy Markdown
Contributor

Description

Adds guidance to the ARIA tabpanel role page on handling panels that have no content to show. It advises against leaving a focusable empty tabpanel (a focus dead-end for keyboard and assistive-technology users), and suggests removing the tab/tabpanel when there is genuinely no content, or giving the panel a placeholder message such as "No data".

Motivation

Provides the practical guidance requested in the linked issue so implementers handle empty tabpanels accessibly.

Additional details

Related issues and pull requests

Fixes #30470

@github-actions github-actions Bot added Content:Accessibility Accessibility docs size/xs [PR only] 0-5 LoC changed labels Aug 19, 2026
@Josh-Cena
Josh-Cena marked this pull request as ready for review August 31, 2026 18:08
@Josh-Cena
Josh-Cena requested a review from a team as a code owner August 31, 2026 18:08
@Josh-Cena
Josh-Cena requested review from scottohara and removed request for a team August 31, 2026 18:08
@github-actions

github-actions Bot commented Sep 11, 2026

Copy link
Copy Markdown
Contributor

Preview URLs (1 page)

(comment last updated: 2026-09-12 00:34:37)

@github-actions github-actions Bot added size/s [PR only] 6-50 LoC changed and removed size/xs [PR only] 0-5 LoC changed labels Sep 12, 2026

@Josh-Cena Josh-Cena 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.

Thank you

@Josh-Cena
Josh-Cena merged commit be161fc into mdn:main Sep 12, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:Accessibility Accessibility docs size/s [PR only] 6-50 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

How do we handle empty tabpanels?

3 participants