Деталі
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:
<time datetime="2023-12-28 13:21:30" class="article__date">28 грудня 2023</time>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<span class="article__title">Досягнення родини МДУ у 2023 році (ВІДЕО)</span>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
4.1.2
wcag2a
critical
Buttons must have discernible text
-
violations
Element does not have inner text that is visible to screen readers
показати html:
<button type="button" class="hamburger"> <svg> <use xlink:href="#icon_hamburger"></use> </svg> </button>
-
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>
-
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>
-
violations
Element has no title attribute
показати html:
<button type="button" class="hamburger"> <svg> <use xlink:href="#icon_hamburger"></use> </svg> </button>
-
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>
-
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">
-
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">
-
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">
-
violations
Element has no title attribute
показати html:
<button type="button" data-hash="0JHRg9C00YPRlNC80L4g0L3QvtCy0LjQuSDRg9C90ZbQstC10YDRgdC40YLQtdGCINGA0LDQt9C+0LwhINCc0JTQoyDRgNC+0LfQv9C+0YfQuNC90LDRlCDRhNCw0L3QtNGA0LDQudC30LjQvdCz0L7QstGDINC60LDQvNC/0LDQvdGW0Y4g0ZYg0LLRltC00LrRgNC40LLQsNGUINC30LHRltGAINC60L7RiNGC0ZbQsi4=" class="mini-banner__close">
-
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">
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 href="https://www.facebook.com/mdu.mariupol/" target="_blank" rel="nofollow" class="social__item"> <svg> <use xlink:href="#icon_facebook"></use> </svg> </a>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>
-
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>