← Back to Accessibility Report

dev-jtides.com | 502: Bad gateway

https://ploom-it.eva.dev-jtides.com/it/assistenza/faq/permessi-localizzazione-gps

Violations found: 6

Violation Summary

# Description Rule ID WCAG Impact Occurrences
1 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 2
2 Ensure the order of headings is semantically correct heading-order moderate 1
3 Ensure the document has a main landmark landmark-one-main moderate 1
4 Ensure links are distinguished from surrounding text in a way that does not rely on color link-in-text-block WCAG 2 Level A, WCAG 1.4.1 serious 1
5 Ensure links have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 serious 1
6 Ensure all page content is contained by landmarks region moderate 3

Violation Details

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

div:nth-child(2) > a

Element source

<a href="https://www.cloudflare.com/5xx-error-landing?utm_source=errorcode_502&amp;utm_campaign=ploom-it.eva.dev-jtides.com" target="_blank" rel="noopener noreferrer">cloudflare.com</a>

Fix any of the following:
Element has insufficient color contrast of 4.46 (foreground color: #2f7bbf, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

2

Element location

#brand_link

Element source

<a rel="noopener noreferrer" href="https://www.cloudflare.com/5xx-error-landing?utm_source=errorcode_502&amp;utm_campaign=ploom-it.eva.dev-jtides.com" id="brand_link" target="_blank">Cloudflare</a>

Fix any of the following:
Element has insufficient color contrast of 4.46 (foreground color: #2f7bbf, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1

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

#cf-browser-status > h3

Element source

<h3 class="md:inline-block mt-3 md:mt-0 text-2xl text-gray-600 font-light leading-1.3">
  
    Browser
  
  </h3>

Fix any of the following:
Heading order invalid

3. Document should have one main landmark  Learn more

landmark-one-main — moderate

Ensure the document has a main landmark

# Element Failure
1

Element location

html

Element source

<html class="no-js" lang="en-US">

Fix all of the following:
Document does not have a main landmark

4. Links must be distinguishable without relying on color  Learn more

link-in-text-block — serious

Ensure links are distinguished from surrounding text in a way that does not rely on color

# Element Failure
1

Element location

div:nth-child(2) > a

Element source

<a href="https://www.cloudflare.com/5xx-error-landing?utm_source=errorcode_502&amp;utm_campaign=ploom-it.eva.dev-jtides.com" target="_blank" rel="noopener noreferrer">cloudflare.com</a>

Fix any of the following:
The link has insufficient color contrast of 2.32:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2f7bbf, surrounding text: #404040)
The link has no styling (such as underline) to distinguish it from the surrounding text

5. Links must have discernible text  Learn more

link-name — serious

Ensure links have discernible text

# Element Failure
1

Element location

.mb-10.md\:m-0.relative > a

Element source

<a href="https://www.cloudflare.com/5xx-error-landing?utm_source=errorcode_502&utm_campaign=ploom-it.eva.dev-jtides.com" target="_blank" rel="noopener noreferrer">

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

6. All page content should be contained by landmarks  Learn more

region — moderate

Ensure all page content is contained by landmarks

# Element Failure
1

Element location

.my-8

Element source

<div class="my-8 bg-gradient-gray">

Fix any of the following:
Some page content is not contained by landmarks

2

Element location

.mb-8.lg\:px-8.w-240:nth-child(3)

Element source

<div class="w-240 lg:w-full mx-auto mb-8 lg:px-8">

Fix any of the following:
Some page content is not contained by landmarks

3

Element location

.text-13

Element source

<p class="text-13">

Fix any of the following:
Some page content is not contained by landmarks