Accessibility issue: ambiguous accessible label for previous and next button

[scoutb-cogapp]

UV version: [email protected]

I'm submitting a: bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below

Page area

previous and next button inside image controls

Issue description

These buttons have the title "Previous" and "Next" which is not as descriptive as it should be. A non-sighted user may not be aware that they are in an image viewer. It has never really been announced when the user entered the image viewer by tabbing. They would have to come to this conclusion by observing other buttons (like the zoom in and out buttons) and also conclude that the proximity to the other buttons means that the previous and next buttons also apply to an image. A lot of assumptions.

Steps to reproduce

1. open this manifest
2. use a screenreader to navigate to the previous and next buttons inside the image viewer and observe what is announced

Expected behaviour

Clear accessible labels that leave no doubt to users of assistive technology what they do.

Possible fix

change the title attribute to "Next button" and "Previous button"

WCAG criterion

4.1.2 Name, Role, Value (Level A)

Related code

<div class="paging btn prev" tabindex="0" title="Previous" style="position: relative; padding-left: 0px; padding-top: 0px; display: inline-block; top: 239px;"></div>

Other information

Note: This thinking could reasonably be applied to all the buttons in image controls but since something like zoom is usually assumed to apply to visuals, I have not raised it. It would not be a bad idea to go through the button names and labels and assess if their accessible lables can be improved.