www.bar-bgpk.com.ua

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

Критерій Рівень Результат
1.1.1 A VIOLATION
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 PASS
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 INAPPLICABLE
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 with role "null".
    показати html: 
    <div class="gallery-item-container item-container-regular has-custom-focus visible hover-animation-fade-in" id="pgif7b3401ae70240218fef171dfac534d2_0" tabindex="0" aria-label="Згасла свічка Ганни Ружанської" data-hash="f7b3401a-e702-4021-8fef-171dfac534d2" data-id="f7b3401a-e702-4021-8fef-171dfac534d2" data-idx="0" role="" data-hook="item-container" style="overflow-y:hidden;position:absolute;bottom:auto;margin:0;top:0;left:0;right:auto;width:315px;height:206px;overflow:hidden;transition:opacity .2s ease;opacity:1;display:block">
  2. incomplete aria-label attribute is not well supported with role "null".
    показати html: 
    <div class="gallery-item-container item-container-regular has-custom-focus visible hover-animation-fade-in" id="pgi6ce86393fb43451aac9a0cc350acf43b_1" tabindex="-1" aria-label="Соборна мати Україна – одна на всіх- як оберіг" data-hash="6ce86393-fb43-451a-ac9a-0cc350acf43b" data-id="6ce86393-fb43-451a-ac9a-0cc350acf43b" data-idx="1" role="" data-hook="item-container" style="overflow-y:hidden;position:absolute;bottom:auto;margin:0;top:211px;left:0;right:auto;width:315px;height:131px;overflow:hidden;transition:opacity .2s ease;opacity:1;display:block">
  3. incomplete aria-label attribute is not well supported with role "null".
    показати html: 
    <div class="gallery-item-container item-container-regular has-custom-focus visible hover-animation-fade-in" id="pgiaa75cc53bbad407a9e4054bf960c27dc_2" tabindex="-1" aria-label="РІЗДВЯНЕ ДИВО" data-hash="aa75cc53-bbad-407a-9e40-54bf960c27dc" data-id="aa75cc53-bbad-407a-9e40-54bf960c27dc" data-idx="2" role="" data-hook="item-container" style="overflow-y:hidden;position:absolute;bottom:auto;margin:0;top:347px;left:0;right:auto;width:315px;height:100px;overflow:hidden;transition:opacity .2s ease;opacity:1;display:block">
  4. incomplete aria-label attribute is not well supported with role "null".
    показати html: 
    <div class="gallery-item-container item-container-regular has-custom-focus visible hover-animation-fade-in" id="pgib1b2e6b227764df58d8448f2782aa167_3" tabindex="-1" aria-label="Назавжди – 26…" data-hash="b1b2e6b2-2776-4df5-8d84-48f2782aa167" data-id="b1b2e6b2-2776-4df5-8d84-48f2782aa167" data-idx="3" role="" data-hook="item-container" style="overflow-y:hidden;position:absolute;bottom:auto;margin:0;top:452px;left:0;right:auto;width:315px;height:115px;overflow:hidden;transition:opacity .2s ease;opacity:1;display:block">
  5. incomplete aria-label attribute is not well supported with role "null".
    показати html: 
    <div class="gallery-item-container item-container-regular has-custom-focus visible hover-animation-fade-in" id="pgi332cbe0216b04f6dbea0c794244c4785_4" tabindex="-1" aria-label="ФЕЄРІЯ НАТХНЕННЯ" data-hash="332cbe02-16b0-4f6d-bea0-c794244c4785" data-id="332cbe02-16b0-4f6d-bea0-c794244c4785" data-idx="4" role="" data-hook="item-container" style="overflow-y:hidden;position:absolute;bottom:auto;margin:0;top:572px;left:0;right:auto;width:315px;height:97px;overflow:hidden;transition:opacity .2s ease;opacity:1;display:block">

aria-valid-attr-value

4.1.2 wcag2a critical ARIA attributes must conform to valid values
  1. incomplete ARIA attribute element ID does not exist on the page: aria-labelledby="https://drive.google.com/file/d/1SaorjQxqmJ76eCYPDg062f468kX9-NUe/view?usp=share_link"
    показати html: 
    <div role="img" aria-labelledby="https://drive.google.com/file/d/1SaorjQxqmJ76eCYPDg062f468kX9-NUe/view?usp=share_link"></div>

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 because it is overlapped by another element
    показати html: 
    <span style="letter-spacing:normal;" class="wixui-rich-text__text">Комунальний заклад вищої освіти<br class="wixui-rich-text__text"> "Барський гуманітарно-педагогічний коледж<br class="wixui-rich-text__text"> імені Михайла Грушевського"</span>
  2. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">ВІТАЄМО!</span>
  3. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#4FF6FF;" class="wixui-rich-text__text">«Бути- жити- творити- світити вільною душею!»</span>
  4. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#FDDB51;" class="wixui-rich-text__text">Михайло Грушевський</span>
  5. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn00label">ГОЛОВНА</p>
  6. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn01label">НОВИНИ</p>
  7. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn02label">ПРО КОЛЕДЖ</p>
  8. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn03label">ОСВІТНЯ ДІЯЛЬНІСТЬ</p>
  9. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn04label">АБІТУРІЄНТАМ</p>
  10. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn05label">СТУДЕНТАМ</p>
  11. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn06label">ВИКЛАДАЧАМ</p>
  12. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p class="AFa7Ix" style="text-align: center; line-height: 31px;" id="DrpDwnMn0__more__label">More</p>
  13. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="YT_9QV">Увійти</span>
  14. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">ВІТАЛЬНЕ СЛОВО ДИРЕКТОРА</span>
  15. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="StylableButton2545352419__label wixui-button__label" data-testid="stylablebutton-label">ВАКАНТНІ ПОСАДИ</span>
  16. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-size:16px;" class="wixui-rich-text__text">Шановні гості нашого сайту!</span>
  17. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-style:italic;" class="wixui-rich-text__text">
  18. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">за навчання- </span>
  19. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="color_15 wixui-rich-text__text">&nbsp; &nbsp;«До творчості студента – через творчість викладача» – така стратегічна лінія- що визначає діяльність колективу навчального закладу.</span>
  20. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="color_15 wixui-rich-text__text">
  21. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="color_15 wixui-rich-text__text">
  22. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="color_15 wixui-rich-text__text">
  23. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="color_15 wixui-rich-text__text">&nbsp; Узявши напрямок у науку- ми не помилилися- а навпаки – випередили час!</span>
  24. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="color_15 wixui-rich-text__text">&nbsp; Зичу всім нам творчої співпраці на шляху творення новітньої освіти в Україні!</span>
  25. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-style:italic;" class="wixui-rich-text__text">Директор КЗВО «Барський гуманітарно-педагогічний коледж </span>
  26. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-style:italic;" class="wixui-rich-text__text">імені Михайла Грушевського»- кандидат педагогічних наук&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span>
  27. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-style:italic;" class="wixui-rich-text__text">П.Н. Савчук</span>
  28. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="M3I7Z2 wixui-button__label">План роботи коледжу на 23/24 н.р.</span>
  29. incomplete Element's background color could not be determined because it partially overlaps other elements
    показати html: 
    <p class="bD0vt9 KNiaIk" style="-webkit-line-clamp:3;width:calc(100% - 12)">Згасла свічка Ганни Ружанської</p>
  30. incomplete Element's background color could not be determined because it partially overlaps other elements
    показати html: 
    <p class="bD0vt9 KNiaIk" style="-webkit-line-clamp:3;width:calc(100% - 12)">Соборна мати Україна – одна на всіх- як оберіг</p>
  31. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="IX1NLE wixui-button__label">Оголошення</span>
  32. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="StylableButton2545352419__label wixui-button__label" data-testid="stylablebutton-label">ПАРТНЕРИ КОЛЕДЖУ</span>
  33. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="IX1NLE wixui-button__label">Анкета абітурієнта - 2023</span>
  34. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">Реєстрація особистих електронних кабінетів</span>
  35. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="letter-spacing:normal;" class="wixui-rich-text__text">Актуальні новини</span>
  36. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">РЕЄСТР СУБ'ЄКТІВ<br class="wixui-rich-text__text"> ОСВІТНЬОЇ ДІЯЛЬНОСТІ</span>
  37. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="IX1NLE wixui-button__label">Обережно! Гепатит!</span>
  38. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="IX1NLE wixui-button__label">Наказ щодо продовження обмежувальних заходів у коледжі</span>
  39. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="IX1NLE wixui-button__label">Протиепідемічні заходи на період карантину у зв’язку з поширенням коронавірусної хвороби Covid-19</span>
  40. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">РАХУНОК ОПЛАТИ ЗА НАВЧАННЯ ТА </span>
  41. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">ЗА ПРОЖИВАННЯ У ГУРТОЖИТКУ</span>
  42. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">КЗВО "Барський гуманітарно-педагогічний </span>
  43. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">коледж імені Михайла Грушевського"</span>
  44. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">р/р UA208201720314231014201047115</span>
  45. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="text-decoration:underline;" class="wixui-rich-text__text">Призначення платежу: </span>
  46. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">за гуртожиток</span>
  47. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-weight:bold;" class="wixui-rich-text__text">БЛАГОДІЙНИЙ ВНЕСОК</span>
  48. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">КЗВО "Барський гуманітарно-педагогічний </span>
  49. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">коледж імені Михайла Грушевського"</span>
  50. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">р/р UA478201720314241014301047115</span>
  51. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="text-decoration:underline;" class="wixui-rich-text__text">Призначення платежу: </span>
  52. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="color:#000000;" class="wixui-rich-text__text">благодійний внесок</span>
  53. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="text-decoration:underline;" class="wixui-rich-text__text">ДОПОМОГА БІЙЦЯМ АТО</span>
  54. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="text-decoration:underline;" class="wixui-rich-text__text">УВАГА! ЦИВІЛЬНИЙ ЗАХИСТ</span>
  55. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="text-decoration:underline;" class="wixui-rich-text__text">АВТОШКОЛА "АВТО-СТАРТ"</span>
  56. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-family:helvetica-w01-roman-helvetica-w02-light-sans-serif;" class="wixui-rich-text__text">Лічильник:</span>
  57. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-size:15px;" class="wixui-rich-text__text">© КЗВО "Барський гуманітарно-педагогічний коледж імені Михайла Грушевського"</span>
  58. violations Element has insufficient color contrast of 2.56 (foreground color: #0a4495- background color: #5288d4- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p class="bD0vt9 KNiaIk" style="-webkit-line-clamp:3;width:calc(100% - 12)">РІЗДВЯНЕ ДИВО</p>
  59. violations Element has insufficient color contrast of 2.56 (foreground color: #0a4495- background color: #5288d4- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p class="bD0vt9 KNiaIk" style="-webkit-line-clamp:3;width:calc(100% - 12)">Назавжди – 26…</p>
  60. violations Element has insufficient color contrast of 2.56 (foreground color: #0a4495- background color: #5288d4- font size: 10.5pt (14px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <p class="bD0vt9 KNiaIk" style="-webkit-line-clamp:3;width:calc(100% - 12)">ФЕЄРІЯ НАТХНЕННЯ</p>

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 data-testid="linkElement" href="http://pedpresa.ua/" target="_blank" class="j7pOnl">
  2. violations Element does not have text that is visible to screen readers
    показати html: 
    <a data-testid="linkElement" href="http://ukc.gov.ua/" target="_blank" class="j7pOnl">
  3. violations aria-label attribute does not exist or is empty
    показати html: 
    <a data-testid="linkElement" href="http://ukc.gov.ua/" target="_blank" class="j7pOnl">
  4. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a data-testid="linkElement" href="http://ukc.gov.ua/" target="_blank" class="j7pOnl">
  5. violations Element has no title attribute
    показати html: 
    <a data-testid="linkElement" href="http://ukc.gov.ua/" target="_blank" class="j7pOnl">
  6. violations Element is in tab order and does not have accessible text
    показати html: 
    <a data-testid="linkElement" href="http://ukc.gov.ua/" target="_blank" class="j7pOnl">
  7. violations Element does not have text that is visible to screen readers
    показати html: 
    <a data-testid="linkElement" href="http://mon.gov.ua/" target="_blank" class="j7pOnl">
  8. violations aria-label attribute does not exist or is empty
    показати html: 
    <a data-testid="linkElement" href="http://mon.gov.ua/" target="_blank" class="j7pOnl">
  9. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a data-testid="linkElement" href="http://mon.gov.ua/" target="_blank" class="j7pOnl">
  10. violations Element has no title attribute
    показати html: 
    <a data-testid="linkElement" href="http://mon.gov.ua/" target="_blank" class="j7pOnl">
  11. violations Element is in tab order and does not have accessible text
    показати html: 
    <a data-testid="linkElement" href="http://mon.gov.ua/" target="_blank" class="j7pOnl">
  12. violations Element does not have text that is visible to screen readers
    показати html: 
    <a data-testid="linkElement" href="http://rada.gov.ua/" target="_blank" class="j7pOnl">
  13. violations aria-label attribute does not exist or is empty
    показати html: 
    <a data-testid="linkElement" href="http://rada.gov.ua/" target="_blank" class="j7pOnl">
  14. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a data-testid="linkElement" href="http://rada.gov.ua/" target="_blank" class="j7pOnl">
  15. violations Element has no title attribute
    показати html: 
    <a data-testid="linkElement" href="http://rada.gov.ua/" target="_blank" class="j7pOnl">
  16. violations Element is in tab order and does not have accessible text
    показати html: 
    <a data-testid="linkElement" href="http://rada.gov.ua/" target="_blank" class="j7pOnl">
  17. violations aria-label attribute does not exist or is empty
    показати html: 
    <a data-testid="linkElement" href="http://pedpresa.ua/" target="_blank" class="j7pOnl">
  18. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a data-testid="linkElement" href="http://pedpresa.ua/" target="_blank" class="j7pOnl">
  19. violations Element has no title attribute
    показати html: 
    <a data-testid="linkElement" href="http://pedpresa.ua/" target="_blank" class="j7pOnl">
  20. violations Element is in tab order and does not have accessible text
    показати html: 
    <a data-testid="linkElement" href="http://pedpresa.ua/" target="_blank" class="j7pOnl">
  21. violations Element does not have text that is visible to screen readers
    показати html: 
    <a data-testid="linkElement" href="http://vin-osvita.gov.ua" target="_blank" class="j7pOnl">
  22. violations aria-label attribute does not exist or is empty
    показати html: 
    <a data-testid="linkElement" href="http://vin-osvita.gov.ua" target="_blank" class="j7pOnl">
  23. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a data-testid="linkElement" href="http://vin-osvita.gov.ua" target="_blank" class="j7pOnl">
  24. violations Element has no title attribute
    показати html: 
    <a data-testid="linkElement" href="http://vin-osvita.gov.ua" target="_blank" class="j7pOnl">
  25. violations Element is in tab order and does not have accessible text
    показати html: 
    <a data-testid="linkElement" href="http://vin-osvita.gov.ua" target="_blank" class="j7pOnl">

role-img-alt

1.1.1 wcag2a serious [role="img"] elements must have an alternative text
  1. violations aria-label attribute does not exist or is empty
    показати html: 
    <div class="eNezrc" role="img" data-testid="gallery-item-click-action-disabled">
  2. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <div class="eNezrc" role="img" data-testid="gallery-item-click-action-disabled">
  3. violations Element has no title attribute
    показати html: 
    <div class="eNezrc" role="img" data-testid="gallery-item-click-action-disabled">
  4. violations aria-label attribute does not exist or is empty
    показати html: 
    <div role="img" aria-labelledby="https://drive.google.com/file/d/1SaorjQxqmJ76eCYPDg062f468kX9-NUe/view?usp=share_link"></div>
  5. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <div role="img" aria-labelledby="https://drive.google.com/file/d/1SaorjQxqmJ76eCYPDg062f468kX9-NUe/view?usp=share_link"></div>
  6. violations Element has no title attribute
    показати html: 
    <div role="img" aria-labelledby="https://drive.google.com/file/d/1SaorjQxqmJ76eCYPDg062f468kX9-NUe/view?usp=share_link"></div>