Issue

The “Unpublished Site” banner does not meet accessibility standards due to the heading level falling outside of the descending order. It seems to jump from H2 in the tool menu to H4 in the “Unpublished” Site banner, skipping the H3 level.

Proposal

Review the structural order and adjust the heading level accordingly.

Background

In Google Chrome, on Trunk at (Sakai 23-SNAPSHOT at the time of this writing), scans by both a SiteImprove web browser extension and Google Dev Tools Lighthouse detect this issue.

Looking at the source code, it seems that the heading level immediately preceding the unpublished site banner is the H2 tag at the top of the site menu:

The “Unpublished Site” banner uses an H4:

I leave this to more qualified individuals, but perhaps shift the “Unpublished Site” banner to H3 or maintain the same level (H2) to avoid this issue?

Notes

1. I selected the component “Site Info” for this ticket but this banner appears at the top of all unpublished sites, no matter the tool selected. If there is a better component (portal?), please advise so that I can update the ticket or kindly edit the ticket directly.

2. I tested using the desktop web browser. Be sure to verify that the sequence remains the same in both desktop/computer and mobile views. If the mobile presentation varies, modify accordingly so that both views will meet accessibility standards.

Thank you for considering this ticket!