Деталі
4.1.2
wcag2a
serious
ARIA hidden element must not be focusable or contain focusable elements
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation01" id="slick-slide01" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation02" id="slick-slide02" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation03" id="slick-slide03" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation04" id="slick-slide04" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation05" id="slick-slide05" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation06" id="slick-slide06" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation07" id="slick-slide07" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
incomplete
Check that focusable elements are not tabbable in the current state
показати html:
<li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation08" id="slick-slide08" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
1.4.3
wcag2aa
serious
Elements must meet minimum color contrast ratio thresholds
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<h2 class="elementor-heading-title elementor-size-default" original-font-size="30px" original-border-color="rgb(243- 243- 243)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(243- 243- 243)" original-box-shadow="none" original-text-shadow="rgba(0- 0- 0- 0.76) 0px 2px 20px" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="30px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<h2 class="elementor-heading-title elementor-size-default" original-font-size="65px" original-border-color="rgb(255- 255- 255)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(255- 255- 255)" original-box-shadow="none" original-text-shadow="none" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="65px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<button class="wpb-pcf-form-fire wpb-pcf-btn wpb-pcf-btn-default wpb-pcf-btn-medium" data-id="5079" data-post_id="4860" data-form_style="1" data-allow_outside_click="1" data-width="500px" original-font-size="26px" original-border-color="rgb(0- 0- 0)" original-background-color="rgb(219- 190- 28)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="normal">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<span class="elementor-button-text" original-font-size="30px" original-border-color="rgb(255- 255- 255)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(255- 255- 255)" original-box-shadow="none" original-text-shadow="none" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="30px">
-
incomplete
Element's background color could not be determined because it partially overlaps other elements
показати html:
<a href="/" original-font-size="41px" original-border-color="rgb(219- 190- 28)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(219- 190- 28)" original-box-shadow="none" original-text-shadow="rgba(81- 67- 21- 0.8) 3px 0px 7px- rgba(81- 67- 21- 0.8) -3px 0px 7px- rgba(81- 67- 21- 0.8) 0px 4px 7px" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="41px">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<span class="elementor-button-text" original-font-size="30px" original-border-color="rgb(255- 255- 255)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(255- 255- 255)" original-box-shadow="none" original-text-shadow="rgba(0- 0- 0- 0.3) 0px 0px 10px" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="30px">
-
incomplete
Element's background color could not be determined because it partially overlaps other elements
показати html:
<a href="/" original-font-size="37px" original-border-color="rgb(219- 190- 28)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(219- 190- 28)" original-box-shadow="none" original-text-shadow="rgba(81- 67- 21- 0.8) 3px 0px 7px- rgba(81- 67- 21- 0.8) -3px 0px 7px- rgba(81- 67- 21- 0.8) 0px 4px 7px" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="37px">
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<h2 class="elementor-heading-title elementor-size-default" original-font-size="65px" original-border-color="rgb(255- 255- 255)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(255- 255- 255)" original-box-shadow="none" original-text-shadow="none" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="65px">
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<span class="eael-accordion-tab-title" original-font-size="25px" original-border-color="rgb(51- 51- 51)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(51- 51- 51)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="25px">
-
incomplete
Element's background color could not be determined because element contains an image node
показати html:
<h2 class="elementor-heading-title elementor-size-default" original-font-size="20px" original-border-color="rgb(255- 255- 255)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(255- 255- 255)" original-box-shadow="none" original-text-shadow="none" original-font-family="Roboto- sans-serif" original-letter-spacing="0" original-line-height="20px">
4.1.2
wcag2a
serious
ARIA commands must have an accessible name
-
violations
Element has no title attribute
показати html:
<span class="slick-prev slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
Element does not have text that is visible to screen readers
показати html:
<span class="slick-prev slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
aria-label attribute does not exist or is empty
показати html:
<span class="slick-prev slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<span class="slick-prev slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
Element does not have text that is visible to screen readers
показати html:
<span class="slick-next slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
aria-label attribute does not exist or is empty
показати html:
<span class="slick-next slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<span class="slick-next slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
Element has no title attribute
показати html:
<span class="slick-next slick-arrow" data-role="none" role="button" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0.5)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
4.1.2
wcag2a
critical
IDs used in ARIA and labels must be unique
-
incomplete
Document has multiple elements referenced with ARIA with the same id attribute: -
показати html:
<div id="-" class="elementor-tab-title eael-accordion-header" tabindex="0" data-tab="1" aria-controls="elementor-tab-content-1761" original-font-size="10px" original-border-color="rgba(0- 0- 0- 0.02)" original-background-color="rgba(255- 255- 255- 0.65)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="10px">
4.1.2
wcag2a
critical
Elements must only use supported ARIA attributes
-
violations
ARIA attribute is not allowed: aria-selected="true"
показати html:
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
4.1.2
wcag2a
serious
ARIA input fields must have an accessible name
-
violations
aria-label attribute does not exist or is empty
показати html:
<div class="slick-track" role="listbox" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="opacity: 1; width: 3015px; transform: translate3d(-603px- 0px- 0px);">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<div class="slick-track" role="listbox" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="opacity: 1; width: 3015px; transform: translate3d(-603px- 0px- 0px);">
-
violations
Element has no title attribute
показати html:
<div class="slick-track" role="listbox" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="opacity: 1; width: 3015px; transform: translate3d(-603px- 0px- 0px);">
1.3.1
wcag2a
critical
Certain ARIA roles must contain particular children
-
violations
Element has children which are not allowed: [role=presentation]
показати html:
<ul class="slick-dots" role="tablist" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
-
violations
Element uses aria-busy="true" while showing a loader
показати html:
<ul class="slick-dots" role="tablist" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px" style="">
1.3.1
wcag2a
critical
Certain ARIA roles must be contained by particular parents
-
violations
Required ARIA parent role not present: tablist
показати html:
<label class="sp-tab__nav-link sp-tab__active" data-sptoggle="tab" for="#tab-45261" role="tab" aria-controls="tab-45261" aria-selected="true" tabindex="0" original-font-size="15px" original-border-color="rgb(0- 0- 0)" original-background-color="rgb(255- 255- 255)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="22.5px">
-
violations
Required ARIA parent role not present: tablist
показати html:
<label class="sp-tab__nav-link" data-sptoggle="tab" for="#tab-45262" role="tab" aria-controls="tab-45262" aria-selected="true" tabindex="0" original-font-size="15px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="22.5px">
-
violations
Required ARIA parent role not present: tablist
показати html:
<label class="sp-tab__nav-link" data-sptoggle="tab" for="#tab-45263" role="tab" aria-controls="tab-45263" aria-selected="true" tabindex="0" original-font-size="15px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="22.5px">
2.4.4
4.1.2
wcag2a
serious
Links must have discernible text
-
violations
aria-label attribute does not exist or is empty
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has no title attribute
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element is in tab order and does not have accessible text
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has no title attribute
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element is in tab order and does not have accessible text
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has no title attribute
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element is in tab order and does not have accessible text
показати html:
<a href="/" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<a href="https://www.rada.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<a href="https://www.rada.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a href="https://www.rada.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element has no title attribute
показати html:
<a href="https://www.rada.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element is in tab order and does not have accessible text
показати html:
<a href="https://www.rada.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<a href="https://www.kmu.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<a href="https://www.kmu.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a href="https://www.kmu.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element has no title attribute
показати html:
<a href="https://www.kmu.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element is in tab order and does not have accessible text
показати html:
<a href="https://www.kmu.gov.ua/" target="_self" tabindex="0" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
4.1.2
wcag2a
serious
ARIA toggle fields must have an accessible name
-
violations
Element does not have text that is visible to screen readers
показати html:
<div class="wpls-logo-cnt slick-slide slick-current slick-active" style="width: 191px;" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<div class="wpls-logo-cnt slick-slide slick-current slick-active" style="width: 191px;" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<div class="wpls-logo-cnt slick-slide slick-current slick-active" style="width: 191px;" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has no title attribute
показати html:
<div class="wpls-logo-cnt slick-slide slick-current slick-active" style="width: 191px;" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has no title attribute
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element does not have text that is visible to screen readers
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-label attribute does not exist or is empty
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has no title attribute
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
4.1.2
wcag2a
critical
ARIA attributes must conform to valid values
-
violations
Invalid ARIA attribute value: aria-controls="navigation00"
показати html:
<li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
4.1.2
wcag2a
critical
Buttons must have discernible text
-
violations
Element does not have inner text that is visible to screen readers
показати html:
<button class="eael-simple-menu-toggle"><i aria-hidden="true" class="fas fa-bars"></i><span class="eael-simple-menu-toggle-text"></span></button>
-
violations
aria-label attribute does not exist or is empty
показати html:
<button class="eael-simple-menu-toggle"><i aria-hidden="true" class="fas fa-bars"></i><span class="eael-simple-menu-toggle-text"></span></button>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<button class="eael-simple-menu-toggle"><i aria-hidden="true" class="fas fa-bars"></i><span class="eael-simple-menu-toggle-text"></span></button>
-
violations
Element has no title attribute
показати html:
<button class="eael-simple-menu-toggle"><i aria-hidden="true" class="fas fa-bars"></i><span class="eael-simple-menu-toggle-text"></span></button>
-
violations
Element's default semantics were not overridden with role="none" or role="presentation"
показати html:
<button class="eael-simple-menu-toggle"><i aria-hidden="true" class="fas fa-bars"></i><span class="eael-simple-menu-toggle-text"></span></button>
4.1.2
wcag2a
serious
Interactive controls must not be nested
-
violations
Element has focusable descendants
показати html:
<li class="sp-tab__nav-item" role="tab" original-font-size="0px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element has focusable descendants
показати html:
<li class="sp-tab__nav-item" role="tab" original-font-size="0px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element has focusable descendants
показати html:
<li class="sp-tab__nav-item" role="tab" original-font-size="0px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="0px">
-
violations
Element has focusable descendants
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">
-
violations
Element has focusable descendants
показати html:
<div class="wpls-logo-cnt slick-slide slick-active" style="width: 191px;" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" original-font-size="16px" original-border-color="rgb(0- 0- 0)" original-background-color="rgba(0- 0- 0- 0)" original-background-image="none" original-color="rgb(0- 0- 0)" original-box-shadow="none" original-text-shadow="none" original-font-family="Inter" original-letter-spacing="0" original-line-height="24px">