CriticalVerified by SelmaWCAG 4.1.2 Name, Role, Value
Carousel buttons have no accessible name
The Back and Next buttons in the carousel have no name a screen reader can read out.
Technical evidence
- Selector
- section.hero-carousel > button.carousel__prev
- Role
- button
- Computed accessible name
- Empty – the button has no name
- The screen reader says
- “button” (expected: “Back, button”)
- Found on
- 86 pages, 172 elements
Code fix
- <button class="carousel__prev" type="button">
+ <button class="carousel__prev" type="button"
+ aria-label="Back" aria-controls="hero-slides">
- <button class="carousel__next" type="button">
+ <button class="carousel__next" type="button"
+ aria-label="Next" aria-controls="hero-slides">The buttons get the names “Back” and “Next”. Because the carousel is a shared component, the same change closes the issue on all 86 pages.














