dspace-angular
dspace-angular copied to clipboard
[Accessibility] Combine Adjacent Links
Describe the bug When adjacent links go to the same location (such as a linked thumbnail image and an adjacent link in a teaser) this results in additional navigation and repetition for keyboard and screen reader users. See WCAG 2 Success Criterion: 2.4.4 Link Purpose (In Context) (https://www.w3.org/TR/WCAG22/#link-purpose-in-context)
To Reproduce Steps to reproduce the behavior:
- On https://sandbox.dspace.org/home or demo.dspace.org/home, items are displayed according to the following structure: thumbnail on the left, teaser text on the right
- When the thumbnail and the teaser go to the same link, this results in additional navigation and repetition for keyboard and screen reader users.
Expected behavior This can be fixed in multiple ways - making 1 link around the entirety of the result instead of 2 adjacent would work best. Then the thumbnails could have an alt text of alt=""
Related work https://github.com/DSpace/dspace-angular/issues/1306