Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Tabs: Improve Tab Panel accessibility #75484

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

Merged
mikachan merged 5 commits into from
Feb 16, 2026
Merged

Tabs: Improve Tab Panel accessibility #75484

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4d082ab
Remove outline CSS
mikachan Feb 12, 2026
8e3467b
Add tabPanelTabIndexAttribute state
mikachan Feb 12, 2026
9399190
Fix ref logic
mikachan Feb 12, 2026
0bf6b1f
Simplify tabPanelTabIndexAttribute
mikachan Feb 13, 2026
0310588
Remove tabPanelTabIndexAttribute
mikachan Feb 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/block-library/src/tab/index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ function block_core_tab_render( array $attributes, string $content ): string {
$tag_processor->set_attribute( 'role', 'tabpanel' );
$tag_processor->set_attribute( 'aria-labelledby', 'tab__' . $tab_id );
$tag_processor->set_attribute( 'data-wp-bind--hidden', '!state.isActiveTab' );
$tag_processor->set_attribute( 'data-wp-bind--tabindex', 'state.tabIndexAttribute' );
$tag_processor->set_attribute( 'tabindex', 0 );

return (string) $tag_processor->get_updated_html();
}
Expand Down
3 changes: 0 additions & 3 deletions packages/block-library/src/tab/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,6 @@
&:empty {
display: none !important;
}
&:not(.wp-block):focus {
outline: none;
}
}

.wp-block-tab.wp-block.has-background,
Expand Down
2 changes: 1 addition & 1 deletion packages/block-library/src/tabs/view.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ const { actions: privateActions, state: privateState } = store(
return activeTabIndex === tabIndex;
},
/**
* The value of the tabindex attribute.
* The value of the tabindex attribute for tab buttons.
* Only the active tab should be in the tab sequence.
*
* @type {number}
Expand Down
Loading