| Критерій | Рівень | Результат |
|---|---|---|
| 1.1.1 | A | PASS |
| 1.2.1 | A | INAPPLICABLE |
| 1.2.2 | A | INAPPLICABLE |
| 1.3.1 | A | PASS |
| 1.3.5 | AA | INAPPLICABLE |
| 1.4.1 | A | VIOLATION |
| 1.4.2 | A | INAPPLICABLE |
| 1.4.3 | AA | VIOLATION |
| 1.4.4 | AA | PASS |
| 2.1.1 | A | INAPPLICABLE |
| 2.2.1 | A | INAPPLICABLE |
| 2.2.2 | A | INAPPLICABLE |
| 2.4.1 | A | PASS |
| 2.4.2 | A | PASS |
| 2.4.4 | A | VIOLATION |
| 3.1.1 | A | PASS |
| 3.1.2 | AA | INAPPLICABLE |
| 3.3.2 | A | INAPPLICABLE |
| 4.1.2 | A | VIOLATION |
Деталі
color-contrast
1.4.3 wcag2aa serious Elements must meet minimum color contrast ratio thresholds-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a rel="noopener noreferrer" target="_blank" href="https://drive.google.com/drive/folders/1I9Y1-ROPsSu0fmtEmteUuVFz_gqfQ8Km?usp=sharing" id="btn-1630431840658" class="sppb-btn sppb-btn-rounded">ОНЛАЙН НАВЧАННЯ <i class="fab fa-google-drive" aria-hidden="true"></i></a>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a rel="noopener noreferrer" target="_blank" href="https://drive.google.com/drive/folders/1MkBGeKucUyFQjkyOYkPSY3aSHiv5rxar?usp=sharing" id="btn-1630431840659" class="sppb-btn sppb-btn-primary sppb-btn-rounded">ОНЛАЙН БІБЛІОТЕКА <i class="fab fa-google-drive" aria-hidden="true"></i></a>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a rel="noopener noreferrer" target="_blank" href="https://forms.gle/CtZ8b5XjfvheXXPs5" id="btn-1630431840660" class="sppb-btn sppb-btn-primary sppb-btn-rounded"><i class="fas fa-bug" aria-hidden="true"></i> ЗАЛИШТЕ ВІДГУК</a>
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<h2 class="sppb-addon-title sppb-cta-title">ВСТУПНА КАМПАНІЯ 2023</h2>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a href="http://kipdm.lnam.edu.ua/navchannya/abituriyentu/2023" id="btn-1680076392485" class="sppb-btn sppb-btn-primary sppb-btn-rounded sppb-btn-flat">ПЕРЕЙТИ ДО РОЗДІЛУ</a>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a id="btn-1622497201533" class="sppb-btn sppb-btn-default sppb-btn-rounded sppb-btn-flat">Button</a>
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<div class="ic-day"> 20 </div>
-
incomplete
Element's background color could not be determined due to a background image
показати html:
<div class="ic-month"> жовт. </div>
-
incomplete
Element's background color could not be determined because it partially overlaps other elements
показати html:
<a href="/navchannya/studentu/sotsialna-pidtrymka/shchodo-pryiomu-propozytsii-shchodo-kandydativ-na-zdobuttia-stypendii-prezydenta-ukrainy-dlia-molodykh-maistriv-narodnoho-mystetstva-na-2023">
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-day">06</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-month">лип.</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<div class="sppb-addon-articles-scroller-title">З Карпатських джерел</div>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-day">25</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-month">трав.</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<div class="sppb-addon-articles-scroller-title">Виставка художнього дерева Мирослава Радиша "Я - Гуцул" </div>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-day">18</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-month">трав.</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<div class="sppb-addon-articles-scroller-title">Творча виставка Цвіт Папороті</div>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-day">05</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="sppb-articles-scroller-month">трав.</span>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<div class="sppb-addon-articles-scroller-title">Виставка художнього дерева Мирослава Радиша "Моїй Лесі"</div>
-
violations
Element has insufficient color contrast of 3.39 (foreground color: #ffffff- background color: #20a126- font size: 12.0pt (16px)- font weight: bold). Expected contrast ratio of 4.5:1
показати html:
<div class="ic-day"> 01 </div>
-
violations
Element has insufficient color contrast of 3.27 (foreground color: #ffffff- background color: #21a427- font size: 9.0pt (12px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<div class="ic-month"> лют. </div>
-
violations
Element has insufficient color contrast of 3.39 (foreground color: #ffffff- background color: #20a126- font size: 12.0pt (16px)- font weight: bold). Expected contrast ratio of 4.5:1
показати html:
<div class="ic-day"> 07 </div>
-
violations
Element has insufficient color contrast of 3.27 (foreground color: #ffffff- background color: #21a427- font size: 9.0pt (12px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<div class="ic-month"> груд. </div>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 15.8pt (21px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=бакалавр" style="font-size:21px;line-height:23px;">бакалавр</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 6.0pt (8px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=доцент" style="font-size:8px;line-height:10px;">доцент</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=навчальний" style="font-size:13px;line-height:15px;">навчальний</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 21.0pt (28px)- font weight: normal). Expected contrast ratio of 3:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=кіпдм" style="font-size:28px;line-height:30px;">кіпдм</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 9.0pt (12px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=курс" style="font-size:12px;line-height:14px;">курс</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 16.5pt (22px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=магістр" style="font-size:22px;line-height:24px;">магістр</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 8.3pt (11px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=2021" style="font-size:11px;line-height:13px;">2021</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=положення" style="font-size:15px;line-height:17px;">положення</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 18.8pt (25px)- font weight: normal). Expected contrast ratio of 3:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=звіт" style="font-size:25px;line-height:27px;">звіт</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 16.5pt (22px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=кафедри" style="font-size:22px;line-height:24px;">кафедри</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=мистецтво" style="font-size:18px;line-height:20px;">мистецтво</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=навчання" style="font-size:15px;line-height:17px;">навчання</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 18.0pt (24px)- font weight: normal). Expected contrast ratio of 3:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=мистецтва" style="font-size:24px;line-height:26px;">мистецтва</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 21.8pt (29px)- font weight: normal). Expected contrast ratio of 3:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=лнам" style="font-size:29px;line-height:31px;">лнам</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 6.8pt (9px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=дизайн" style="font-size:9px;line-height:11px;">дизайн</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=послуги" style="font-size:16px;line-height:18px;">послуги</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 7.5pt (10px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=кандидат" style="font-size:10px;line-height:12px;">кандидат</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 14.3pt (19px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=план" style="font-size:19px;line-height:21px;">план</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 20.3pt (27px)- font weight: normal). Expected contrast ratio of 3:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=року" style="font-size:27px;line-height:29px;">року</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 12.8pt (17px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=україни" style="font-size:17px;line-height:19px;">україни</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 6.0pt (8px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=декоративного" style="font-size:8px;line-height:10px;">декоративного</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=розклад" style="font-size:14px;line-height:16px;">розклад</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 17.3pt (23px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=протокол" style="font-size:23px;line-height:25px;">протокол</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 19.5pt (26px)- font weight: normal). Expected contrast ratio of 3:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=студентів" style="font-size:26px;line-height:28px;">студентів</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 15.0pt (20px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://kipdm.lnam.edu.ua/?option=com_search&amp;searchword=форма" style="font-size:20px;line-height:22px;">форма</a>
-
violations
Element has insufficient color contrast of 1.09 (foreground color: #002e42- background color: #20232e- font size: 6.0pt (8px)- font weight: normal). Expected contrast ratio of 4.5:1
показати html:
<a href="http://www.joellipman.com/" target="_blank" style="font-size:8px;">JoelLipman.Com</a>
link-in-text-block
1.4.1 wcag2a serious Links must be distinguishable without relying on color-
incomplete
Element's contrast ratio could not be determined because of element overlap
показати html:
<a href="http://kipdm.lnam.edu.ua/index.php?option=com_content&view=article&id=149:istoriya&catid=124"><h3 class="sppb-addon-title sppb-feature-box-title">КОСІВСЬКИЙ ІНСТИТУТ ПДМ ЛНАМ</h3></a>
-
violations
The link has insufficient color contrast of 1.3:1 with the surrounding text. (Minimum contrast is 3:1- link text: #002e42- surrounding text: #01151f)
показати html:
<a href="/instytut/pro-nas" target="_blank">Косівський інститут прикладного та декоративного мистецтва</a>
-
violations
The link has no styling (such as underline) to distinguish it from the surrounding text
показати html:
<a href="/instytut/pro-nas" target="_blank">Косівський інститут прикладного та декоративного мистецтва</a>
aria-hidden-focus
4.1.2 wcag2a serious ARIA hidden element must not be focusable or contain focusable elements-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/instytut/novyny/pokaz-kolektsiji-diplomnikh-robit">Показ колекції дипломних робіт</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/instytut/novyny/svitlo-rizdvyanoji-zori">СВІТЛО РІЗДВЯНОЇ ЗОРІ</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/instytut/novyny/do-uvagi-studentiv-ii-go-kursu-os-magistr-2">До уваги студентів ІІ-го Курсу ОС МАГІСТР Малий захист</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/instytut/novyny/ekskursiya-03-sichnya-2024-roku">Екскурсія 03 січня 2024 року</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/instytut/publichna-informatsiia/struktura-ta-organi-upravlinnya">Структура та органи управління</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/instytut/administratsiia/stypendialna-komisiya/protokoly-stypendialnoyi-komisiyi">ПРОТОКОЛИ СТИПЕНДІАЛЬНОЇ КОМІСІЇ</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/instytut/publichna-informatsiia/dostup-do-publichnoi-informatsii">Доступ до публічної інформації</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/instytut/publichna-informatsiia/nakazy-ta-rishennia">НАКАЗИ та РОЗПОРЯДЖЕННЯ</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/instytut/publichna-informatsiia/materialno-tekhnichne-zabezpechennya">МАТЕРІАЛЬНО-ТЕХНІЧНЕ ЗАБЕЗПЕЧЕННЯ</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/instytut/publichna-informatsiia/struktura-ta-organi-upravlinnya">Структура та органи управління</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/instytut/publichna-informatsiia/zvitnist">Моніторинг якості освіти</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/navchannya/studentu/sotsialna-pidtrymka/sotsialna-pidtrimka">СОЦІАЛЬНА ПІДТРИМКА</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;"><a href="/navchannya/studentu/sotsialna-pidtrymka/sotsialna-stipendiya">СОЦІАЛЬНА СТИПЕНДІЯ </a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/navchannya/studentu/sotsialna-pidtrymka/sotsialna-pidtrimka">СОЦІАЛЬНА ПІДТРИМКА</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" aria-hidden="true" style="float: none; list-style: none; position: relative; width: 540px;">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true"><a href="/navchannya/vykhovna-robota/vseukrainskyi-fleshmob-oberih-rodu-2021">Всеукраїнський флешмоб «Оберіг роду» 2021</a></div>
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-ticker-text shape-enabled-need-extra-padding bx-clone" style="float: none; list-style: none; position: relative; width: 540px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
-
violations
Focusable content should have tabindex="-1" or be removed from the DOM
показати html:
<div class="sppb-articles-scroller-content bx-clone" style="float: none; list-style: none; position: relative; width: 720px;" aria-hidden="true">
frame-title
4.1.2 wcag2a serious Frames must have an accessible name-
violations
Element has no title attribute
показати html:
<iframe class="sppb-embed-responsive-item sppb-element-lazy" style="background:url(https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg); background-size: cover;" data-large="//www.youtube.com/embed/6yLImhRjhQU?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy">
-
violations
aria-label attribute does not exist or is empty
показати html:
<iframe class="sppb-embed-responsive-item sppb-element-lazy" style="background:url(https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg); background-size: cover;" data-large="//www.youtube.com/embed/6yLImhRjhQU?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy">
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<iframe class="sppb-embed-responsive-item sppb-element-lazy" style="background:url(https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg); background-size: cover;" data-large="//www.youtube.com/embed/6yLImhRjhQU?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy">
-
violations
Element's default semantics were not overridden with role="none" or role="presentation"
показати html:
<iframe class="sppb-embed-responsive-item sppb-element-lazy" style="background:url(https://res.cloudinary.com/joomshaper/image/upload/v1582107175/placeholder.svg); background-size: cover;" data-large="//www.youtube.com/embed/6yLImhRjhQU?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy">
link-name
2.4.4 4.1.2 wcag2a serious Links must have discernible text-
violations
Element does not have text that is visible to screen readers
показати html:
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a>
-
violations
Element has no title attribute
показати html:
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#"><i class="fa fa-bars"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
-
violations
Element does not have text that is visible to screen readers
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-label attribute does not exist or is empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element has no title attribute
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
-
violations
Element is in tab order and does not have accessible text
показати html:
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>