choippo.edu.ua

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

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

Деталі

aria-prohibited-attr

4.1.2 wcag2a serious Elements must only use permitted ARIA attributes
  1. 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-small-mode ytp-tiny-mode" tabindex="-1" id="movie_player" data-version="/s/player/717a6f94/player_ias.vflset/de_DE/base.js" aria-label="YouTube-Videoplayer">
  2. 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(&quot;https://yt3.ggpht.com/ytc/AIf8zZQe0OP83oBvHry7jLUscBXLcY48nFfXyh1N89gbiQ=s68-c-k-c0x00ffffff-no-rj&quot;);"></a>

video-caption

1.2.2 wcag2a critical <video> elements must have captions
  1. 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: 151px; height: 85px; left: 0px; top: -85px;"></video>

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="submit" class="search-submit">
  2. violations aria-label attribute does not exist or is empty
    показати html: 
    <button type="submit" class="search-submit">
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button type="submit" class="search-submit">
  4. violations Element has no title attribute
    показати html: 
    <button type="submit" class="search-submit">
  5. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button type="submit" class="search-submit">

color-contrast

1.4.3 wcag2aa serious Elements must meet minimum color contrast ratio thresholds
  1. violations Element has insufficient color contrast of 4.46 (foreground color: #3e7ea1- background color: #ffffff- font size: 13.5pt (18px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <span style="color: #3e7ea1">Чернігівський обласний інститут післядипломної педагогічної освіти імені К. Д. Ушинського<br>K. D. Ushynskyi Chernihiv Regional Institute of Postgraduate Pedagogical Education</span>
  2. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>(на виконання обласної Програми сприяння функціонуванню української мови як державної в Чернігівській області на 2023–2028 роки (Розпорядження Чернігівської обласної військової адміністрації від 21.04.2023 року № 196))</p>
  3. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>
  4. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <em>Мета</em>
  5. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Тематика курсів може коригуватися залежно від запитів слухачів.</p>
  6. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Запрошуємо фізичних осіб- працівників підприємств- установ та організацій усіх форм власності.</p>
  7. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Програма розрахована на <strong>30</strong> годин.</p>
  8. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <strong>30</strong>
  9. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>За результатами навчання буде видано сертифікат.</p>
  10. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Реєстрацію продовжено за покликанням: <a href="https://docs.google.com/forms/d/e/1FAIpQLScf-NwxWzgFwrL7ZuEKFsknqni7MyhTsUYtanV7MlahXt_1CA/viewform" target="_blank" rel="noopener">https://docs.google.com/forms/d/e/1FAIpQLScf-NwxWzgFwrL7ZuEKFsknqni7MyhTsUYtanV7MlahXt_1CA/viewform</a></p>
  11. violations Element has insufficient color contrast of 2.48 (foreground color: #0cb4ce- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://docs.google.com/forms/d/e/1FAIpQLScf-NwxWzgFwrL7ZuEKFsknqni7MyhTsUYtanV7MlahXt_1CA/viewform" target="_blank" rel="noopener">https://docs.google.com/forms/d/e/1FAIpQLScf-NwxWzgFwrL7ZuEKFsknqni7MyhTsUYtanV7MlahXt_1CA/viewform</a>
  12. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p><strong>Дата початку курсів</strong> буде визначена відповідно до результатів комплектації груп.</p>
  13. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <strong>Дата початку курсів</strong>
  14. violations Element has insufficient color contrast of 4.29 (foreground color: #7a7a7a- background color: #ffffff- font size: 12.0pt (16px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Детальна інформація – в інформаційному листі.</p>
  15. violations Element has insufficient color contrast of 2.48 (foreground color: #0cb4ce- background color: #ffffff- font size: 19.4pt (25.888px)- font weight: normal). Expected contrast ratio of 3:1
    показати html: 
    <a href="https://drive.google.com/file/d/10iRiZW8Phhi50rCUeqr5JId9cInHJ4-3/view?usp=sharing" target="_blank" rel="noopener">Інформаційний лист</a>
  16. violations Element has insufficient color contrast of 2.48 (foreground color: #0cb4ce- background color: #ffffff- font size: 17.0pt (22.652px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <strong><span style="color: #3366ff;">Методичні рекомендації </span>керівникам закладів освіти щодо проведення профілактичних та просвітницьких заходів з метою попередження залучення здобувачів освіти до небезпечних </strong>
  17. violations Element has insufficient color contrast of 2.48 (foreground color: #0cb4ce- background color: #ffffff- font size: 17.0pt (22.652px)- font weight: bold). Expected contrast ratio of 3:1
    показати html: 
    <strong>молодіжних рухів</strong>
  18. violations Element has insufficient color contrast of 2.48 (foreground color: #0cb4ce- background color: #ffffff- font size: 17.0pt (22.652px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://choippo.edu.ua/?page_id=33608" target="_blank" rel="noopener">Інструменти для організації дистанційного навчання учнів засобами інформаційно-комунікаційних технологій</a>
  19. violations Element has insufficient color contrast of 3.99 (foreground color: #ff0000- background color: #ffffff- font size: 11.3pt (15px)- font weight: bold). Expected contrast ratio of 4.5:1
    показати html: 
    <span style="color: #ff0000;">Реєстрація на курси </span>

frame-title

4.1.2 wcag2a serious Frames must have an accessible name
  1. violations Element has no title attribute
    показати html: 
    <iframe src="https://www.youtube.com/embed/XqDzloeX1gI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="fitvid0"></iframe>
  2. violations aria-label attribute does not exist or is empty
    показати html: 
    <iframe src="https://www.youtube.com/embed/XqDzloeX1gI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="fitvid0"></iframe>
  3. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <iframe src="https://www.youtube.com/embed/XqDzloeX1gI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="fitvid0"></iframe>
  4. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <iframe src="https://www.youtube.com/embed/XqDzloeX1gI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="fitvid0"></iframe>

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- initial-scale=1- maximum-scale=1.0- user-scalable=no">