← Back to Accessibility Report

Regolamento Amazon Green: concorso e premi Ploom

https://ploom-it.eva.dev-jtides.com/it/regolamenti-manifestazioni-a-premio/regolamento-amazon-green

Violations found: 9

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 1
3 Ensure headings have discernible text empty-heading minor 1
4 Ensure the order of headings is semantically correct heading-order moderate 2
5 Ensure the main landmark is at top level landmark-main-is-top-level moderate 1
6 Ensure the document has at most one main landmark landmark-no-duplicate-main moderate 1
7 Ensure landmarks are unique landmark-unique moderate 1
8 Ensure links have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 serious 1
9 Ensure that lists are structured correctly list WCAG 2 Level A, WCAG 1.3.1 serious 1

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

#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. Headings should not be empty  Learn more

empty-heading — minor

Ensure headings have discernible text

# Element Failure
1

Element location

h2:nth-child(45)

Element source

<h2>&nbsp;</h2>

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

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

.MiscellaneousPageContainer_quickLinks__fCSyx > .builder-blocks.props-blocks-wrapper-b46bf284[builder-path="component.options.quicklinks"] > .builder-ee4c723928d24d9f971897fee4d15db7.builder-block > .QuickLinks_wrapper__cah4_[data-testid="quicklinks"] > div[data-testid="quicklinks-category"] > h3

Element source

<h3 class="QuickLinksGroup_title__NkOqR">RISORSE CORRELATE</h3>

Fix any of the following:
Heading order invalid

2

Element location

.FooterNavSection_footerNavList__IVa3K:nth-child(1) > .FooterNavSection_titleContainer__RCF6M > h4

Element source

<h4 class="FooterNavSection_title__pyoH5">Prodotti</h4>

Fix any of the following:
Heading order invalid

5. Main landmark should not be contained in another landmark  Learn more

landmark-main-is-top-level — moderate

Ensure the main landmark is at top level

# Element Failure
1

Element location

.MiscellaneousPageContainer_main__yYiSW

Element source

<main class="MiscellaneousPageContainer_main__yYiSW">

Fix any of the following:
The main landmark is contained in another landmark.

6. Document should not have more than one main landmark  Learn more

landmark-no-duplicate-main — moderate

Ensure the document has at most one main landmark

# Element Failure
1

Element location

.main-content

Element source

<main class="main-content">

Fix any of the following:
Document has more than one main landmark

7. Landmarks should have a unique role or role/label/title (i.e. accessible name) combination  Learn more

landmark-unique — moderate

Ensure landmarks are unique

# Element Failure
1

Element location

.main-content

Element source

<main class="main-content">

Fix any of the following:
The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

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

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