Thunderjet - Ensure your settings HTML page title follow this format - <<App name>> settings - <<selected page name>> - FOLIO

Description

Background: For a screenreader user, a descriptive HTML page title is very important. Currently many Settings HTML page titles only read - Settings - FOLIO therefore the screenreader user has no details for which page they are on. 

Requirement: Ensure that when a user is on any setting page that the HTML page title reads in the following format: <<<App name>> settings - <<selected page name if user selected a page on the second/third/fourth pane>> - FOLIO

Implementation
Stripes-core exports a <TitleManager> component that can be used for this purpose. You can see the source of this component here: https://github.com/folio-org/stripes-core/blob/master/src/components/TitleManager/TitleManager.js
And example usage in the eHoldings app: 
https://github.com/folio-org/ui-eholdings/blob/476b4a02bb67301b5523159834a1f79eb8d92ded/src/routes/settings-route/settings-route.js#L6

Screenshots

 

 

 

 

Environment

None

Potential Workaround

None

Attachments

2

Checklist

hide

TestRail: Results

Activity

Show:

Details

Assignee

Reporter

Priority

Development Team

Thunderjet

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created November 28, 2023 at 5:46 PM
Updated November 28, 2023 at 5:46 PM
TestRail: Cases
TestRail: Runs