artip.com.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 PASS
1.4.1 A VIOLATION
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 VIOLATION
3.1.1 A PASS
3.1.2 AA INAPPLICABLE
3.3.2 A VIOLATION
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 because it is overlapped by another element
    показати html: 
    <span class="theme-button-inner">Стати студентом</span>
  2. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="wpex-inline"><span class="ticon ticon-phone"></span> +38(099)447-07-28; +38(067)925-82-35</span>
  3. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="mailto:academrtp@gmail.com">academrtp@gmail.com</a>
  4. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p style="text-align: center;">Історія</p>
  5. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p style="text-align: center;">Спеціальності</p>
  6. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p style="text-align: center;">Вступ 2022</p>
  7. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p style="text-align: center;">Оголошення</p>
  8. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <p>Академія рекреаційних технологій і права – це один із сучасних закладів Волині- де працює більше 70 викладачів та навчається понад 1000 студентів. Проте- незважаючи на свій вік- він посів чільне місце серед провідних закладів вищої освіти України.</p>
  9. incomplete Element's background color could not be determined because element contains an image node
    показати html: 
    <h2 class="ult-new-ib-title ult-responsive" data-ultimate-target="#interactive-banner-wrap-5907 .ult-new-ib-title" data-responsive-json-new="{&quot;font-size&quot;:&quot;desktop:18px;&quot;-&quot;line-height&quot;:&quot;&quot;}" style="font-weight:normal;">Бакалавр</h2>
  10. incomplete Element's background color could not be determined because element contains an image node
    показати html: 
    <h2 class="ult-new-ib-title ult-responsive" data-ultimate-target="#interactive-banner-wrap-4179 .ult-new-ib-title" data-responsive-json-new="{&quot;font-size&quot;:&quot;desktop:18px;&quot;-&quot;line-height&quot;:&quot;&quot;}" style="font-weight:normal;">Магістратура</h2>
  11. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <h2 style="font-size: 25px;color: #ffffff;text-align: center" class="vc_custom_heading vc_custom_1591223902066">Актуальні посилання</h2>
  12. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Керівництво та адміністрація" style="color:#ffffff;;;" class="ult_btn10_span   ">Керівництво та адміністрація</span>
  13. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Нормативні документи" style="color:#ffffff;;;" class="ult_btn10_span   ">Нормативні документи</span>
  14. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Правила прийому до академії" style="color:#ffffff;;;" class="ult_btn10_span   ">Правила прийому до академії</span>
  15. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Перелік конкурсних предметів" style="color:#ffffff;;;" class="ult_btn10_span   ">Перелік конкурсних предметів</span>
  16. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Перелік документів для вступу" style="color:#ffffff;;;" class="ult_btn10_span   ">Перелік документів для вступу</span>
  17. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Міжнародна співпраця" style="color:#ffffff;;;" class="ult_btn10_span   ">Міжнародна співпраця</span>
  18. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Переведення та поновлення" style="color:#ffffff;;;" class="ult_btn10_span   ">Переведення та поновлення</span>
  19. incomplete Element's background color could not be determined due to a background image
    показати html: 
    <span data-hover="Історії успіху випускників" style="color:#ffffff;;;" class="ult_btn10_span   ">Історії успіху випускників</span>
  20. incomplete Element's background color could not be determined because it's partially obscured by another element
    показати html: 
    <textarea id="wpforms-2256-field_2" class="wpforms-field-medium" name="wpforms[fields][2]"></textarea>
  21. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-size: 14px"><strong>Адреса:</strong> 43023- Волинська обл.- м. Луцьк- вул. Карбишева- 2</span>
  22. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <strong>Адреса:</strong>
  23. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-size: 14px"><strong>Телефони:</strong> (0332)28-04-28- (0332)28-01-97</span>
  24. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <strong>Телефони:</strong>
  25. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span style="font-size: 14px"><strong>Мобільні:</strong> 099-447-07-28- 067-925-82-35</span>
  26. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <strong>Мобільні:</strong>
  27. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <strong>Email:</strong>
  28. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="mailto:academrtp@gmail.com">academrtp@gmail.com</a>
  29. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <strong>Корисні посилання:</strong>
  30. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="/novini/">Новини</a>
  31. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="https://artip.com.ua/studentam/osvita/grafik-navchalnogo-proczesu/">Графік навчального процесу</a>
  32. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <a href="http://artip-books.in.ua/">Електронний ресурс</a>
  33. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span>Оплата</span>
  34. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span>Зворотній зв'язок</span>
  35. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <span class="theme-button-inner">Стати студентом</span>
  36. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">29/12/2023</div>
  37. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">21/12/2023</div>
  38. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">07/12/2023</div>
  39. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">07/12/2023</div>
  40. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">06/12/2023</div>
  41. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">23/11/2023</div>
  42. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">17/11/2023</div>
  43. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">13/11/2023</div>
  44. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">10/11/2023</div>
  45. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">06/10/2023</div>
  46. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">30/09/2023</div>
  47. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">30/09/2023</div>
  48. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">29/09/2023</div>
  49. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">28/09/2023</div>
  50. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">18/09/2023</div>
  51. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">11/07/2023</div>
  52. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">27/06/2023</div>
  53. violations Element has insufficient color contrast of 4.47 (foreground color: #777777- background color: #ffffff- font size: 9.8pt (13px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <div class="vcex-post-type-entry-date" style="font-size:13px;">21/06/2023</div>
  54. violations Element has insufficient color contrast of 3.36 (foreground color: #ffffff- background color: #4f90d1- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <span data-ultimate-target="#advanced-tabs-wrap-9657 .ult-span-text" data-responsive-json-new="{&quot;font-size&quot;:&quot;desktop:15px;&quot;-&quot;line-height&quot;:&quot;&quot;}" class="ult-span-text ult-responsive" style="">Знайомство</span>
  55. violations Element has insufficient color contrast of 3.76 (foreground color: #74777b- background color: #e7ecea- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <span data-ultimate-target="#advanced-tabs-wrap-9657 .ult-span-text" data-responsive-json-new="{&quot;font-size&quot;:&quot;desktop:15px;&quot;-&quot;line-height&quot;:&quot;&quot;}" class="ult-span-text ult-responsive" style="">КВК</span>
  56. violations Element has insufficient color contrast of 3.76 (foreground color: #74777b- background color: #e7ecea- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <span data-ultimate-target="#advanced-tabs-wrap-9657 .ult-span-text" data-responsive-json-new="{&quot;font-size&quot;:&quot;desktop:15px;&quot;-&quot;line-height&quot;:&quot;&quot;}" class="ult-span-text ult-responsive" style="">Стажування</span>
  57. violations Element has insufficient color contrast of 3.76 (foreground color: #74777b- background color: #e7ecea- font size: 11.3pt (15px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <span data-ultimate-target="#advanced-tabs-wrap-9657 .ult-span-text" data-responsive-json-new="{&quot;font-size&quot;:&quot;desktop:15px;&quot;-&quot;line-height&quot;:&quot;&quot;}" class="ult-span-text ult-responsive" style="">Відео</span>
  58. violations Element has insufficient color contrast of 3.84 (foreground color: #74777b- background color: #ededed- font size: 9.0pt (12px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <strong>Знайомство з експертною службою МВС України</strong>
  59. violations Element has insufficient color contrast of 3.84 (foreground color: #74777b- background color: #ededed- font size: 9.0pt (12px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <strong>Студенти Академії відвідали Волинський науково-дослідний експертно-криміналістичний центр МВС України- де мали змогу ознайомитись з основними напрямками діяльності Центру- поспілкуватись з фахівцями в галузі проведення різних видів криміналістичних досліджень.</strong>
  60. violations Element has insufficient color contrast of 1.42 (foreground color: #ffffff- background color: #fbd542- font size: 11.1pt (14.7752px)- font weight: normal). Expected contrast ratio of 4.5:1
    показати html: 
    <a href="/kontakti/" class="theme-button" target="_blank">Як добратись</a>

duplicate-id-aria

4.1.2 wcag2a critical IDs used in ARIA and labels must be unique
  1. incomplete Document has multiple elements referenced with ARIA with the same id attribute: wpforms-2256-field_0
    показати html: 
    <input type="text" id="wpforms-2256-field_0" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][0][first]" required="">
  2. incomplete Document has multiple elements referenced with ARIA with the same id attribute: wpforms-2256-field_0-last
    показати html: 
    <input type="text" id="wpforms-2256-field_0-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][0][last]" required="">
  3. incomplete Document has multiple elements referenced with ARIA with the same id attribute: wpforms-2256-field_1
    показати html: 
    <input type="email" id="wpforms-2256-field_1" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][1]" required="">
  4. incomplete Document has multiple elements referenced with ARIA with the same id attribute: wpforms-2256-field_5
    показати html: 
    <input type="text" id="wpforms-2256-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" required="">
  5. incomplete Document has multiple elements referenced with ARIA with the same id attribute: wpforms-2256-field_2
    показати html: 
    <textarea id="wpforms-2256-field_2" class="wpforms-field-medium" name="wpforms[fields][2]"></textarea>

form-field-multiple-labels

3.3.2 wcag2a moderate Form field must not have multiple label elements
  1. incomplete Multiple label elements is not widely supported in assistive technologies. Ensure the first label contains all necessary information.
    показати html: 
    <input type="text" id="wpforms-2256-field_0" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][0][first]" required="">

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

link-name

2.4.4 4.1.2 wcag2a serious Links must have discernible text
  1. violations Element has no title attribute
    показати html: 
    <a href="https://telegram.me/vstup2020artip" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Telegram" data-hover="Telegram">
  2. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="https://telegram.me/vstup2020artip" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Telegram" data-hover="Telegram">
  3. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="https://telegram.me/vstup2020artip" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Telegram" data-hover="Telegram">
  4. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="https://telegram.me/vstup2020artip" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Telegram" data-hover="Telegram">
  5. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="https://telegram.me/vstup2020artip" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Telegram" data-hover="Telegram">
  6. violations Element does not have text that is visible to screen readers
    показати html: 
    <a href="https://m.me/artip.lutsk" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Facebook_Messenger" data-hover="Facebook Messenger">
  7. violations aria-label attribute does not exist or is empty
    показати html: 
    <a href="https://m.me/artip.lutsk" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Facebook_Messenger" data-hover="Facebook Messenger">
  8. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <a href="https://m.me/artip.lutsk" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Facebook_Messenger" data-hover="Facebook Messenger">
  9. violations Element has no title attribute
    показати html: 
    <a href="https://m.me/artip.lutsk" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Facebook_Messenger" data-hover="Facebook Messenger">
  10. violations Element is in tab order and does not have accessible text
    показати html: 
    <a href="https://m.me/artip.lutsk" target="_blank" class="chaty-tooltip pos-left" data-form="chaty-form-0-Facebook_Messenger" data-hover="Facebook Messenger">

link-in-text-block

1.4.1 wcag2a serious Links must be distinguishable without relying on color
  1. violations The link has insufficient color contrast of 1.48:1 with the surrounding text. (Minimum contrast is 3:1- link text: #bbbbbb- surrounding text: #999999)
    показати html: 
    <a href="#">АРТіП</a>
  2. violations The link has no styling (such as underline) to distinguish it from the surrounding text
    показати html: 
    <a href="#">АРТіП</a>