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

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

Деталі

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 due to a pseudo element
    показати html:
    <time datetime="2023-12-28 13:21:30" class="article__date">28 грудня 2023</time>
  2. incomplete Element's background color could not be determined due to a pseudo element
    показати html:
    <span class="article__title">Досягнення родини МДУ у 2023 році (ВІДЕО)</span>
  3. incomplete Element content is too short to determine if it is actual text content
    показати html:
    <button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="0" aria-selected="true">1</button>
  4. incomplete Element content is too short to determine if it is actual text content
    показати html:
    <button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" tabindex="-1">2</button>
  5. incomplete Element content is too short to determine if it is actual text content
    показати html:
    <button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" tabindex="-1">3</button>
  6. violations Element has insufficient color contrast of 2.53 (foreground color: #9ca3af- background color: #ffffff- font size: 15.0pt (20px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <p class="title__sub">Анонси- наукові заходи та оголошення</p>
  7. violations Element has insufficient color contrast of 3.46 (foreground color: #c7d2fe- background color: #2563eb- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <time datetime="2024-03-22 00:00:00" class="event-card__date">22 березня 2024</time>
  8. violations Element has insufficient color contrast of 2.53 (foreground color: #9ca3af- background color: #ffffff- font size: 15.0pt (20px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <p class="title__sub">Ми знаємо про кращі вакансії й рекомендуємо наших студентів</p>
  9. violations Element has insufficient color contrast of 2.54 (foreground color: #ffffff- background color: #60a5fa- font size: 27.0pt (36px)- font weight: normal). Expected contrast ratio of 3:1
    показати html:
    <span class="event-cat-card__title">Civic Center Маріупольського університету</span>
  10. violations Element has insufficient color contrast of 2.53 (foreground color: #9ca3af- background color: #ffffff- font size: 15.0pt (20px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <p class="title__sub">Сучасний викладач – це агент змін- тьютор та ментор</p>
  11. violations Element has insufficient color contrast of 2.54 (foreground color: #ffffff- background color: #60a5fa- font size: 27.0pt (36px)- font weight: normal). Expected contrast ratio of 3:1
    показати html:
    <span class="teachers-slider-item__title">Анжеліка Балабаниць</span>
  12. violations Element has insufficient color contrast of 2.54 (foreground color: #ffffff- background color: #60a5fa- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="teachers-slider-item__subtitle">завідувач кафедри маркетингу та туризму- доктор економічних наук- професор</span>
  13. violations Element has insufficient color contrast of 1.8 (foreground color: #ffffff- background color: #93c5fd- font size: 27.0pt (36px)- font weight: normal). Expected contrast ratio of 3:1
    показати html:
    <span class="teachers-slider-item__title">Вікторія Григор'єва</span>
  14. violations Element has insufficient color contrast of 1.8 (foreground color: #ffffff- background color: #93c5fd- font size: 13.5pt (18px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="teachers-slider-item__subtitle">завідувач кафедри права- кандидат юридичних наук- доцент</span>
  15. violations Element has insufficient color contrast of 1.94 (foreground color: #4b5563- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="contact__title">Контакти</span>
  16. violations Element has insufficient color contrast of 3.03 (foreground color: #6b7280- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <a class="d-block" href="mailto:info@mu.edu.ua">info@mu.edu.ua</a>
  17. violations Element has insufficient color contrast of 3.03 (foreground color: #6b7280- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="d-block">03037- Київ- вул. Преображенська- 6</span>
  18. violations Element has insufficient color contrast of 1.94 (foreground color: #4b5563- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="contact__title">Приймальна комісія</span>
  19. violations Element has insufficient color contrast of 3.03 (foreground color: #6b7280- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <a class="d-block" href="tel:+38 (096) 743-74-43 ">+38 (096) 743-74-43 </a>
  20. violations Element has insufficient color contrast of 3.03 (foreground color: #6b7280- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <a class="d-block" href="mailto:enrollment@mu.edu.ua">enrollment@mu.edu.ua</a>
  21. violations Element has insufficient color contrast of 1.94 (foreground color: #4b5563- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="contact__title">Прес-служба</span>
  22. violations Element has insufficient color contrast of 3.03 (foreground color: #6b7280- background color: #1f2937- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <a href="mailto:press@mu.edu.ua">press@mu.edu.ua</a>
  23. violations Element has insufficient color contrast of 1.94 (foreground color: #4b5563- background color: #1f2937- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="site-footer__col-title">Структура університету</span>
  24. violations Element has insufficient color contrast of 1.94 (foreground color: #4b5563- background color: #1f2937- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="site-footer__col-title">Електронне середовище</span>
  25. violations Element has insufficient color contrast of 1.94 (foreground color: #4b5563- background color: #1f2937- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html:
    <span class="site-footer__col-title">Наші посилання</span>

button-name

4.1.2 wcag2a critical Buttons must have discernible text
  1. violations Element does not have inner text that is visible to screen readers
    показати html:
    <button type="button" class="hamburger">             <svg>                 <use xlink:href="#icon_hamburger"></use>             </svg>         </button>
  2. violations aria-label attribute does not exist or is empty
    показати html:
    <button type="button" class="hamburger">             <svg>                 <use xlink:href="#icon_hamburger"></use>             </svg>         </button>
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html:
    <button type="button" class="hamburger">             <svg>                 <use xlink:href="#icon_hamburger"></use>             </svg>         </button>
  4. violations Element has no title attribute
    показати html:
    <button type="button" class="hamburger">             <svg>                 <use xlink:href="#icon_hamburger"></use>             </svg>         </button>
  5. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html:
    <button type="button" class="hamburger">             <svg>                 <use xlink:href="#icon_hamburger"></use>             </svg>         </button>
  6. violations Element does not have inner text that is visible to screen readers
    показати html:
    <button type="button" data-hash="0JHRg9C00YPRlNC80L4g0L3QvtCy0LjQuSDRg9C90ZbQstC10YDRgdC40YLQtdGCINGA0LDQt9C+0LwhINCc0JTQoyDRgNC+0LfQv9C+0YfQuNC90LDRlCDRhNCw0L3QtNGA0LDQudC30LjQvdCz0L7QstGDINC60LDQvNC/0LDQvdGW0Y4g0ZYg0LLRltC00LrRgNC40LLQsNGUINC30LHRltGAINC60L7RiNGC0ZbQsi4=" class="mini-banner__close">
  7. violations aria-label attribute does not exist or is empty
    показати html:
    <button type="button" data-hash="0JHRg9C00YPRlNC80L4g0L3QvtCy0LjQuSDRg9C90ZbQstC10YDRgdC40YLQtdGCINGA0LDQt9C+0LwhINCc0JTQoyDRgNC+0LfQv9C+0YfQuNC90LDRlCDRhNCw0L3QtNGA0LDQudC30LjQvdCz0L7QstGDINC60LDQvNC/0LDQvdGW0Y4g0ZYg0LLRltC00LrRgNC40LLQsNGUINC30LHRltGAINC60L7RiNGC0ZbQsi4=" class="mini-banner__close">
  8. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html:
    <button type="button" data-hash="0JHRg9C00YPRlNC80L4g0L3QvtCy0LjQuSDRg9C90ZbQstC10YDRgdC40YLQtdGCINGA0LDQt9C+0LwhINCc0JTQoyDRgNC+0LfQv9C+0YfQuNC90LDRlCDRhNCw0L3QtNGA0LDQudC30LjQvdCz0L7QstGDINC60LDQvNC/0LDQvdGW0Y4g0ZYg0LLRltC00LrRgNC40LLQsNGUINC30LHRltGAINC60L7RiNGC0ZbQsi4=" class="mini-banner__close">
  9. violations Element has no title attribute
    показати html:
    <button type="button" data-hash="0JHRg9C00YPRlNC80L4g0L3QvtCy0LjQuSDRg9C90ZbQstC10YDRgdC40YLQtdGCINGA0LDQt9C+0LwhINCc0JTQoyDRgNC+0LfQv9C+0YfQuNC90LDRlCDRhNCw0L3QtNGA0LDQudC30LjQvdCz0L7QstGDINC60LDQvNC/0LDQvdGW0Y4g0ZYg0LLRltC00LrRgNC40LLQsNGUINC30LHRltGAINC60L7RiNGC0ZbQsi4=" class="mini-banner__close">
  10. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html:
    <button type="button" data-hash="0JHRg9C00YPRlNC80L4g0L3QvtCy0LjQuSDRg9C90ZbQstC10YDRgdC40YLQtdGCINGA0LDQt9C+0LwhINCc0JTQoyDRgNC+0LfQv9C+0YfQuNC90LDRlCDRhNCw0L3QtNGA0LDQudC30LjQvdCz0L7QstGDINC60LDQvNC/0LDQvdGW0Y4g0ZYg0LLRltC00LrRgNC40LLQsNGUINC30LHRltGAINC60L7RiNGC0ZbQsi4=" class="mini-banner__close">

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/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_facebook"></use>                     </svg>                 </a>
  2. violations aria-label attribute does not exist or is empty
    показати html:
    <a href="https://www.facebook.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_facebook"></use>                     </svg>                 </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/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_facebook"></use>                     </svg>                 </a>
  4. violations Element has no title attribute
    показати html:
    <a href="https://www.facebook.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_facebook"></use>                     </svg>                 </a>
  5. violations Element is in tab order and does not have accessible text
    показати html:
    <a href="https://www.facebook.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_facebook"></use>                     </svg>                 </a>
  6. violations Element does not have text that is visible to screen readers
    показати html:
    <a href="https://www.instagram.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_instagram"></use>                     </svg>                 </a>
  7. violations aria-label attribute does not exist or is empty
    показати html:
    <a href="https://www.instagram.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_instagram"></use>                     </svg>                 </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://www.instagram.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_instagram"></use>                     </svg>                 </a>
  9. violations Element has no title attribute
    показати html:
    <a href="https://www.instagram.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_instagram"></use>                     </svg>                 </a>
  10. violations Element is in tab order and does not have accessible text
    показати html:
    <a href="https://www.instagram.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_instagram"></use>                     </svg>                 </a>
  11. violations Element does not have text that is visible to screen readers
    показати html:
    <a href="https://t.me/mdu_mariupol" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_telegram"></use>                     </svg>                 </a>
  12. violations aria-label attribute does not exist or is empty
    показати html:
    <a href="https://t.me/mdu_mariupol" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_telegram"></use>                     </svg>                 </a>
  13. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html:
    <a href="https://t.me/mdu_mariupol" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_telegram"></use>                     </svg>                 </a>
  14. violations Element has no title attribute
    показати html:
    <a href="https://t.me/mdu_mariupol" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_telegram"></use>                     </svg>                 </a>
  15. violations Element is in tab order and does not have accessible text
    показати html:
    <a href="https://t.me/mdu_mariupol" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_telegram"></use>                     </svg>                 </a>
  16. violations Element does not have text that is visible to screen readers
    показати html:
    <a href="https://www.youtube.com/channel/UCjbxRPbZFaaNSTDL_zTUyyA" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_youtube"></use>                     </svg>                 </a>
  17. violations aria-label attribute does not exist or is empty
    показати html:
    <a href="https://www.youtube.com/channel/UCjbxRPbZFaaNSTDL_zTUyyA" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_youtube"></use>                     </svg>                 </a>
  18. 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/UCjbxRPbZFaaNSTDL_zTUyyA" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_youtube"></use>                     </svg>                 </a>
  19. violations Element has no title attribute
    показати html:
    <a href="https://www.youtube.com/channel/UCjbxRPbZFaaNSTDL_zTUyyA" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_youtube"></use>                     </svg>                 </a>
  20. violations Element is in tab order and does not have accessible text
    показати html:
    <a href="https://www.youtube.com/channel/UCjbxRPbZFaaNSTDL_zTUyyA" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_youtube"></use>                     </svg>                 </a>
  21. violations Element does not have text that is visible to screen readers
    показати html:
    <a href="https://www.tiktok.com/@mrpl.uni" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_tiktok"></use>                     </svg>                 </a>
  22. violations aria-label attribute does not exist or is empty
    показати html:
    <a href="https://www.tiktok.com/@mrpl.uni" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_tiktok"></use>                     </svg>                 </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.tiktok.com/@mrpl.uni" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_tiktok"></use>                     </svg>                 </a>
  24. violations Element has no title attribute
    показати html:
    <a href="https://www.tiktok.com/@mrpl.uni" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_tiktok"></use>                     </svg>                 </a>
  25. violations Element is in tab order and does not have accessible text
    показати html:
    <a href="https://www.tiktok.com/@mrpl.uni" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_tiktok"></use>                     </svg>                 </a>
  26. violations Element does not have text that is visible to screen readers
    показати html:
    <a href="https://www.linkedin.com/school/mrpl-university/mycompany/?viewAsMember=true" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_linkedin"></use>                     </svg>                 </a>
  27. violations aria-label attribute does not exist or is empty
    показати html:
    <a href="https://www.linkedin.com/school/mrpl-university/mycompany/?viewAsMember=true" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_linkedin"></use>                     </svg>                 </a>
  28. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html:
    <a href="https://www.linkedin.com/school/mrpl-university/mycompany/?viewAsMember=true" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_linkedin"></use>                     </svg>                 </a>
  29. violations Element has no title attribute
    показати html:
    <a href="https://www.linkedin.com/school/mrpl-university/mycompany/?viewAsMember=true" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_linkedin"></use>                     </svg>                 </a>
  30. violations Element is in tab order and does not have accessible text
    показати html:
    <a href="https://www.linkedin.com/school/mrpl-university/mycompany/?viewAsMember=true" target="_blank" rel="nofollow" class="social__item">                     <svg>                         <use xlink:href="#icon_linkedin"></use>                     </svg>                 </a>