Details
Assignee
UnassignedUnassignedReporter
Khalilah GambrellKhalilah GambrellPriority
P3Development Team
ThunderjetTestRail: Cases
Open TestRail: CasesTestRail: Runs
Open TestRail: Runs
Details
Details
Assignee
Unassigned
UnassignedReporter
Khalilah Gambrell
Khalilah GambrellPriority
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
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