Search results page - Main site only

ID:: search-main
Automated score:: 86.5
URL:: https://sem1.dev.stackenterprise.co/search?q=Automation&searchOn=1

19 violations: Light: 5 Dark: 5 HC Light: 5 HC Dark: 4

aria-required-children

Light Critical Go to issue aria-required-children-light

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex]

aria-required-children

Dark Critical Go to issue aria-required-children-dark

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex]

aria-required-children

HC Light Critical Go to issue aria-required-children-light-highcontrast

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex]

aria-required-children

HC Dark Critical Go to issue aria-required-children-dark-highcontrast

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex]

color-contrast-enhanced

HC Light Serious Go to issue color-contrast-enhanced-light-highcontrast

Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. Elements must meet enhanced color contrast ratio thresholds. Help URL

HTML

<li class="fs-fine tt-uppercase ml12 mt24 mb4 fc-light">
            Teams
        </li>

Target

.tt-uppercase

Summary

Fix any of the following:

Element has insufficient color contrast of 6.79 (foreground color: #525960, background color: #f9fafa, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 7:1

link-in-text-block

Light Serious Go to issue link-in-text-block-light

Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL

HTML

<a href="/questions/51477/51488#51488" class="s-btn s-btn--xs s-btn__icon d-inline bg-blue-200 fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark " aria-describedby="inline-reference-popover">

Target

span:nth-child(3) > .bg-blue-200.s-btn--xs.h\:bg-blue-300

Summary

Fix any of the following:

The link background has insufficient color contrast of 1.25 (Minimum contrast is 3:1, link background color: #d6e8fa, surrounding background color: #ffffff)
The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/users/8/" class="s-btn s-btn--xs s-btn__icon d-inline bg-blue-200 fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark mr8" aria-describedby="inline-reference-popover">

Target

span:nth-child(5) > .bg-blue-200.s-btn--xs.h\:bg-blue-300

Summary

Fix any of the following:

The link background has insufficient color contrast of 1.25 (Minimum contrast is 3:1, link background color: #d6e8fa, surrounding background color: #ffffff)
The link has no styling (such as underline) to distinguish it from the surrounding text

link-in-text-block

Dark Serious Go to issue link-in-text-block-dark

Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL

HTML

<a href="/questions/51477/51488#51488" class="s-btn s-btn--xs s-btn__icon d-inline bg-blue-200 fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark " aria-describedby="inline-reference-popover">

Target

span:nth-child(3) > .bg-blue-200.s-btn--xs.h\:bg-blue-300

Summary

Fix any of the following:

The link background has insufficient color contrast of 2.17 (Minimum contrast is 3:1, link background color: #2e5c8a, surrounding background color: #252627)
The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/users/8/" class="s-btn s-btn--xs s-btn__icon d-inline bg-blue-200 fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark mr8" aria-describedby="inline-reference-popover">

Target

span:nth-child(5) > .bg-blue-200.s-btn--xs.h\:bg-blue-300

Summary

Fix any of the following:

The link background has insufficient color contrast of 2.17 (Minimum contrast is 3:1, link background color: #2e5c8a, surrounding background color: #252627)
The link has no styling (such as underline) to distinguish it from the surrounding text

link-name

Light Serious Go to issue link-name-light

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/questions/51477/51488#51488" class="s-btn s-btn--xs s-btn__icon d-inline  fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark " aria-describedby="inline-reference-popover">

Target

.js-citation > span > .s-btn--xs.h\:bg-blue-300.h\:fc-blue-500

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

link-name

Dark Serious Go to issue link-name-dark

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/questions/51477/51488#51488" class="s-btn s-btn--xs s-btn__icon d-inline  fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark " aria-describedby="inline-reference-popover">

Target

.js-citation > span > .s-btn--xs.h\:bg-blue-300.h\:fc-blue-500

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

link-name

HC Light Serious Go to issue link-name-light-highcontrast

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/questions/51477/51488#51488" class="s-btn s-btn--xs s-btn__icon d-inline  fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark " aria-describedby="inline-reference-popover">

Target

.js-citation > span > .s-btn--xs.h\:bg-blue-300.h\:fc-blue-500

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

link-name

HC Dark Serious Go to issue link-name-dark-highcontrast

Ensure links have discernible text. Links must have discernible text. Help URL

HTML

<a href="/questions/51477/51488#51488" class="s-btn s-btn--xs s-btn__icon d-inline  fc-black-600 p2 h:bg-blue-300 h:fc-blue-500 h:fc-dark " aria-describedby="inline-reference-popover">

Target

.js-citation > span > .s-btn--xs.h\:bg-blue-300.h\:fc-blue-500

Summary

Fix all of the following:

Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

list

Light Serious Go to issue list-light

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

.pb8 > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

List element has direct children that are not allowed: ul

list

Dark Serious Go to issue list-dark

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

.pb8 > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

List element has direct children that are not allowed: ul

list

HC Light Serious Go to issue list-light-highcontrast

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

.pb8 > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

List element has direct children that are not allowed: ul

list

HC Dark Serious Go to issue list-dark-highcontrast

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

.pb8 > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

List element has direct children that are not allowed: ul

listitem

Light Serious Go to issue listitem-light

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

listitem

Dark Serious Go to issue listitem-dark

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

listitem

HC Light Serious Go to issue listitem-light-highcontrast

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

listitem

HC Dark Serious Go to issue listitem-dark-highcontrast

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"