Closed craigsapp closed 2 years ago
Commit https://github.com/craigsapp/website-polish-scores/commit/29b928c3d9cd2843967385f0743321a604e63409 implements keyboard tabbing for language selection and navigator toolbar.
For example, pressing tab three times on the browse page will highlight the random selection button in the navigator:
Pressing enter will click on the button (according to the delegate event listener in the _include/listeners/clickListener.js
file.
There should be another button to link to POPC2 scans before the NIFC icon. The EU flag icon does not go anywhere, so it is not tabbable. Also the selected language is not tabble, only the language which can be changed tol.
All page types should have this behavior. Here is an example of pressing the tab key 10 times on the work page to navigate to the keyscape button:
Pressing enter on the keyscape button will toggle display of the keyscape plot:
Commit https://github.com/craigsapp/website-polish-scores/commit/edabb850e749dd412b85a0484e77cf0432bc97f3 adds more tabbing to the browse page.
Select menus in the search area are now highlighted in red when tabbing:
They still need to be activated with enter key to open the menu.
And tabbing further down the page to the search results will highlight the rows in the search results list:
Pressing enter on a particular row will open the work page for that entry.
Some problems remain, but those can be separate issues:
The browse page does not have any significant keyboard navigation capabilities. Add this.