button-name
WCAG 2 Level A, WCAG 4.1.2
Ensure buttons have discernible text
critical
Issue Tags:
cat.name-role-value
wcag2a
wcag412
section508
section508.22.a
TTv5
TT6.a
EN-301-549
EN-9.4.1.2
ACT
| # |
Issue Description |
To solve this violation, you need to...
|
| 1 |
Element location
.VideoContainer-module-item-MFQse:nth-child(1) > .videoContainer.VideoPlayer-module-videoPlayerContainer-VWddw > .videoPlayerWrapper.page--dark[data-testid="video-element"] > .VideoPlayer-module-videoPlayerPlayIcon-ZKGs2[data-testid="videPlayerPosterIcnBtn"]
Element source
<button class="VideoPlayer-module-videoPlayerPlayIcon-ZKGs2" data-testid="videPlayerPosterIcnBtn">
|
Fix any of the following:
- Element does not have inner text that is visible to screen readers
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
- Element does not have an implicit (wrapped) <label>
- Element does not have an explicit <label>
- Element's default semantics were not overridden with role="none" or role="presentation"
|
| 2 |
Element location
.VideoContainer-module-item-MFQse:nth-child(2) > .videoContainer.VideoPlayer-module-videoPlayerContainer-VWddw > .videoPlayerWrapper.page--dark[data-testid="video-element"] > .VideoPlayer-module-videoPlayerPlayIcon-ZKGs2[data-testid="videPlayerPosterIcnBtn"]
Element source
<button class="VideoPlayer-module-videoPlayerPlayIcon-ZKGs2" data-testid="videPlayerPosterIcnBtn">
|
Fix any of the following:
- Element does not have inner text that is visible to screen readers
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
- Element does not have an implicit (wrapped) <label>
- Element does not have an explicit <label>
- Element's default semantics were not overridden with role="none" or role="presentation"
|
| 3 |
Element location
.VideoContainer-module-item-MFQse:nth-child(3) > .videoContainer.VideoPlayer-module-videoPlayerContainer-VWddw > .videoPlayerWrapper.page--dark[data-testid="video-element"] > .VideoPlayer-module-videoPlayerPlayIcon-ZKGs2[data-testid="videPlayerPosterIcnBtn"]
Element source
<button class="VideoPlayer-module-videoPlayerPlayIcon-ZKGs2" data-testid="videPlayerPosterIcnBtn">
|
Fix any of the following:
- Element does not have inner text that is visible to screen readers
- aria-label attribute does not exist or is empty
- aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
- Element has no title attribute
- Element does not have an implicit (wrapped) <label>
- Element does not have an explicit <label>
- Element's default semantics were not overridden with role="none" or role="presentation"
|