vgpk.edu.ua

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

Критерій Рівень Результат
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 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 PASS
3.1.1 A PASS
3.1.2 AA INAPPLICABLE
3.3.2 A INAPPLICABLE
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: 
    <h2 class="kt-adv-heading7850_39adb2-12 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading7850_39adb2-12">Вступ 2023</h2>
  2. incomplete Element's background color could not be determined due to a pseudo element
    показати html: 
    <span class="kt-btn-inner-text">Докладніше</span>
  3. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button class="slick-prev slick-arrow" aria-label="Previous" type="button" style="">Previous</button>
  4. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a class="wp-block-getwid-template-post-title__link" href="https://vgpk.edu.ua/bohdan-yatsenko/" tabindex="0">Богдан Яценко</a>
  5. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button>
  6. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 8" tabindex="0" aria-selected="true">1</button>
  7. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 8" tabindex="-1">2</button>
  8. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 8" tabindex="-1">3</button>
  9. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 8" tabindex="-1">4</button>
  10. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 8" tabindex="-1">5</button>
  11. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 8" tabindex="-1">6</button>
  12. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control06" aria-controls="slick-slide06" aria-label="7 of 8" tabindex="-1">7</button>
  13. incomplete Element has a 1:1 contrast ratio with the background
    показати html: 
    <button type="button" role="tab" id="slick-slide-control07" aria-controls="slick-slide07" aria-label="8 of 8" tabindex="-1">8</button>
  14. incomplete Element's background color could not be determined due to a background gradient
    показати html: 
    <div class="kadence-blocks-gallery-item__caption">Народна аматорська хорова капелла “Соломія”</div>
  15. incomplete Element's background color could not be determined due to a background gradient
    показати html: 
    <div class="kadence-blocks-gallery-item__caption">Практика “Пробні уроки”</div>
  16. incomplete Element's background color could not be determined due to a background gradient
    показати html: 
    <div class="kadence-blocks-gallery-item__caption">Табірний збір з підготовки до роботи з дітьми </div>
  17. incomplete Element's background color could not be determined due to a background gradient
    показати html: 
    <div class="kadence-blocks-gallery-item__caption">Народний аматорський амсамбль “Веселка”</div>
  18. incomplete Element's background color could not be determined due to a background gradient
    показати html: 
    <div class="kadence-blocks-gallery-item__caption">Народний аматорський ансамбль бандуристів</div>
  19. incomplete Element's background color could not be determined due to a background gradient
    показати html: 
    <div class="kadence-blocks-gallery-item__caption">Народний аматорський хореографічний колектив “Барви весни”</div>
  20. violations Element has insufficient color contrast of 3.41 (foreground color: #6782fa- background color: #ffffff- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a class="entry-button" data-type="simple" href="https://vgpk.edu.ua/news/pro-rezultaty-roboty-kruhloho-stolu-profesiyna-kvalifikatsiia-tse-vidpovidnist-zaymaniy-posadi-pidtverdzhena-prysvoiena-kvalifikatsiyna-katehoriia-chy-pedahohichne-zvannia/">
  21. violations Element has insufficient color contrast of 3.41 (foreground color: #6782fa- background color: #ffffff- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a class="entry-button" data-type="simple" href="https://vgpk.edu.ua/news/novorichna-kazka-2024/">
  22. violations Element has insufficient color contrast of 3.41 (foreground color: #6782fa- background color: #ffffff- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a class="entry-button" data-type="simple" href="https://vgpk.edu.ua/news/16-dniv-proty-nasylstva/">
  23. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p class="has-text-color" style="color:#6d787e">Структура</p>
  24. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://vgpk.edu.ua/college/">Коледж фахової передвищої освіти</a>
  25. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://vgpk.edu.ua/litsey/">Обласний науковий ліцей-інтернат</a>
  26. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://vgpk.edu.ua/ff/">Філологічний факультет</a>
  27. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://vgpk.edu.ua/fdo/">Факультет дошкільної освіти та музичного мистецтва</a>
  28. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://vgpk.edu.ua/pf/">Факультет педагогіки та фінансово-економічної діяльності</a>
  29. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p>Copyright © 2024 Комунальний заклад вищої освіти «Вінницький гуманітарно-педагогічний коледж»</p>
  30. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p style="text-align: right;">Хостинг <a href="https://hyperhost.ua/client/aff.php?aff=101&amp;page=uk">Hyperhost.ua</a></p>
  31. violations Element has insufficient color contrast of 4.14 (foreground color: #6d787e- background color: #f1f6f4- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="https://hyperhost.ua/client/aff.php?aff=101&amp;page=uk">Hyperhost.ua</a>

button-name

4.1.2 wcag2a critical Buttons must have discernible text
  1. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button class="blockslider-next-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M8 6L14 10.03L8 14V6Z" fill="black"></path></svg></button>
  2. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button class="blockslider-prev-btn blockslider-button-disabled" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M13 14L7 9.97L13 6V14Z" fill="black"></path></svg></button>
  3. violations aria-label attribute does not exist or is empty
    показати html: 
    <button class="blockslider-prev-btn blockslider-button-disabled" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M13 14L7 9.97L13 6V14Z" fill="black"></path></svg></button>
  4. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button class="blockslider-prev-btn blockslider-button-disabled" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M13 14L7 9.97L13 6V14Z" fill="black"></path></svg></button>
  5. violations Element has no title attribute
    показати html: 
    <button class="blockslider-prev-btn blockslider-button-disabled" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M13 14L7 9.97L13 6V14Z" fill="black"></path></svg></button>
  6. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button class="blockslider-prev-btn blockslider-button-disabled" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M13 14L7 9.97L13 6V14Z" fill="black"></path></svg></button>
  7. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button class="blockslider-next-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M8 6L14 10.03L8 14V6Z" fill="black"></path></svg></button>
  8. violations aria-label attribute does not exist or is empty
    показати html: 
    <button class="blockslider-next-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M8 6L14 10.03L8 14V6Z" fill="black"></path></svg></button>
  9. violations Element has no title attribute
    показати html: 
    <button class="blockslider-next-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M8 6L14 10.03L8 14V6Z" fill="black"></path></svg></button>
  10. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button class="blockslider-next-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M8 6L14 10.03L8 14V6Z" fill="black"></path></svg></button>