nuft.edu.ua

Данні отримано:

Критерій Рівень Результат
1.1.1 A PASS
1.2.1 A INAPPLICABLE
1.2.2 A INAPPLICABLE
1.3.1 A VIOLATION
1.3.5 AA INAPPLICABLE
1.4.1 A INAPPLICABLE
1.4.2 A INAPPLICABLE
1.4.3 AA VIOLATION
1.4.4 AA VIOLATION
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 VIOLATION
3.1.2 AA INAPPLICABLE
3.3.2 A INAPPLICABLE
4.1.2 A VIOLATION

Деталі

aria-hidden-focus

4.1.2 wcag2a serious ARIA hidden element must not be focusable or contain focusable elements
  1. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation11" id="slick-slide11"><button type="button" data-role="none" role="button" tabindex="0">2</button></li>
  2. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation12" id="slick-slide12"><button type="button" data-role="none" role="button" tabindex="0">3</button></li>
  3. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation15" id="slick-slide15"><button type="button" data-role="none" role="button" tabindex="0">6</button></li>
  4. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation21" id="slick-slide21"><button type="button" data-role="none" role="button" tabindex="0">2</button></li>
  5. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation22" id="slick-slide22"><button type="button" data-role="none" role="button" tabindex="0">3</button></li>
  6. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation31" id="slick-slide31"><button type="button" data-role="none" role="button" tabindex="0">2</button></li>
  7. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation32" id="slick-slide32"><button type="button" data-role="none" role="button" tabindex="0">3</button></li>
  8. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation33" id="slick-slide33"><button type="button" data-role="none" role="button" tabindex="0">4</button></li>
  9. 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"><button type="button" data-role="none" role="button" tabindex="0">2</button></li>
  10. 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"><button type="button" data-role="none" role="button" tabindex="0">3</button></li>
  11. incomplete Check that focusable elements are not tabbable in the current state
    показати html: 
    <li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation017" id="slick-slide017"><button type="button" data-role="none" role="button" tabindex="0">18</button></li>

link-name

2.4.4 4.1.2 wcag2a serious Links must have discernible text
  1. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="//twitter.com/NUFTukr" target="_blank"><i class="icon-twitter"></i></a>
  2. violations Element has no title attribute
    показати html: 
    <a href="//twitter.com/NUFTukr" target="_blank"><i class="icon-twitter"></i></a>
  3. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="#advantages" style="width: 30px;height: 50px;display:  block;z-index: 5;position:  absolute;"></a>
  4. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="#advantages" style="width: 30px;height: 50px;display:  block;z-index: 5;position:  absolute;"></a>
  5. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="//twitter.com/NUFTukr" target="_blank"><i class="icon-twitter"></i></a>
  6. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="#advantages" style="width: 30px;height: 50px;display:  block;z-index: 5;position:  absolute;"></a>
  7. violations Element has no title attribute
    показати html: 
    <a href="#advantages" style="width: 30px;height: 50px;display:  block;z-index: 5;position:  absolute;"></a>
  8. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="#advantages" style="width: 30px;height: 50px;display:  block;z-index: 5;position:  absolute;"></a>
  9. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="//www.facebook.com/%D0%9D%D0%B0%D1%86%D1%96%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-%D1%85%D0%B0%D1%80%D1%87%D0%BE%D0%B2%D0%B8%D1%85-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D0%B9-1443922275874409/" target="_blank">
  10. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="//www.facebook.com/%D0%9D%D0%B0%D1%86%D1%96%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-%D1%85%D0%B0%D1%80%D1%87%D0%BE%D0%B2%D0%B8%D1%85-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D0%B9-1443922275874409/" target="_blank">
  11. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="//www.facebook.com/%D0%9D%D0%B0%D1%86%D1%96%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-%D1%85%D0%B0%D1%80%D1%87%D0%BE%D0%B2%D0%B8%D1%85-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D0%B9-1443922275874409/" target="_blank">
  12. violations Element has no title attribute
    показати html: 
    <a href="//www.facebook.com/%D0%9D%D0%B0%D1%86%D1%96%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-%D1%85%D0%B0%D1%80%D1%87%D0%BE%D0%B2%D0%B8%D1%85-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D0%B9-1443922275874409/" target="_blank">
  13. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="//www.facebook.com/%D0%9D%D0%B0%D1%86%D1%96%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%82%D0%B5%D1%82-%D1%85%D0%B0%D1%80%D1%87%D0%BE%D0%B2%D0%B8%D1%85-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D0%B9-1443922275874409/" target="_blank">
  14. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="https://instagram.com/nuftinfo?utm_source=ig_profile_share&amp;igshid=1n2t4umiwj9ma" target="_blank"><i class="icon-instagram"></i></a>
  15. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="https://instagram.com/nuftinfo?utm_source=ig_profile_share&amp;igshid=1n2t4umiwj9ma" target="_blank"><i class="icon-instagram"></i></a>
  16. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="https://instagram.com/nuftinfo?utm_source=ig_profile_share&amp;igshid=1n2t4umiwj9ma" target="_blank"><i class="icon-instagram"></i></a>
  17. violations Element has no title attribute
    показати html: 
    <a href="https://instagram.com/nuftinfo?utm_source=ig_profile_share&amp;igshid=1n2t4umiwj9ma" target="_blank"><i class="icon-instagram"></i></a>
  18. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="https://instagram.com/nuftinfo?utm_source=ig_profile_share&amp;igshid=1n2t4umiwj9ma" target="_blank"><i class="icon-instagram"></i></a>
  19. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="//twitter.com/NUFTukr" target="_blank"><i class="icon-twitter"></i></a>
  20. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="//twitter.com/NUFTukr" target="_blank"><i class="icon-twitter"></i></a>
  21. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="https://www.youtube.com/channel/UCEtudkR1JCvXy02mQJYowqg" target="_blank"><i class="icon-youtube"></i></a>
  22. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="https://www.youtube.com/channel/UCEtudkR1JCvXy02mQJYowqg" target="_blank"><i class="icon-youtube"></i></a>
  23. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="https://www.youtube.com/channel/UCEtudkR1JCvXy02mQJYowqg" target="_blank"><i class="icon-youtube"></i></a>
  24. violations Element has no title attribute
    показати html: 
    <a href="https://www.youtube.com/channel/UCEtudkR1JCvXy02mQJYowqg" target="_blank"><i class="icon-youtube"></i></a>
  25. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="https://www.youtube.com/channel/UCEtudkR1JCvXy02mQJYowqg" target="_blank"><i class="icon-youtube"></i></a>

aria-valid-attr-value

4.1.2 wcag2a critical ARIA attributes must conform to valid values
  1. incomplete ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide50"
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide50" style="width: 624px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  2. incomplete ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide40"
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide40" style="width: 749px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  3. violations Invalid ARIA attribute value: aria-controls="navigation10"
    показати html: 
    <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation10" id="slick-slide10"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>
  4. violations Invalid ARIA attribute value: aria-controls="navigation20"
    показати html: 
    <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation20" id="slick-slide20"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>
  5. violations Invalid ARIA attribute value: aria-controls="navigation30"
    показати html: 
    <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation30" id="slick-slide30"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>
  6. 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"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>

color-contrast

1.4.3 wcag2aa serious Elements must meet minimum color contrast ratio thresholds
  1. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="http://cde.nuft.edu.ua/" target="_blank">                                     <i class="icon-mapa"></i>Дистанційне навчання                                 </a>
  2. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="http://library.nuft.edu.ua/" target="_blank">                                     <i class="icon-biblio"></i>Бібліотека                                 </a>
  3. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="http://nmu.nuft.edu.ua/cgi-bin/timetable.cgi" target="_blank">                                     <i class="icon-noun_25587_cc"></i>Розклад занять                                 </a>
  4. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a class="active">     <i class="icon-ua"></i>     UA </a>
  5. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="kontakty">                                     <i class="icon-tel"></i>Контакти                                 </a>
  6. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span>МЕНЮ</span>
  7. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <h1>Національний університет <br>харчових технологій</h1>
  8. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <h2>Національний університет <br> харчових технологій це:</h2>
  9. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">1</button>
  10. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">2</button>
  11. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">3</button>
  12. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <h3 class="heading">Оголошення</h3>
  13. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a class="button" href="https://nuft.edu.ua/news/ogoloshennya/">Всі оголошення</a>
  14. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a class="button" href="https://nuft.edu.ua/news/anonsy-podij/">Всі анонси</a>
  15. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <div class="banner-text">Яку спеціальність обрати...?</div>
  16. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/vstupnyku/poshuk-specialnosti/" class="button">Пошук спеціальностей</a>
  17. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <span class="date">22 січня 2024</span>
  18. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/news/podiyi/nuxt-–-u-top-5-za-kilkistyu-patentiv" tabindex="0">НУХТ – у ТОП-5 за кількістю патентів</a>
  19. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <div class="text">
  20. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/news/podiyi/nuxt-–-u-top-5-za-kilkistyu-patentiv" class="event-more" tabindex="0">ЧИТАТИ ДАЛІ</a>
  21. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">1</button>
  22. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">2</button>
  23. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">3</button>
  24. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">4</button>
  25. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/news/podiyi/novi-gorizonti-praktichnix-znan-pidkoryuyut-magistranti-osvi">Нові горизонти практичних знань магістрантів освітньої програми «Промислові та крафтові технології для HoReCa в туризмі»</a>
  26. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <span class="date">26 січня 2024</span>
  27. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/news/podiyi/naukovij-olimp-pidkoreno-aspirantkoyu-kafedri-texnologiyi-cz">Науковий Олімп підкорено аспіранткою кафедри технології цукру і підготовки води</a>
  28. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <span class="date">26 січня 2024</span>
  29. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/news/podiyi/novi-sportivni-visoti-nash-zdobuvach-posiv-i-komandne-miscze">Спортивні висоти: наш здобувач посів І командне місце у Всеукраїнській першості з фехтування</a>
  30. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/news/podiyi/viktorina-do-dnya-sobornosti-ukrayini-na-fakulteti-biotexnol">Вікторина до Дня Соборності України на факультеті біотехнології та екологічного контролю</a>
  31. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a class="button" href="https://nuft.edu.ua/news/podiyi/">Всі новини</a>
  32. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <div class="banner-text">Що потрібно знати <br> вступнику</div>
  33. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="https://nuft.edu.ua/vstupnyku/" class="button">Вступна кампанія</a>
  34. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <div class="name">Анастасія Бондаренко</div>
  35. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <span>спеціаліст із реєстрації Корпорації «Артеріум» випускниця НУХТ за освітньою програмою «Хімічні технології та інженерія»</span>
  36. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <p class="justifyfull">Понад 3 роки працюю у сфері фармацевтики.&nbsp;<span style="font-size: 13px; font-weight: 400; line-height: 21px;">На 4-му курсі зацікавилася технологією виробництва лікарських засобів-…</span></p>
  37. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <span style="font-size: 13px; font-weight: 400; line-height: 21px;">На 4-му курсі зацікавилася технологією виробництва лікарських засобів-…</span>
  38. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a class="read-more">Читати<i class="icon-arrow-right slider-next slick-arrow" style="display: inline;"></i></a>
  39. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">1</button>
  40. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">2</button>
  41. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">3</button>
  42. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">20</button>
  43. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a class="button" href="https://nuft.edu.ua/job/katalog-partnerv/">Всі партнери</a>
  44. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">1</button>
  45. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">2</button>
  46. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">3</button>
  47. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <button type="button" data-role="none" role="button" tabindex="0">18</button>
  48. violations Element has insufficient color contrast of 1.4 (foreground color: #9cdacf- background color: #f2f2f2- font size: 43.5pt (58px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <span>10</span>
  49. violations Element has insufficient color contrast of 4.39 (foreground color: #727070- background color: #f2f2f2- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>лауреатів Державної премії України</p>
  50. violations Element has insufficient color contrast of 1.4 (foreground color: #9cdacf- background color: #f2f2f2- font size: 43.5pt (58px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <span>16</span>
  51. violations Element has insufficient color contrast of 4.39 (foreground color: #727070- background color: #f2f2f2- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>академіків</p>
  52. violations Element has insufficient color contrast of 1.4 (foreground color: #9cdacf- background color: #f2f2f2- font size: 43.5pt (58px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <span>107</span>
  53. violations Element has insufficient color contrast of 4.39 (foreground color: #727070- background color: #f2f2f2- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>докторів наук- професорів</p>
  54. violations Element has insufficient color contrast of 1.4 (foreground color: #9cdacf- background color: #f2f2f2- font size: 43.5pt (58px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <span>433</span>
  55. violations Element has insufficient color contrast of 4.39 (foreground color: #727070- background color: #f2f2f2- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>кандидатів наук- доцентів</p>
  56. violations Element has insufficient color contrast of 4.46 (foreground color: #9dafc0- background color: #2a445f- font size: 6.8pt (9px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <span>© 2018-2024  Національний університет харчових технологій</span>

aria-allowed-attr

4.1.2 wcag2a critical Elements must only use supported ARIA attributes
  1. violations ARIA attribute is not allowed: aria-selected="true"
    показати html: 
    <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation10" id="slick-slide10"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>
  2. violations ARIA attribute is not allowed: aria-selected="true"
    показати html: 
    <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation20" id="slick-slide20"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>
  3. violations ARIA attribute is not allowed: aria-selected="true"
    показати html: 
    <li class="slick-active" aria-hidden="false" role="presentation" aria-selected="true" aria-controls="navigation30" id="slick-slide30"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>
  4. 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"><button type="button" data-role="none" role="button" tabindex="0">1</button></li>

aria-input-field-name

4.1.2 wcag2a serious ARIA input fields must have an accessible name
  1. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 4800px;">
  2. 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" style="opacity: 1; width: 4800px;">
  3. violations Element has no title attribute
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 4800px;">
  4. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 1872px;">
  5. 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" style="opacity: 1; width: 1872px;">
  6. violations Element has no title attribute
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 1872px;">
  7. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 2247px;">
  8. 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" style="opacity: 1; width: 2247px;">
  9. violations Element has no title attribute
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 2247px;">
  10. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 2247px;">
  11. 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" style="opacity: 1; width: 2247px;">
  12. violations Element has no title attribute
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 2247px;">
  13. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 4476px; transform: translate3d(-746px- 0px- 0px);">
  14. 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" style="opacity: 1; width: 4476px; transform: translate3d(-746px- 0px- 0px);">
  15. violations Element has no title attribute
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 4476px; transform: translate3d(-746px- 0px- 0px);">
  16. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 5976px; transform: translate3d(-747px- 0px- 0px);">
  17. 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" style="opacity: 1; width: 5976px; transform: translate3d(-747px- 0px- 0px);">
  18. violations Element has no title attribute
    показати html: 
    <div class="slick-track" role="listbox" style="opacity: 1; width: 5976px; transform: translate3d(-747px- 0px- 0px);">

aria-required-children

1.3.1 wcag2a critical Certain ARIA roles must contain particular children
  1. violations Element has children which are not allowed: [role=presentation]
    показати html: 
    <ul class="slick-dots" style="display: block;" role="tablist">
  2. violations Element uses aria-busy="true" while showing a loader
    показати html: 
    <ul class="slick-dots" style="display: block;" role="tablist">
  3. violations Element has children which are not allowed: [role=presentation]
    показати html: 
    <ul class="slick-dots" style="display: block;" role="tablist">
  4. violations Element uses aria-busy="true" while showing a loader
    показати html: 
    <ul class="slick-dots" style="display: block;" role="tablist">
  5. violations Element has children which are not allowed: [role=presentation]
    показати html: 
    <ul class="slick-dots" style="display: block;" role="tablist">
  6. violations Element uses aria-busy="true" while showing a loader
    показати html: 
    <ul class="slick-dots" style="display: block;" role="tablist">
  7. violations Element has children which are not allowed: [role=presentation]
    показати html: 
    <ul class="slick-dots" role="tablist" style="display: block;">
  8. violations Element uses aria-busy="true" while showing a loader
    показати html: 
    <ul class="slick-dots" role="tablist" style="display: block;">

aria-toggle-field-name

4.1.2 wcag2a serious ARIA toggle fields must have an accessible name
  1. violations Element does not have text that is visible to screen readers
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10" style="width: 800px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  2. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10" style="width: 800px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10" style="width: 800px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  4. violations Element has no title attribute
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10" style="width: 800px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  5. violations Element does not have text that is visible to screen readers
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide40" style="width: 749px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  6. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide40" style="width: 749px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  7. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide40" style="width: 749px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
  8. violations Element has no title attribute
    показати html: 
    <div class="slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide40" style="width: 749px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">

html-lang-valid

3.1.1 wcag2a serious <html> element must have a valid value for the lang attribute
  1. violations Value of lang attribute not included in the list of valid languages
    показати html: 
    <html lang="ua" class="desktop landscape">

list

1.3.1 wcag2a serious <ul> and <ol> must only directly contain <li>- <script> or <template> elements
  1. violations List element has direct children that are not allowed: [role=tablist]
    показати html: 
    <ul class="slick-dots-another">

meta-viewport

1.4.4 wcag2aa critical Zooming and scaling must not be disabled
  1. violations user-scalable=no on <meta> tag disables zooming on mobile devices
    показати html: 
    <meta name="viewport" content="width=device-width- user-scalable=no- initial-scale=1.0- maximum-scale=1.0- minimum-scale=1.0">

nested-interactive

4.1.2 wcag2a serious Interactive controls must not be nested
  1. violations Element has focusable descendants
    показати html: 
    <div class="article slick-slide slick-current slick-active" data-icon="" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide30" style="width: 746px;">
  2. violations Element has focusable descendants
    показати html: 
    <div class="interest-item slick-slide slick-current slick-active" style="width: 257px;" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00">
  3. violations Element has focusable descendants
    показати html: 
    <div class="interest-item slick-slide slick-active" style="width: 257px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01">