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: 

• When user clicks Settings then My profile then HTML page title displays:  My profile settings -  FOLIO

• When user clicks Settings then My profile then Change password then HTML page title displays:  My profile settings - Change password - FOLIO

• Going forward any Settings page created must follow this 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

Open

Open