Done
Details
Assignee
Uladzislau KutarkinUladzislau KutarkinReporter
Khalilah GambrellKhalilah GambrellPriority
P3Story Points
1Sprint
NoneDevelopment Team
CorsairFix versions
Release
Sunflower (R1 2025)TestRail: Cases
Open TestRail: CasesTestRail: Runs
Open TestRail: Runs
Details
Details
Assignee
Uladzislau Kutarkin
Uladzislau KutarkinReporter
Khalilah Gambrell
Khalilah GambrellPriority
Story Points
1
Sprint
None
Development Team
Corsair
Fix versions
Release
Sunflower (R1 2025)
TestRail: Cases
Open TestRail: Cases
TestRail: Runs
Open TestRail: Runs
Created December 19, 2024 at 10:20 PM
Updated March 14, 2025 at 1:18 PM
Resolved January 24, 2025 at 2:23 PM
Background: For a screenreader user, a descriptive HTML page title is very important.
Requirement: We need to ensure that when a user is on the following setting pages that the HTML page title reads in the following format: <<<App name>> - <<selected page name>> - FOLIO.
If user clicks on Create patron block then HTML page title should read: Users - Create a new patron block - FOLIO
If user clicks on Edit patron block then HTML page title should read: Users - Edit a patron block - 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
See attached mockups
Screenshots