Tag list

ID:
tag-list
Automated score:
90.1
URL:
https://sem1.dev.stackenterprise.co/tags
View JSON file

14 violations: Light: 4Dark: 3HC Light: 4HC Dark: 3

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]

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]

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]

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]

Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL

HTML

<div class="flex--item pl6">
                Tags
            </div>

Target

#nav-tags > .w100.ai-center.d-flex > .pl6.flex--item

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 55.41Lc (foreground color: #ffffff, background color: #f48225, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="s-pagination--item is-selected" aria-current="&quot;page&quot;">1</div>

Target

div[aria-current="\"page\""]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 55.41Lc (foreground color: #ffffff, background color: #f48225, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="?sortcolumn=count&amp;sortdirection=descending&amp;pagesize=15&amp;page=1&amp;filter=all&amp;query=" title="Show 15 items per page" class="s-pagination--item is-selected" aria-current="true">15</a>

Target

a[title="Show 15 items per page"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 55.41Lc (foreground color: #ffffff, background color: #f48225, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

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

.fs-fine

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

HTML

<p class="s-page-title--description pr48 sm:pr0">A tag is a keyword or label that categorizes your question with other, similar questions. Using the right tags makes it easier for others to find and answer your question.</p>

Target

.s-page-title--description

Summary

Fix any of the following:

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

HTML

<a href="?SortColumn=Name&amp;SortDirection=Ascending&amp;PageSize=15&amp;Page=1&amp;Filter=All&amp;Query=">
            Name <svg aria-hidden="true" class="svg-icon iconArrowUpDownSm" width="14" height="14" viewBox="0 0 14 14"><path d="m7 2 4 4H3zm0 10 4-4H3z"></path></svg>
        </a>

Target

th[scope="col"]:nth-child(1) > a

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.33 (foreground color: #525960, background color: #f1f2f3, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<th scope="col">Usage Guidance</th>

Target

th[scope="col"]:nth-child(2)

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.33 (foreground color: #525960, background color: #f1f2f3, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<th scope="col">Watchers</th>

Target

th[scope="col"]:nth-child(4)

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.33 (foreground color: #525960, background color: #f1f2f3, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<th scope="col" class="ta-right">SMEs</th>

Target

th[scope="col"]:nth-child(5)

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.33 (foreground color: #525960, background color: #f1f2f3, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a href="?SortColumn=CreationDate&amp;SortDirection=Ascending&amp;PageSize=15&amp;Page=1&amp;Filter=All&amp;Query=">

Target

th[scope="col"]:nth-child(6) > a

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.33 (foreground color: #525960, background color: #f1f2f3, font size: 9.8pt (13px), font weight: bold). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="78">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="78"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="72">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="72"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="1245">
                                1 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="1245"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="76">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="76"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="1153">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="1153"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="1607">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="1607"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="7795">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="7795"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="js-view-sme s-btn s-btn__link" data-tag-id="7803">
                                0 SMEs
                            </button>

Target

.js-view-sme.s-btn__link[data-tag-id="7803"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

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

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

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

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

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"

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"

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"

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"