18 violations: Light: 5Dark: 4HC Light: 5HC Dark: 4
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
ol
Fix any of the following:
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
ol
Fix any of the following:
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
ol
Fix any of the following:
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
ol
Fix any of the following:
Ensure buttons have discernible text. Buttons must have discernible text. Help URL
<button class="flex--item d-flex mt4 s-btn ai-center ac-center ba bar-pill c-not-allowed bc-black-150 bg-white fc-black-300" role="button" data-controller="s-tooltip" data-s-tooltip-placement="right-end" aria-describedby="--stacks-s-tooltip-gxtsko4d">
.ac-center
Fix any of the following:
<button class="s-btn s-btn__outlined bar-circle p12 bc-black-225 fc-black-500 h:fc-black-500 f:fc-black-050" type="button" aria-pressed="false" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-action="s-modal#show" aria-describedby="--stacks-s-tooltip-dwg9egjp">
.bar-circle
Fix any of the following:
Ensure buttons have discernible text. Buttons must have discernible text. Help URL
<button class="flex--item d-flex mt4 s-btn ai-center ac-center ba bar-pill c-not-allowed bc-black-150 bg-white fc-black-300" role="button" data-controller="s-tooltip" data-s-tooltip-placement="right-end" aria-describedby="--stacks-s-tooltip-gxtsko4d">
.ac-center
Fix any of the following:
<button class="s-btn s-btn__outlined bar-circle p12 bc-black-225 fc-black-500 h:fc-black-500 f:fc-black-050" type="button" aria-pressed="false" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-action="s-modal#show" aria-describedby="--stacks-s-tooltip-dwg9egjp">
.bar-circle
Fix any of the following:
Ensure buttons have discernible text. Buttons must have discernible text. Help URL
<button class="flex--item d-flex mt4 s-btn ai-center ac-center ba bar-pill c-not-allowed bc-black-150 bg-white fc-black-300" role="button" data-controller="s-tooltip" data-s-tooltip-placement="right-end" aria-describedby="--stacks-s-tooltip-gxtsko4d">
.ac-center
Fix any of the following:
<button class="s-btn s-btn__outlined bar-circle p12 bc-black-225 fc-black-500 h:fc-black-500 f:fc-black-050" type="button" aria-pressed="false" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-action="s-modal#show" aria-describedby="--stacks-s-tooltip-dwg9egjp">
.bar-circle
Fix any of the following:
Ensure buttons have discernible text. Buttons must have discernible text. Help URL
<button class="flex--item d-flex mt4 s-btn ai-center ac-center ba bar-pill c-not-allowed bc-black-150 bg-white fc-black-300" role="button" data-controller="s-tooltip" data-s-tooltip-placement="right-end" aria-describedby="--stacks-s-tooltip-gxtsko4d">
.ac-center
Fix any of the following:
<button class="s-btn s-btn__outlined bar-circle p12 bc-black-225 fc-black-500 h:fc-black-500 f:fc-black-050" type="button" aria-pressed="false" data-controller="s-tooltip" data-s-tooltip-placement="right-end" data-action="s-modal#show" aria-describedby="--stacks-s-tooltip-dwg9egjp">
.bar-circle
Fix any of the following:
Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL
<div class="flex--item pl6">
Articles
</div>
#nav-articles > .w100.ai-center.d-flex > .pl6.flex--item
Fix all of the following:
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
<li class="fs-fine tt-uppercase ml12 mt24 mb4 fc-light">
Teams
</li>
.fs-fine
Fix any of the following:
<a class="s-breadcrumbs--link" href="https://sem1.dev.stackenterprise.co">
.s-breadcrumbs--item:nth-child(1) > .s-breadcrumbs--link
Fix any of the following:
<a class="s-breadcrumbs--link" href="/articles">Articles</a>
.s-breadcrumbs--link[href$="articles"]
Fix any of the following:
<span class="fc-black-400 mr2">Created</span>
.ws-nowrap.flex--item[title="2024-02-29 09:21:48Z"] > .fc-black-400.mr2
Fix any of the following:
<span class="fc-black-400 mr2">Active</span>
.ws-nowrap.flex--item[title="2024-12-17 09:59:54Z"]:nth-child(2) > .fc-black-400.mr2
Fix any of the following:
<span class="fc-black-400 mr2">Last edited</span>
.ws-nowrap.flex--item[title="2024-12-17 09:59:54Z"]:nth-child(3) > .fc-black-400.mr2
Fix any of the following:
<span class="fc-black-400 mr2">Viewed</span>
div[title="Viewed 10 times"] > .fc-black-400.mr2
Fix any of the following:
<a href="/articles/edit/38759" class="flex--item s-btn s-btn__filled">Edit article</a>
a[href="/articles/edit/38759"]
Fix any of the following:
<a href="/posts/38759/revisions" title="show all edits to this post" class="js-gps-track" data-gps-track="post.click({ item: 4, priv: 17, post_type: 9 })">edited <span title="2024-12-17 09:59:54Z" class="relativetime">Dec 17, 2024 at 9:59</span></a>
a[href$="revisions"]
Fix any of the following:
<span title="2024-12-17 09:59:54Z" class="relativetime">Dec 17, 2024 at 9:59</span>
.relativetime[title="2024-12-17 09:59:54Z"]
Fix any of the following:
<a href="/users/3/" class="s-user-card--link lh-lg">
Test Engineering Admin <span class="ws-nowrap"><span class="mod-flair fs-caption ml10" title="Moderator">♦</span></span>
</a>
.s-user-card--link.lh-lg[href="/users/3/"]
Fix any of the following:
<a href="/users/6/" title="6,700 reputation" class="comment-user">Test Upvoter</a>
.comment-user
Fix any of the following:
<a class="js-add-link comments-link" title="Use comments to reply to other users or notify them of changes. If you are adding new information, edit your post instead of commenting." href="#" role="button">Add a comment</a>
.js-add-link
Fix any of the following:
Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL
<ul class="s-navigation s-navigation__vertical">
.pb8 > .s-navigation.s-navigation__vertical
Fix all of the following:
Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL
<ul class="s-navigation s-navigation__vertical">
.pb8 > .s-navigation.s-navigation__vertical
Fix all of the following:
Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL
<ul class="s-navigation s-navigation__vertical">
.pb8 > .s-navigation.s-navigation__vertical
Fix all of the following:
Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL
<ul class="s-navigation s-navigation__vertical">
.pb8 > .s-navigation.s-navigation__vertical
Fix all of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
ol > li:nth-child(3)
Fix any of the following:
<li>
<a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
Log out
</a>
</li>
ol > li:nth-child(9)
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
ol > li:nth-child(3)
Fix any of the following:
<li>
<a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
Log out
</a>
</li>
ol > li:nth-child(9)
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
ol > li:nth-child(3)
Fix any of the following:
<li>
<a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
Log out
</a>
</li>
ol > li:nth-child(9)
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
ol > li:nth-child(3)
Fix any of the following:
<li>
<a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
Log out
</a>
</li>
ol > li:nth-child(9)
Fix any of the following: