search

DSpace / dspace-angular

DSpace User Interface built on Angular.io
https://wiki.lyrasis.org/display/DSDOC8x/
BSD 3-Clause "New" or "Revised" License
123 stars 394 forks source link

Missing focus indicators #3084

Open hostle83 opened 1 month ago

hostle83 commented 1 month ago

Describe the bug When navigating the sandbox or demo site by keyboard-only, two instances are showing a missing focus indicator:

  1. The search icon in the utility navigation: image

  2. The hierarchical tree view: image

To Reproduce Steps to reproduce the behavior:

  1. Navigate the demo or sandbox site by keyboard only.

Expected behavior According to SC 2.4.7 Focus Visible (Level AA) (https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html), a vertical bar should be displayed in the field, indicating that the user can insert text. This happens, when the user clicks (or hits enter) on the search icon, but not before

In the hierarchical tree view, there is are no focus elements around the subject categories when navigating with keyboard only.

alexandrevryghem commented 2 weeks ago

@hostle83: I was able to reproduce the error in the search facets, currently there is a deadlock preventing to access that link so I added that fix to this PR. For the first issue I can see a focus indicator on the latest version of DSpace, so could you perhaps check if this still happens for you?