kyivinstitute.com

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

Критерій Рівень Результат
1.1.1 A VIOLATION
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 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 PASS
4.1.2 A VIOLATION

Деталі

button-name

4.1.2 wcag2a critical Buttons must have discernible text
  1. violations aria-label attribute does not exist or is empty
    показати html: 
    <button class="open_main_menu"> 						<span class="lines"></span> 					</button>
  2. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button class="open_main_menu"> 						<span class="lines"></span> 					</button>
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button class="open_main_menu"> 						<span class="lines"></span> 					</button>
  4. violations Element has no title attribute
    показати html: 
    <button class="open_main_menu"> 						<span class="lines"></span> 					</button>
  5. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button class="open_main_menu"> 						<span class="lines"></span> 					</button>
  6. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button class="slick-prev icon-angle-left slick-arrow" style="display: block;"></button>
  7. violations aria-label attribute does not exist or is empty
    показати html: 
    <button class="slick-prev icon-angle-left slick-arrow" style="display: block;"></button>
  8. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button class="slick-prev icon-angle-left slick-arrow" style="display: block;"></button>
  9. violations Element has no title attribute
    показати html: 
    <button class="slick-prev icon-angle-left slick-arrow" style="display: block;"></button>
  10. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button class="slick-prev icon-angle-left slick-arrow" style="display: block;"></button>
  11. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button class="slick-next icon-angle-right slick-arrow" style="display: block;"></button>
  12. violations aria-label attribute does not exist or is empty
    показати html: 
    <button class="slick-next icon-angle-right slick-arrow" style="display: block;"></button>
  13. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button class="slick-next icon-angle-right slick-arrow" style="display: block;"></button>
  14. violations Element has no title attribute
    показати html: 
    <button class="slick-next icon-angle-right slick-arrow" style="display: block;"></button>
  15. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button class="slick-next icon-angle-right slick-arrow" style="display: block;"></button>
  16. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button type="submit" class="icon-search"></button>
  17. violations aria-label attribute does not exist or is empty
    показати html: 
    <button type="submit" class="icon-search"></button>
  18. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button type="submit" class="icon-search"></button>
  19. violations Element has no title attribute
    показати html: 
    <button type="submit" class="icon-search"></button>
  20. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button type="submit" class="icon-search"></button>

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-slide00"
    показати html: 
    <div class="slick-slide slick-current slick-active" style="width: 210px;" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00">
  2. incomplete ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide01"
    показати html: 
    <div class="slick-slide slick-active" style="width: 210px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01">
  3. incomplete ARIA attribute element ID does not exist on the page: aria-describedby="slick-slide02"
    показати html: 
    <div class="slick-slide slick-active" style="width: 210px;" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02">

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 partially overlaps other elements
    показати html: 
    <center>Київський університет <br>інтелектуальної власності та права <br> Національного університету "Одеська юридична академія"</center>
  2. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <p class="slider_title">ВІТАЄМО </p>
  3. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <p class="slider_desc">З ДНЕМ СОБОРНОСТІ УКРАЇНИ!</p>
  4. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="vstupniku/pravila_prijomu_2021">Вступна <br>компанія 2023</a>
  5. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="vstupniku/pravila_prijomu_2021" class="more_info icon-angle-right">Докладніше</a>
  6. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="/https://kyivinstitute.com/vstupniku/vstup_v_aspiranturu">Аспірантура<br></a>
  7. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="/https://kyivinstitute.com/vstupniku/vstup_v_aspiranturu" class="more_info icon-angle-right">Перейти</a>
  8. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="facultys">Факультети <br>університету</a>
  9. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="/facultys" class="more_info icon-angle-right">Докладніше</a>
  10. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <a href="/news/vitajemo_felika_vi" class="news_title color_blue" tabindex="0">Вітаємо ФЕЛИКА В.І.</a>
  11. violations Element has insufficient color contrast of 2.34 (foreground color: #ffffff- background color: #00b4ff- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Приймальна комісія</p>
  12. violations Element has insufficient color contrast of 2.34 (foreground color: #ffffff- background color: #00b4ff- font size: 11.3pt (15px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <p class="tel">тел.: <a href="tel:+380445638221">+38(044) 563-82-21</a></p>
  13. violations Element has insufficient color contrast of 2.34 (foreground color: #ffffff- background color: #00b4ff- font size: 11.3pt (15px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="tel:+380445638221">+38(044) 563-82-21</a>
  14. violations Element has insufficient color contrast of 2.34 (foreground color: #ffffff- background color: #00b4ff- font size: 11.3pt (15px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="tel:+380507029200">+38(050) 702-92-00</a>
  15. violations Element has insufficient color contrast of 2.34 (foreground color: #ffffff- background color: #00b4ff- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>м. Київ- Харківське шосе 210 (м. Бориспільска)</p>
  16. violations Element has insufficient color contrast of 2.34 (foreground color: #00b4ff- background color: #ffffff- font size: 13.5pt (18px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/news/memorandum_pro_dovgostrokove_spivrobitnitstvo" class="news_title color_blue" tabindex="0">Меморандум про довгострокове співробітництво</a>
  17. violations Element has insufficient color contrast of 3.59 (foreground color: #878786- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/news/memorandum_pro_dovgostrokove_spivrobitnitstvo" class="more_info icon-angle-right" tabindex="0">Докладніше</a>
  18. violations Element has insufficient color contrast of 2.34 (foreground color: #00b4ff- background color: #ffffff- font size: 13.5pt (18px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/news/vitajemo" class="news_title color_blue" tabindex="0">Вітаємо з Днем Соборності України!</a>
  19. violations Element has insufficient color contrast of 3.59 (foreground color: #878786- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/news/vitajemo" class="more_info icon-angle-right" tabindex="0">Докладніше</a>
  20. violations Element has insufficient color contrast of 3.59 (foreground color: #878786- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/news/vitajemo_felika_vi" class="more_info icon-angle-right" tabindex="0">Докладніше</a>
  21. violations Element has insufficient color contrast of 2.34 (foreground color: #00b4ff- background color: #ffffff- font size: 15.0pt (20px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <a href="/about/zagalna_informatsija">Загальна інформація</a>
  22. violations Element has insufficient color contrast of 3.59 (foreground color: #878786- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/about/zagalna_informatsija" class="more_info icon-angle-right">Докладніше</a>
  23. violations Element has insufficient color contrast of 2.69 (foreground color: #ec7f69- background color: #ffffff- font size: 15.0pt (20px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <a href="/about/litsenzija_ta_sertifikati">Ліцензія та сертифікати</a>
  24. violations Element has insufficient color contrast of 3.59 (foreground color: #878786- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/about/litsenzija_ta_sertifikati" class="more_info icon-angle-right">Докладніше</a>
  25. violations Element has insufficient color contrast of 2.93 (foreground color: #41a790- background color: #ffffff- font size: 15.0pt (20px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <a href="/vstupniku/perelik_spetsialnostej">Перелік спеціальностей</a>
  26. violations Element has insufficient color contrast of 3.59 (foreground color: #878786- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/vstupniku/perelik_spetsialnostej" class="more_info icon-angle-right">Докладніше</a>
  27. violations Element has insufficient color contrast of 2.05 (foreground color: #00b4ff- background color: #f0f0f0- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <h3 class="footer_top_title">ВСТУПНИКУ</h3>
  28. violations Element has insufficient color contrast of 2.05 (foreground color: #00b4ff- background color: #f0f0f0- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <h3 class="footer_top_title">ЗДОБУВАЧУ</h3>
  29. violations Element has insufficient color contrast of 2.05 (foreground color: #00b4ff- background color: #f0f0f0- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <h3 class="footer_top_title">ПРО УНІВЕРСИТЕТ</h3>

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="carousel-inner" role="listbox">
  2. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <div class="carousel-inner" role="listbox">
  3. violations Element has no title attribute
    показати html: 
    <div class="carousel-inner" role="listbox">
  4. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="slick-track" style="opacity: 1; width: 5280px; transform: translate3d(-720px- 0px- 0px);" role="listbox">
  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" style="opacity: 1; width: 5280px; transform: translate3d(-720px- 0px- 0px);" role="listbox">
  6. violations Element has no title attribute
    показати html: 
    <div class="slick-track" style="opacity: 1; width: 5280px; transform: translate3d(-720px- 0px- 0px);" role="listbox">

aria-required-children

1.3.1 wcag2a critical Certain ARIA roles must contain particular children
  1. violations Element has children which are not allowed: a[tabindex]
    показати html: 
    <div class="carousel-inner" role="listbox">
  2. violations Element uses aria-busy="true" while showing a loader
    показати html: 
    <div class="carousel-inner" role="listbox">

image-alt

1.1.1 wcag2a critical Images must have alternate text
  1. violations Element does not have an alt attribute
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/8af65afcbe2c38ab.jpg">
  2. violations aria-label attribute does not exist or is empty
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/8af65afcbe2c38ab.jpg">
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/8af65afcbe2c38ab.jpg">
  4. violations Element has no title attribute
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/8af65afcbe2c38ab.jpg">
  5. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/8af65afcbe2c38ab.jpg">
  6. violations Element does not have an alt attribute
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/18b65ae8ebec0969.jpg">
  7. violations aria-label attribute does not exist or is empty
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/18b65ae8ebec0969.jpg">
  8. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/18b65ae8ebec0969.jpg">
  9. violations Element has no title attribute
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/18b65ae8ebec0969.jpg">
  10. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/18b65ae8ebec0969.jpg">
  11. violations Element does not have an alt attribute
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/a546592460b9253d.jpg">
  12. violations aria-label attribute does not exist or is empty
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/a546592460b9253d.jpg">
  13. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/a546592460b9253d.jpg">
  14. violations Element has no title attribute
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/a546592460b9253d.jpg">
  15. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <img class="newsimg" src="/media/illustration/objects/a546592460b9253d.jpg">

label

4.1.2 wcag2a critical Form elements must have labels
  1. violations Form element does not have an implicit (wrapped) <label>
    показати html: 
    <input type="text" name="q">
  2. violations Form element does not have an explicit <label>
    показати html: 
    <input type="text" name="q">
  3. violations aria-label attribute does not exist or is empty
    показати html: 
    <input type="text" name="q">
  4. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <input type="text" name="q">
  5. violations Element has no title attribute
    показати html: 
    <input type="text" name="q">
  6. violations Element has no placeholder attribute
    показати html: 
    <input type="text" name="q">
  7. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <input type="text" name="q">

link-name

2.4.4 4.1.2 wcag2a serious Links must have discernible text
  1. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="https://www.facebook.com/kyivinstitute.onua/" class="icon-facebook" target="_blank"></a>
  2. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="https://www.facebook.com/kyivinstitute.onua/" class="icon-facebook" target="_blank"></a>
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="https://www.facebook.com/kyivinstitute.onua/" class="icon-facebook" target="_blank"></a>
  4. violations Element has no title attribute
    показати html: 
    <a href="https://www.facebook.com/kyivinstitute.onua/" class="icon-facebook" target="_blank"></a>
  5. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="https://www.facebook.com/kyivinstitute.onua/" class="icon-facebook" target="_blank"></a>
  6. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="https://instagram.com/kyiv_nuoua?igshid=NTc4MTIwNjQ2YQ==" class="icon-instagram-symbol" target="_blank"></a>
  7. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="https://instagram.com/kyiv_nuoua?igshid=NTc4MTIwNjQ2YQ==" class="icon-instagram-symbol" target="_blank"></a>
  8. 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/kyiv_nuoua?igshid=NTc4MTIwNjQ2YQ==" class="icon-instagram-symbol" target="_blank"></a>
  9. violations Element has no title attribute
    показати html: 
    <a href="https://instagram.com/kyiv_nuoua?igshid=NTc4MTIwNjQ2YQ==" class="icon-instagram-symbol" target="_blank"></a>
  10. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="https://instagram.com/kyiv_nuoua?igshid=NTc4MTIwNjQ2YQ==" class="icon-instagram-symbol" target="_blank"></a>

nested-interactive

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