AXE Accessibility Results for ./public/a11y/renewi-com/2024-10-15-17 project

axe-core found 4 violations
# Description Axe rule ID WCAG Impact Count
1 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice moderate 1
2 Ensures landmarks are unique landmark-unique Best practice moderate 1
3 Links must be distinguishable without relying on color link-in-text-block WCAG 2 Level A, WCAG 1.4.1 serious 2

Failed

1. Document should not have more than one banner landmark
Learn more
landmark-no-duplicate-banner
Best practice

Ensures the document has at most one banner landmark

moderate
Issue Tags: cat.semantics best-practice
# Issue Description To solve this violation, you need to...
1

Element location

.css-oc2h1o

Element source

<header style="height: 60px;" class="css-oc2h1o">

Fix any of the following:

  • Document has more than one banner landmark

Related node:

.css-13i67ho
.css-wndajv
2. Ensures landmarks are unique
Learn more
landmark-unique
Best practice

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

moderate
Issue Tags: cat.semantics best-practice
# Issue Description To solve this violation, you need to...
1

Element location

.css-oc2h1o

Element source

<header style="height: 60px;" class="css-oc2h1o">

Fix any of the following:

  • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable

Related node:

.css-13i67ho
.css-wndajv
3. Links must be distinguishable without relying on color
Learn more
link-in-text-block
WCAG 2 Level A, WCAG 1.4.1

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

serious
Issue Tags: cat.color wcag2a wcag141 TTv5 TT13.a EN-301-549 EN-9.1.4.1
# Issue Description To solve this violation, you need to...
1

Element location

a[href="tel:0887003060"]

Element source

<a href="tel:0887003060">088-7003060</a>

Fix any of the following:

  • The link has insufficient color contrast of 2.82:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2196f3, surrounding text: #374c63)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

Related node:

.css-951ku7 > p
.css-951ku7 > p
2

Element location

a[href="mailto: onlinesales@renewi.com"]

Element source

<a href="mailto: onlinesales@renewi.com">e-mail</a>

Fix any of the following:

  • The link has insufficient color contrast of 2.82:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2196f3, surrounding text: #374c63)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

Related node:

.css-951ku7 > p
.css-951ku7 > p
# Description Axe rule ID WCAG Nodes passed check
1 Elements must only use supported ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 1
2 ARIA role should be appropriate for the element aria-allowed-role Best practice 1
3 ARIA attributes must be used as specified for the element's role aria-conditional-attr WCAG 2 Level A, WCAG 4.1.2 1
4 Deprecated ARIA roles must not be used aria-deprecated-role WCAG 2 Level A, WCAG 4.1.2 1
5 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice 1
6 aria-hidden="true" must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 4.1.2 1
7 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2 1
8 Elements must only use permitted ARIA attributes aria-prohibited-attr WCAG 2 Level A, WCAG 4.1.2 1
9 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 1
10 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 1
11 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 1
12 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 1
13 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 1
14 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
15 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.2 1
17 Headings should not be empty empty-heading Best practice 1
18 Heading levels should only increase by one heading-order Best practice 1
19 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
20 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
21 Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 1
22 Alternative text of images should not be repeated as text image-redundant-alt Best practice 1
23 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 1
24 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice 1
25 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice 1
26 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice 1
27 Document should not have more than one main landmark landmark-no-duplicate-main Best practice 1
28 Document should have one main landmark landmark-one-main Best practice 1
29 Ensures landmarks are unique landmark-unique Best practice 1
30 Links must have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 1
31 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 1
32 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 1
33 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
34 Zooming and scaling must not be disabled meta-viewport WCAG 2 Level AA, WCAG 1.4.4 1
35 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 1
36 Page should contain a level-one heading page-has-heading-one Best practice 1
37 Ensure elements marked as presentational are consistently ignored presentation-role-conflict Best practice 1
38 All page content should be contained by landmarks region Best practice 1
39 Elements should not have tabindex greater than zero tabindex Best practice 1
40 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2 1

What 'incomplete' axe checks means?

Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

Visit axe API Documentation to learn more.

What 'inapplicable' axe checks means?

The inapplicable array lists all the rules for which no matching elements were found on the page.

Visit axe API Documentation to learn more.

# Description Axe rule ID WCAG
1 accesskey attribute value should be unique accesskeys Best practice
2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2
3 aria-braille attributes must have a non-braille equivalent aria-braille-equivalent WCAG 2 Level A, WCAG 4.1.2
4 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
5 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
6 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
7 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
8 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
9 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
10 aria-roledescription must be on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
11 "role=text" should have no focusable descendants aria-text Best practice
12 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
13 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
14 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
15 <audio> elements must have a captions track audio-caption WCAG 2 Level A, WCAG 1.2.1
16 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
17 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
18 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
19 Table header text should not be empty empty-table-header Best practice
20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
21 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
22 Frames should be tested with axe-core frame-tested Best practice
23 Frames must have a unique title attribute frame-title-unique WCAG 2 Level A, WCAG 4.1.2
24 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 4.1.2
25 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
26 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
27 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2
28 Form elements should have a visible label label-title-only Best practice
29 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2
30 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
31 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
32 Delayed refresh under 20 hours must not be used meta-refresh WCAG 2 Level A, WCAG 2.2.1
33 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
34 [role="img"] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
35 scope attribute should be used correctly scope-attr-valid Best practice
36 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
37 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2
38 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
39 The skip-link target should exist and be focusable skip-link Best practice
40 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
41 tables should not have the same summary and caption table-duplicate-name Best practice
42 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
43 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
44 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
45 <video> or <audio> elements must not play automatically no-autoplay-audio WCAG 2 Level A, WCAG 1.4.2
# Rule ID Enabled
1 color-contrast false