forlan.org.ua

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

Критерій Рівень Результат
1.1.1 A PASS
1.2.1 A INAPPLICABLE
1.2.2 A INAPPLICABLE
1.3.1 A INAPPLICABLE
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 PASS
3.1.1 A VIOLATION
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 Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Запис на консультацію </h4>
  2. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  3. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  4. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  5. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  6. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  7. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  8. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  9. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  10. incomplete Element's background color could not be determined because it is overlapped by another element
    показати html: 
    <h4 class="weight-700" style="margin-bottom: 0px; font-family: Montserrat; font-size: 45px; text-transform: none; line-height: 150%; letter-spacing: 0px; color: rgb(14- 11- 44); font-style: normal;">Практична психологія</h4>
  11. incomplete Unable to determine contrast ratio
    показати html: 
    <span data-v-2bad77e0=""> Детальніше </span>
  12. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">
  13. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  14. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">Кандидат філологічних наук- доцент кафедри германської філології.</h4>
  15. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  16. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">
  17. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  18. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">
  19. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  20. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">Доктор філологічних наук- професор- завідувач кафедри світової літератури.</h4>
  21. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  22. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">Кандидат психологічних наук- доцент- завідувачка кафедри психології</h4>
  23. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  24. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">Кандидат історичних наук- доцент кафедри вітчизняної та зарубіжної історії</h4>
  25. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  26. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">
  27. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  28. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-7c715f00="" class="mt-2" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 500; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: italic;">
  29. incomplete Unable to determine contrast ratio
    показати html: 
    <h4 data-v-276fd84d="" style="color: rgb(71- 48- 137) !important; font-family: Montserrat; font-size: 0px; font-weight: 600; text-transform: none; line-height: 150%; letter-spacing: 0px; font-style: normal;"> Біографія </h4>
  30. violations Element has insufficient color contrast of 2.16 (foreground color: #6d6cb2- background color: #473089- font size: 24.4pt (32.5px)- font weight: normal). Expected contrast ratio of 3:1
    показати html: 
    <span class="true" id="wsColor">Усі права застережено © 2023 Горлівський інститут іноземних мов</span>

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 data-v-7c2d09fc="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default" style="height: 75px; width: 75px; color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255);">
  2. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button data-v-7c2d09fc="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default" style="height: 75px; width: 75px; color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255);">
  3. violations aria-label attribute does not exist or is empty
    показати html: 
    <button data-v-7c2d09fc="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default" style="height: 75px; width: 75px; color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255);">
  4. violations Element has no title attribute
    показати html: 
    <button data-v-7c2d09fc="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default" style="height: 75px; width: 75px; color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255);">
  5. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button data-v-7c2d09fc="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default" style="height: 75px; width: 75px; color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255);">
  6. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default ml-2" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; top: 50%; left: 0px; background-color: rgba(109- 108- 178- 0.4); margin-top: -18px;">
  7. violations aria-label attribute does not exist or is empty
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default ml-2" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; top: 50%; left: 0px; background-color: rgba(109- 108- 178- 0.4); margin-top: -18px;">
  8. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default ml-2" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; top: 50%; left: 0px; background-color: rgba(109- 108- 178- 0.4); margin-top: -18px;">
  9. violations Element has no title attribute
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default ml-2" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; top: 50%; left: 0px; background-color: rgba(109- 108- 178- 0.4); margin-top: -18px;">
  10. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default ml-2" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; top: 50%; left: 0px; background-color: rgba(109- 108- 178- 0.4); margin-top: -18px;">
  11. violations Element does not have inner text that is visible to screen readers
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default mr-6" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; right: 0px; top: 50%; background-color: rgb(109- 108- 178); margin-top: -18px;">
  12. violations aria-label attribute does not exist or is empty
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default mr-6" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; right: 0px; top: 50%; background-color: rgb(109- 108- 178); margin-top: -18px;">
  13. violations aria-labelledby attribute does not exist- references elements that do not exist or references elements that are empty
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default mr-6" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; right: 0px; top: 50%; background-color: rgb(109- 108- 178); margin-top: -18px;">
  14. violations Element has no title attribute
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default mr-6" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; right: 0px; top: 50%; background-color: rgb(109- 108- 178); margin-top: -18px;">
  15. violations Element's default semantics were not overridden with role="none" or role="presentation"
    показати html: 
    <button data-v-10c99642="" type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default mr-6" style="color: rgb(222- 216- 255); caret-color: rgb(222- 216- 255); position: absolute; z-index: 9; right: 0px; top: 50%; background-color: rgb(109- 108- 178); margin-top: -18px;">

html-lang-valid

3.1.1 wcag2a serious <html> element must have a valid value for the lang attribute
  1. violations Value of lang attribute not included in the list of valid languages
    показати html: 
    <html lang="ua" translate="no" class="wf-montserrat-n1-active wf-montserrat-n2-active wf-montserrat-n3-active wf-montserrat-n4-active wf-montserrat-n5-active wf-montserrat-n6-active wf-montserrat-n7-active wf-montserrat-n8-active wf-montserrat-n9-active wf-active">