Деталі
4.1.2
wcag2a
serious
Elements must only use permitted ARIA attributes
-
incomplete
aria-label attribute is not well supported on a div with no valid role attribute.
показати html:
<div class="html5-video-player ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-title-enable-channel-logo ytp-fine-scrubbing-exp ytp-embed ytp-embed-playlist unstarted-mode ytp-hide-controls ytp-large-width-mode" tabindex="-1" id="movie_player" data-version="/s/player/cb886c6c/player_ias.vflset/de_DE/base.js" aria-label="YouTube-Videoplayer">
-
violations
aria-label attribute cannot be used on a a with no valid role attribute.
показати html:
<a class="ytp-title-channel-logo" target="_blank" aria-label="Bild von ХІСТ Університет Україна" style="background-image: url("https://yt3.ggpht.com/ytc/AIf8zZQsJNHNpHQUBdP95V_cdGFNbJ9NHRCtQGq0WNgW=s68-c-k-c0x00ffffff-no-rj");"></a>
1.4.3
wcag2aa
serious
Elements must meet minimum color contrast ratio thresholds
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<h1 class="sppb-fullwidth-title fadeInDown sppb-wow fadeInDown sppb-animated" style="visibility: visible; animation-name: fadeInDown;">
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<small class="sppb-slidehsow-sub-title fadeInDown sppb-wow fadeInDown sppb-animated" data-sppb-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInDown;">Вступна кампанія 2021</small>
-
incomplete
Element's background color could not be determined because it is overlapped by another element
показати html:
<p class="details fadeInLeftBig sppb-wow fadeInLeftBig sppb-animated" data-sppb-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInLeftBig;">Не втратьте свій шанс стати одним з наших найкращих студентів!</p>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a href="https://www.facebook.com/hist.ua" id="btn-1626775006898" class="sppb-btn sppb-btn-warning sppb-btn-rounded sppb-btn-3d">Слідкуй за новинами на нашій сторінці Facebook</a>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a href="https://dobro.ua/project/sport_bez_obmezhen/" id="btn-1490173561414" class="sppb-btn sppb-btn-link sppb-btn-rounded">Детальніше <i class="fa fa-angle-right"></i></a>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a href="https://forms.gle/YGxtCENP9H8JuQnw7" id="btn-1654589194281" class="sppb-btn sppb-btn-default sppb-btn-block sppb-btn-rounded sppb-btn-gradient">Запитання від АБІТУРІЄНТА</a>
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a class="sppb-btn sppb-btn-primary sppb-btn-rounded sppb-btn-gradient sppb-magnific-popup sppb-modal-selector" data-popup_type="inline" data-mainclass="mfp-no-margins mfp-with-zoom" href="#sppb-modal-1626348286172" id="sppb-modal-1626348286172-selector">
-
incomplete
Element's background color could not be determined due to a pseudo element
показати html:
<a href="/index.php/home/news" id="btn-1490176960089" class="sppb-btn sppb-major-btn-link sppb-btn-link sppb-btn-rounded">Переглянути усі новини <i class="fa fa-angle-right" aria-hidden="true"></i></a>
-
incomplete
Element's background color could not be determined because element contains an image node
показати html:
<div class="leaflet-control-attribution leaflet-control"><a href="https://leafletjs.com" title="A JS library for interactive maps">Leaflet</a> | © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a></div>
-
incomplete
Element's background color could not be determined because element contains an image node
показати html:
<a href="https://leafletjs.com" title="A JS library for interactive maps">Leaflet</a>
-
incomplete
Element's background color could not be determined because element contains an image node
показати html:
<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>
-
incomplete
Element's background color could not be determined because it partially overlaps other elements
показати html:
<div class="sp-cookie-consent-content">Ми використовуємо cookies щоб забезпечити вам найкращий експіріенс від сайту</div>
1.2.2
wcag2a
critical
<video> elements must have captions
-
incomplete
Check that captions is available for the element
показати html:
<video tabindex="-1" class="video-stream html5-main-video" webkit-playsinline="" playsinline="" controlslist="nodownload" style="width: 690px; height: 388px; left: 0px; top: -388px;"></video>
4.1.2
wcag2a
serious
Frames must have an accessible name
-
violations
Element has no title attribute
показати html:
<iframe class="sppb-embed-responsive-item" src="//www.youtube.com/embed/EtcNvZo8Clg?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy"></iframe>
-
violations
aria-label attribute does not exist or is empty
показати html:
<iframe class="sppb-embed-responsive-item" src="//www.youtube.com/embed/EtcNvZo8Clg?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy"></iframe>
-
violations
aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
показати html:
<iframe class="sppb-embed-responsive-item" src="//www.youtube.com/embed/EtcNvZo8Clg?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy"></iframe>
-
violations
Element's default semantics were not overridden with role="none" or role="presentation"
показати html:
<iframe class="sppb-embed-responsive-item" src="//www.youtube.com/embed/EtcNvZo8Clg?iv_load_policy=3&rel=1" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" loading="lazy"></iframe>