Test Detail: Images must have alternate text (image-alt)
(Test for Success Criterion
1.1.1: Non-text Content:)
-
Ensures <img> elements have alternate text or a role of none or presentation
(1 occurrence)
-
Any of: Element has an alt attribute.
None of: Element has a valid alt attribute value.
About this Test
Short Description
Test Detail: Certain ARIA roles must contain particular children (aria-required-children)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures elements with an ARIA role that require child roles contain them
(2 occurences)
-
Any of: Required ARIA children are present.
About this Test
Short Description
Test Detail: Certain ARIA roles must be contained by particular parents (aria-required-parent)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures elements with an ARIA role that require parent roles are contained by them
(2 occurences)
-
Any of: Required ARIA parent role present.
About this Test
Short Description
Test Detail: <ul> and <ol> must only directly contain <li>, <script> or <template> elements (list)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures that lists are structured correctly
(6 occurences)
-
None of: List element only has direct children that are allowed inside <li> elements.
About this Test
Short Description
Test Detail: <li> elements must be contained in a <ul> or <ol> (listitem)
(Test for Success Criterion
1.3.1: Info and Relationships)
-
Ensures <li> elements are used semantically
(22 occurences)
-
Any of: List item has a <ul>, <ol> or role="list" parent element.
About this Test
Short Description
Test Detail: ARIA hidden element must not contain focusable elements (aria-hidden-focus)
(Test for Success Criterion
1.3.1, 4.1.2)
-
Ensures aria-hidden elements do not contain focusable elements
(5 occurences)
-
All of: Focusable content should have tabindex='-1' or be removed from the DOM.
-
Path: .bx-clone.sppb-articles-ticker-text[aria-hidden="true"]:nth-child(1)
- Heading
-
Code
- Code extract
-
<div class="sppb-articles-ticker-text bx-clone" style="float: none; list-style: none; position: relative; width: 775px;" aria-hidden="true">
- Problems
- * Fix all of these: Focusable content should have tabindex='-1' or be removed from the DOM.
-
Path: .sppb-articles-ticker-text[aria-hidden="true"]:nth-child(3)
- Heading
-
Code
- Code extract
-
<div class="sppb-articles-ticker-text " aria-hidden="true" style="float: none; list-style: none; position: relative; width: 775px;"><a href="/index.php/pages/services">Historia SOSW w Brzozowie w zarysie</a></div>
- Problems
- * Fix all of these: Focusable content should have tabindex='-1' or be removed from the DOM.
-
Path: .sppb-articles-ticker-text[aria-hidden="true"]:nth-child(4)
- Heading
-
Code
- Code extract
-
<div class="sppb-articles-ticker-text " aria-hidden="true" style="float: none; list-style: none; position: relative; width: 775px;"><a href="/index.php/pages/contact">PATRON </a></div>
- Problems
- * Fix all of these: Focusable content should have tabindex='-1' or be removed from the DOM.
-
Path: .sppb-articles-ticker-text[aria-hidden="true"]:nth-child(5)
- Heading
-
Code
- Code extract
-
<div class="sppb-articles-ticker-text " style="float: none; list-style: none; position: relative; width: 775px;" aria-hidden="true">
- Problems
- * Fix all of these: Focusable content should have tabindex='-1' or be removed from the DOM.
-
Path: .bx-clone.sppb-articles-ticker-text[aria-hidden="true"]:nth-child(6)
- Heading
-
Code
- Code extract
-
<div class="sppb-articles-ticker-text bx-clone" style="float: none; list-style: none; position: relative; width: 775px;" aria-hidden="true"><a href="/index.php/pages/login">RODO</a></div>
- Problems
- * Fix all of these: Focusable content should have tabindex='-1' or be removed from the DOM.
-
Ensures aria-hidden elements do not contain focusable elements
(17 occurences)
-
All of: No focusable elements while a modal is open; No focusable elements contained within element.
About this Test
Short Description
Test Detail: Form elements must have labels (label)
(Test for Success Criterion
1.3.1, 4.1.2: Info and Relationships)
-
Ensures every form element has a label
(1 occurrence)
-
Any of: Form element has an explicit <label>.
None of: Form element has a visible explicit <label>.
About this Test
Short Description
Test Detail: Inline text spacing must be adjustable with custom stylesheets (avoid-inline-spacing)
(Test for Success Criterion
1.4.1.2, 2.1.a.a)
-
Ensure that text spacing set through style attributes can be adjusted with custom stylesheets
(12 occurences)
-
All of: No inline styles with '!important' that affect text spacing has been specified.
About this Test
Short Description
Test Detail: Elements must have sufficient color contrast (color-contrast)
(Test for Success Criterion
1.4.3: Contrast (Minimum))
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(7 occurences)
-
Any of: Element has insufficient color contrast of 3.9 (foreground color: #ec430f, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 2.7 (foreground color: #f27b57, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 3.9 (foreground color: #ec430f, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1; Element has insufficient color contrast of 4.34 (foreground color: #ffffff, background color: #e91e63, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .sppb-articles-ticker-heading
- Heading
-
Code
- Code extract
-
<div class="sppb-articles-ticker-heading">Nowe artykuły</div>
- Problems
- * Fix any of these: Element has insufficient color contrast of 4.34 (foreground color: #ffffff, background color: #e91e63, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .sppb-meta-date
- Heading
-
Code
- Code extract
-
<span class="sppb-meta-date" itemprop="datePublished">08 sierpień 2023</span>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: a[itemprop="genre"]
- Heading
-
Code
- Code extract
-
<a href="/index.php/component/content/category/uncategorised?Itemid=101" itemprop="genre">Aktualności</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.9 (foreground color: #ec430f, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .sppb-meta-author
- Heading
-
Code
- Code extract
-
<span class="sppb-meta-author" itemprop="name">Daniel</span>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .sppb-readmore
- Heading
-
Code
- Code extract
-
<a class="sppb-readmore" href="/index.php/component/content/article/posiedzenie-rady-pedagogicznej?catid=2&Itemid=101" itemprop="url">Read More</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.9 (foreground color: #ec430f, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .pt-4 > .logo > a[href="\/"]
- Heading
-
Code
- Code extract
-
<a href="/">Specjalny Ośrodek Szkolno - Wychowawczy w Brzozowie</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 3.9 (foreground color: #ec430f, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Path: .item-101 > a[href="\/index\.php"]
- Heading
-
Code
- Code extract
-
<a href="/index.php">MENU</a>
- Problems
- * Fix any of these: Element has insufficient color contrast of 2.7 (foreground color: #f27b57, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1.
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(17 occurences)
-
Any of: Element content contains only non-text characters; Element's background color could not be determined because it is overlapped by another element; Element's background color could not be determined due to a background gradient; Element's background color could not be determined because it's partially obscured by another element.
-
Path: .sp-column > .logo > a[href="\/"]
- Heading
-
Code
- Code extract
-
<a href="/">Specjalny Ośrodek Szkolno - Wychowawczy w Brzozowie</a>
-
Path: a[aria-current="page"]
- Heading
-
Code
- Code extract
-
<a aria-current="page" href="/index.php">MENU</a>
-
Path: .sp-megamenu-parent > .sp-menu-item:nth-child(2) > a
- Heading
-
Code
- Code extract
-
<a href="https://h24.seohost.pl/roundcube">POCZTA </a>
-
Path: .sp-has-child.sp-menu-item:nth-child(3) > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">OŚRODEK</a>
-
Path: .sp-has-child.sp-menu-item:nth-child(4) > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">POBIERZ</a>
-
Path: .sp-menu-item:nth-child(5) > a[href$="kontakt"]
- Heading
-
Code
- Code extract
-
<a href="/index.php/kontakt">KONTAKT</a>
-
Path: .bx-clone.sppb-articles-ticker-text[aria-hidden="true"]:nth-child(1) > a
- Heading
-
Code
- Code extract
-
<a href="/index.php/component/content/article/posiedzenie-rady-pedagogicznej?catid=2&Itemid=101">Posiedzenie Rady Pedagogicznej 21 sierpnia 2023 r. (poniedziałek) </a>
-
Path: div[aria-hidden="false"] > a[href$="login"]
- Heading
-
Code
- Code extract
-
<a href="/index.php/pages/login">RODO</a>
-
Path: .sppb-articles-ticker-text[aria-hidden="true"]:nth-child(3) > a[href$="services"]
- Heading
-
Code
- Code extract
-
<a href="/index.php/pages/services">Historia SOSW w Brzozowie w zarysie</a>
-
Path: .sppb-articles-ticker-text[aria-hidden="true"]:nth-child(4) > a[href$="contact"]
- Heading
-
Code
- Code extract
-
<a href="/index.php/pages/contact">PATRON </a>
-
Path: .sppb-articles-ticker-text[aria-hidden="true"]:nth-child(5) > a
- Heading
-
Code
- Code extract
-
<a href="/index.php/component/content/article/posiedzenie-rady-pedagogicznej?catid=2&Itemid=101">Posiedzenie Rady Pedagogicznej 21 sierpnia 2023 r. (poniedziałek) </a>
-
Path: .bx-clone.sppb-articles-ticker-text[aria-hidden="true"]:nth-child(6) > a[href$="login"]
- Heading
-
Code
- Code extract
-
<a href="/index.php/pages/login">RODO</a>
-
Path: #sppb-addon-1578670622038 > .sppb-addon-overlay-image.image-effect-zoom-in.sppb-addon > .sppb-addon-overlay-image-content.title-subtitle-bottom-left > .overlay-image-title > h2 > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">Przedszkole Specjalne</a>
-
Path: #sppb-addon-1578734839125 > .sppb-addon-overlay-image.image-effect-zoom-in.sppb-addon > .sppb-addon-overlay-image-content.title-subtitle-bottom-left > .overlay-image-title > h2 > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">Szkoła Podstawowa nr 2</a>
-
Path: #sppb-addon-1578734839132 > .sppb-addon-overlay-image.image-effect-zoom-in.sppb-addon > .sppb-addon-overlay-image-content.title-subtitle-bottom-left > .overlay-image-title > h2 > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">Szkoła Przysposabiająca do Pracy </a>
-
Path: #sppb-addon-1578734839135 > .sppb-addon-overlay-image.image-effect-zoom-in.sppb-addon > .sppb-addon-overlay-image-content.title-subtitle-bottom-left > .overlay-image-title > h2 > a[href="\#"]
- Heading
-
Code
- Code extract
-
<a href="#">Wczesne Wspomaganie Rozwoju Dziecka</a>
-
Path: .sp-copyright > span
- Heading
-
Code
- Code extract
-
<span style="color: #f44336;">❤</span>
-
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
(14 occurences)
-
Any of: Element has sufficient color contrast of 5.7; Element has sufficient color contrast of 17.92; Element has sufficient color contrast of 15.32; Element has sufficient color contrast of 7.02; Element has sufficient color contrast of 15.42; Element has sufficient color contrast of 3.9; Element has sufficient color contrast of 5.43.
About this Test
Short Description
Test Detail: Page must have means to bypass repeated blocks (bypass)
(Test for Success Criterion
2.4.1: Bypass Blocks)
-
Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content
(1 occurrence)
-
Any of: Page has a landmark region; Page has a heading.
About this Test
Short Description
Test Detail: Documents must have <title> element to aid in navigation (document-title)
(Test for Success Criterion
2.4.2: Page Titled)
-
Ensures each HTML document contains a non-empty <title> element
(1 occurrence)
-
Any of: Document has a non-empty <title> element.
About this Test
Short Description
Test Detail: Links must have discernible text (link-name)
(Test for Success Criterion
2.4.4, 4.1.2: Name, Role, Value)
-
Ensures links have discernible text
(2 occurences)
-
Any of: Element's default semantics were not overridden with role="none"; Element's default semantics were not overridden with role="presentation"; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; aria-label attribute does not exist or is empty; Element does not have text that is visible to screen readers.
None of: Element is in tab order and does not have accessible text.
-
Path: .bx-prev
- Heading
-
Code
- Code extract
-
<a class="bx-prev" href=""><i aria-hidden="true" class="fa fa-angle-left"></i></a>
- Problems
- * Fix any of these: Element's default semantics were not overridden with role="none"; Element's default semantics were not overridden with role="presentation"; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; aria-label attribute does not exist or is empty; Element does not have text that is visible to screen readers.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Path: .bx-next
- Heading
-
Code
- Code extract
-
<a class="bx-next" href=""><i aria-hidden="true" class="fa fa-angle-right"></i></a>
- Problems
- * Fix any of these: Element's default semantics were not overridden with role="none"; Element's default semantics were not overridden with role="presentation"; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; aria-label attribute does not exist or is empty; Element does not have text that is visible to screen readers.
* Fix all of these: Element is in tab order and does not have accessible text.
-
Ensures links have discernible text
(36 occurences)
-
Any of: aria-label attribute exists and is not empty; Element has text that is visible to screen readers.
None of: Element is not in tab order or has accessible text.
About this Test
Short Description
Test Detail: Links with the same name have a similar purpose (identical-links-same-purpose)
(Test for Success Criterion
2.4.9)
-
Ensure that links with the same accessible name serve a similar purpose
(22 occurences)
-
All of: There are no other links with the same name, that go to a different URL.
About this Test
Short Description
Test Detail: <html> element must have a lang attribute (html-has-lang)
(Test for Success Criterion
3.1.1: Language of Page)
-
Ensures every HTML document has a lang attribute
(1 occurrence)
-
Any of: The <html> element has a lang attribute.
About this Test
Short Description
Test Detail: <html> element must have a valid value for the lang attribute (html-lang-valid)
(Test for Success Criterion
3.1.1: Language of Page)
-
Ensures the lang attribute of the <html> element has a valid value
(1 occurrence)
-
None of: Value of lang attribute is included in the list of valid languages.
About this Test
Short Description
Test Detail: IDs used in ARIA and labels must be unique (duplicate-id-aria)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures every id attribute value used in ARIA and in labels is unique
(1 occurrence)
-
Any of: Document has no elements referenced with ARIA or labels that share the same id attribute.
About this Test
Short Description
Test Detail: id attribute value must be unique (duplicate-id)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures every id attribute value is unique
(51 occurences)
-
Any of: Document has no static elements that share the same id attribute.
About this Test
Short Description
Test Detail: IDs of active elements must be unique (duplicate-id-active)
(Test for Success Criterion
4.1.1: Parsing)
-
Ensures every id attribute value of active elements is unique
(1 occurrence)
-
Any of: Document has active elements with the same id attribute: offcanvas-toggler.
-
Path: nav > .offcanvas-toggler-right[aria-label="Menu"][href="\#"]
- Heading
-
Code
- Code extract
-
<a id="offcanvas-toggler" aria-label="Menu" class="offcanvas-toggler-right" href="#"><div class="burger-icon" aria-hidden="true"><span></span><span></span><span></span></div></a>
- Problems
- * Fix any of these: Document has active elements with the same id attribute: offcanvas-toggler.
About this Test
Short Description
Test Detail: Elements must only use allowed ARIA attributes (aria-allowed-attr)
(Test for Success Criterion
4.1.2: Name, Role, Value)
-
Ensures ARIA attributes are allowed for an element's role
(14 occurences)
-
Any of: ARIA attributes are used correctly for the defined role.
None of: ARIA attribute is supported.
About this Test
Short Description
Test Detail: aria-hidden='true' must not be present on the document body (aria-hidden-body)
(Test for Success Criterion
4.1.2: Name, Role, Value)
-
Ensures aria-hidden='true' is not present on the document body.
(1 occurrence)
-
Any of: No aria-hidden attribute is present on document body.
About this Test
Short Description
Test Detail: Required ARIA attributes must be provided (aria-required-attr)
(Test for Success Criterion
4.1.2: Parsing)
-
Ensures elements with ARIA roles have all required ARIA attributes
(2 occurences)
-
Any of: All required ARIA attributes are present.
About this Test
Short Description
Test Detail: ARIA roles used must conform to valid values (aria-roles)
(Test for Success Criterion
4.1.2: Info and Relationships)
-
Ensures all elements with a role attribute use a valid value
(2 occurences)
-
None of: Only one role value used; ARIA role is supported; Abstract roles are not used; ARIA role is valid.
About this Test
Short Description
Test Detail: ARIA attributes must conform to valid values (aria-valid-attr-value)
(Test for Success Criterion
4.1.2: Info and Relationships)
-
Ensures all ARIA attributes have valid values
(14 occurences)
-
All of: ARIA attribute values are valid; Uses a supported aria-errormessage technique.
About this Test
Short Description
Test Detail: ARIA attributes must conform to valid names (aria-valid-attr)
(Test for Success Criterion
4.1.2: Parsing)
-
Ensures attributes that begin with aria- are valid ARIA attributes
(14 occurences)
-
Any of: ARIA attribute name is valid.
About this Test
Short Description