#a11y-headings - the Network navigation tab H3

[afercia]

The "tabs" with navigation links used in the Network admin screens are currently wrapped in a h3 heading that should be changed in h2.

These tabs look smaller than the ones used for example in Menu > Locations or in the About/Credits/Freedoms screens (and by many plugins in their settings screens). Ideally, it would be better to don't tie the styling to the heading level and use a specific CSS class instead, something like: .nav-tab-wrapper.nav-tab-small. By the way we should take into account plugins that might use these "small tabs" still assuming they're h3.

#a11y-headings

[afercia]

Currently used in:

/wp-admin/network/site-info.php
/wp-admin/network/site-settings.php
/wp-admin/network/site-themes.php
/wp-admin/network/site-users.php

[afercia]

First pass. Uses a new CSS class .nav-tab-small, open to suggestions.

[johnbillion]

#34154 was marked as a duplicate.

[afercia]

Would appreciate @helen feedback here, especially about the introduction of the new .nav-tab-small CSS class.

[helen]

.nav-tab-small seems fine, I wish we could just go with a .small modifier class that's specific to each context but the chances of that colliding with some plugin are pretty high.

[afercia]

In 34913:

Bump H3 headings to H2 on the Network Admin > Sites > Edit Site screens.

The navigation tabs appear in an <h3> heading immediately following the main <h1> and need to have a proper hierarchy.
Also, fix the tabs focus style and introduce a new .nav-tab-small CSS class.

Fixes #34079.

[ramiy]

Related: #37257