craigsapp / website-polish-scores

Front-end for digital transcriptions of the Polish Music Heritage in Open Access project
https://polishscores.org
3 stars 1 forks source link

Highlight NIFC logo when keyboard tabbing. #200

Closed craigsapp closed 1 year ago

craigsapp commented 1 year ago

Currently there is no visual feedback when tabbing over the NIFC logo. Also the language icon is a bit difficult to see that it is highlighted when tabbing, so consider putting a box around it when it is focused on by tabbing.

Consider more contrast when tabbing through the search table than when the mouse for low-sighted people.

Consider keeping the font size of the search results table consistently large when tabbing through the search results (longer lists are automatically placed in a smaller font currently to allow faster browsing when scrolling down the page).

craigsapp commented 1 year ago

Implemented with commit https://github.com/craigsapp/website-polish-scores/commit/b7ebf19c94703e0c29a05fdafcb1bc4fc38b85b4

Screen Shot 2022-10-18 at 10 03 39 PM
craigsapp commented 1 year ago

Also highlight EU flag and hyperlink to these pages, depending on the language:

https://nauka.nifc.pl/pl/dziedzictwo-muzyki-polskiej-w-otwartym-dostepie

https://nauka.nifc.pl/en/dziedzictwo-muzyki-polskiej-w-otwartym-dostepie

craigsapp commented 1 year ago

Commit https://github.com/craigsapp/website-polish-scores/commit/a3dedfe07494b7090f6c381abdb2b617605eb352 improves visibility of search result entries when doing keyboard tabbing:

Screen Shot 2022-10-18 at 10 29 34 PM

Table columns alternate between black and white backgrounds to make the separation of fields clearer when displaying at a larger font size (tabbed font size is the same at all search result sizes).

craigsapp commented 1 year ago

Commit https://github.com/craigsapp/website-polish-scores/commit/701f68fc672b36a66bb7b68a3264a9037085016e implements a red box around the EU flag and links to more information when pressing enter.

Screen Shot 2022-10-18 at 10 42 53 PM
craigsapp commented 1 year ago

Commit https://github.com/craigsapp/website-polish-scores/commit/a096191f083b8068199b59e2a96bf30be1e165df adds a box around language selection when keyboard tabbing:

Screen Shot 2022-10-19 at 12 02 24 AM