← Back to Accessibility Report

Inizia con il tuo dispositivo Ploom | Ploom Italia

https://ploom-it.eva.dev-jtides.com/it/assistenza/come-usare-ploom

Violations found: 8

Violation Summary

# Description Rule ID WCAG Impact Occurrences
1 Ensure aria-hidden elements are not focusable nor contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2 serious 1
2 Ensure buttons have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 11
3 Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 4
4 Ensure the order of headings is semantically correct heading-order moderate 1
5 Ensure every form element has a label label WCAG 2 Level A, WCAG 4.1.2 critical 3
6 Ensure links have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 serious 1
7 Ensure that lists are structured correctly list WCAG 2 Level A, WCAG 1.3.1 serious 1
8 Ensure [role="img"] elements have alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1 serious 3

Violation Details

1. ARIA hidden element must not be focusable or contain focusable elements  Learn more

aria-hidden-focus — serious

Ensure aria-hidden elements are not focusable nor contain focusable elements

# Element Failure
1

Element location

.Breadcrumbs_dots__f5PKS

Element source

<button aria-hidden="true" data-testid="breadcrumbsDots" class="Breadcrumbs_dots__f5PKS"><div class="Breadcrumbs_dot__vPMNe"></div><div class="Breadcrumbs_dot__vPMNe"></div><div class="Breadcrumbs_dot__vPMNe"></div></button>

Fix all of the following:
Focusable content should be disabled or be removed from the DOM

2. Buttons must have discernible text  Learn more

button-name — critical

Ensure buttons have discernible text

# Element Failure
1

Element location

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerFullscreenButton__bj7VI[data-testid="videoPlayerFullscreenButton"][type="button"]

Element source

<button class="VideoPlayer_videoPlayerFullscreenButton__bj7VI" data-testid="videoPlayerFullscreenButton" type="button">

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

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerButton__IfFTh[data-testid="videoControlsPlayPauseButton"]

Element source

<button class="VideoPlayer_videoPlayerButton__IfFTh" data-testid="videoControlsPlayPauseButton">

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

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerSound__U99iW > .VideoPlayer_videoPlayerButton__IfFTh[data-testid="videoControlsMuteButton"]

Element source

<button class="VideoPlayer_videoPlayerButton__IfFTh" data-testid="videoControlsMuteButton">

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"
4

Element location

.VideoPlayer_videoPlayerPlayIcon__q3RgB[aria-label=""][data-testid="videPlayerPosterIcnBtn"]

Element source

<button aria-label="" class="VideoPlayer_videoPlayerPlayIcon__q3RgB" 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"
5

Element location

.VideoPlayer_videoPlayerFullscreenButton__bj7VI[aria-label=""][data-testid="videoPlayerFullscreenButton"]

Element source

<button aria-label="" class="VideoPlayer_videoPlayerFullscreenButton__bj7VI" data-testid="videoPlayerFullscreenButton" type="button">

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"
6

Element location

.builder-ebf44e49ecc5480f9c961ec1b33e0ce7 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerViewportIconsWrapper__JjBgY > .VideoPlayer_videoPlayerSound__U99iW > .VideoPlayer_videoPlayerButton__IfFTh[data-testid="videoControlsMuteButton"]

Element source

<button class="VideoPlayer_videoPlayerButton__IfFTh" data-testid="videoControlsMuteButton">

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"
7

Element location

.builder-ebf44e49ecc5480f9c961ec1b33e0ce7 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerFullscreenButton__bj7VI[data-testid="videoPlayerFullscreenButton"][type="button"]

Element source

<button class="VideoPlayer_videoPlayerFullscreenButton__bj7VI" data-testid="videoPlayerFullscreenButton" type="button">

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"
8

Element location

.builder-ebf44e49ecc5480f9c961ec1b33e0ce7 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerButton__IfFTh[data-testid="videoControlsPlayPauseButton"]

Element source

<button class="VideoPlayer_videoPlayerButton__IfFTh" data-testid="videoControlsPlayPauseButton">

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"
9

Element location

.builder-b1060616b84e431e80b3904142694006 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerPlayIcon__q3RgB[data-testid="videPlayerPosterIcnBtn"]

Element source

<button class="VideoPlayer_videoPlayerPlayIcon__q3RgB" 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"
10

Element location

.builder-b1060616b84e431e80b3904142694006 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerFullscreenButton__bj7VI[data-testid="videoPlayerFullscreenButton"][type="button"]

Element source

<button class="VideoPlayer_videoPlayerFullscreenButton__bj7VI" data-testid="videoPlayerFullscreenButton" type="button">

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"
11

Element location

#ot-sdk-btn

Element source

<button class="ot-sdk-show-settings" id="ot-sdk-btn"></button>

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. Elements must meet minimum color contrast ratio thresholds  Learn more

color-contrast — serious

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

# Element Failure
1

Element location

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerTime__TfzYL > .VideoPlayer_elapsedTime__Vkt0V

Element source

<span class="VideoPlayer_elapsedTime__Vkt0V">0:00</span>

Fix any of the following:
Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
2

Element location

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerTime__TfzYL > .VideoPlayer_totalDuration__frkDV

Element source

<span class="VideoPlayer_totalDuration__frkDV">0:00</span>

Fix any of the following:
Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
3

Element location

.builder-ebf44e49ecc5480f9c961ec1b33e0ce7 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerTime__TfzYL > .VideoPlayer_elapsedTime__Vkt0V

Element source

<span class="VideoPlayer_elapsedTime__Vkt0V">0:00</span>

Fix any of the following:
Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
4

Element location

.builder-ebf44e49ecc5480f9c961ec1b33e0ce7 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerTime__TfzYL > .VideoPlayer_totalDuration__frkDV

Element source

<span class="VideoPlayer_totalDuration__frkDV">0:00</span>

Fix any of the following:
Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

4. Heading levels should only increase by one  Learn more

heading-order — moderate

Ensure the order of headings is semantically correct

# Element Failure
1

Element location

.builder-text > h4

Element source

<h4 style="text-align: center;">Guarda il video e segui gli step di seguito per accedere all'esperienza Ploom</h4>

Fix any of the following:
Heading order invalid

5. Form elements must have labels  Learn more

label — critical

Ensure every form element has a label

# Element Failure
1

Element location

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerProgressBar__jGzBA[step="any"][data-testid="videoControlsProgressBar"]

Element source

<input type="range" min="0" max="1" step="any" class="VideoPlayer_videoPlayerProgressBar__jGzBA" data-testid="videoControlsProgressBar" value="0">

Fix any of the following:
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
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 has no placeholder attribute
Element's default semantics were not overridden with role="none" or role="presentation"
2

Element location

.builder-df693f3dc2f3465f9beb8fa1dc1da51a > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerSound__U99iW > input[step="0.01"][value="1"]

Element source

<input type="range" min="0" max="1" step="0.01" value="1">

Fix any of the following:
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
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 has no placeholder attribute
Element's default semantics were not overridden with role="none" or role="presentation"
3

Element location

.builder-ebf44e49ecc5480f9c961ec1b33e0ce7 > .videoContainer.VideoPlayer_videoPlayerContainer__F4BHM > .videoPlayerWrapper[data-testid="video-element"][dir="ltr"] > .VideoPlayer_videoPlayerControls__djmWP[data-testid="videoControlsElement"] > .VideoPlayer_videoPlayerProgressBar__jGzBA[step="any"][data-testid="videoControlsProgressBar"]

Element source

<input type="range" min="0" max="1" step="any" class="VideoPlayer_videoPlayerProgressBar__jGzBA" data-testid="videoControlsProgressBar" value="0">

Fix any of the following:
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
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 has no placeholder attribute
Element's default semantics were not overridden with role="none" or role="presentation"

6. Links must have discernible text  Learn more

link-name — serious

Ensure links have discernible text

# Element Failure
1

Element location

a[data-testid="headerStoreLocatorButton"]

Element source

<a class="Tools_item__F68y_" data-testid="headerStoreLocatorButton" href="/it/trova-negozio">

Fix all of the following:
Element is in tab order and does not have accessible text

Fix any of the following:
Element does not have 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

7. <ul> and <ol> must only directly contain <li>, <script> or <template> elements  Learn more

list — serious

Ensure that lists are structured correctly

# Element Failure
1

Element location

.FooterList_list__HmEvC

Element source

<ul class="FooterList_list__HmEvC">

Fix all of the following:
List element has direct children that are not allowed: div

8. [role="img"] elements must have alternative text  Learn more

role-img-alt — serious

Ensure [role="img"] elements have alternative text

# Element Failure
1

Element location

a[data-testid="utilizza"] > .AnchorPush_backgroundImage__UEby8[role="img"]

Element source

<div role="img" class="AnchorPush_backgroun..." style="--image-src:url('/_n...">

Fix any of the following:
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
2

Element location

a[data-testid="Customize"] > .AnchorPush_backgroundImage__UEby8[role="img"]

Element source

<div role="img" class="AnchorPush_backgroun..." style="--image-src:url('/_n...">

Fix any of the following:
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
3

Element location

a[data-testid="Contact"] > .AnchorPush_backgroundImage__UEby8[role="img"]

Element source

<div role="img" class="AnchorPush_backgroun..." style="--image-src:url('/_n...">

Fix any of the following:
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