Dashboard

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

<ul id="trending-content-tablist" class="s-navigation" role="tablist" aria-owns="tab-content-questions tab-articles" data-controller="s-navigation-tablist">

Target

#trending-content-tablist

Summary

Fix any of the following:

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

HTML

<ul id="user-breakdown-tablist" class="s-navigation" role="tablist" aria-owns="tab-questions tab-answers tab-reputation" data-controller="s-navigation-tablist">

Target

#user-breakdown-tablist

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

<ul id="trending-content-tablist" class="s-navigation" role="tablist" aria-owns="tab-content-questions tab-articles" data-controller="s-navigation-tablist">

Target

#trending-content-tablist

Summary

Fix any of the following:

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

HTML

<ul id="user-breakdown-tablist" class="s-navigation" role="tablist" aria-owns="tab-questions tab-answers tab-reputation" data-controller="s-navigation-tablist">

Target

#user-breakdown-tablist

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

<ul id="trending-content-tablist" class="s-navigation" role="tablist" aria-owns="tab-content-questions tab-articles" data-controller="s-navigation-tablist">

Target

#trending-content-tablist

Summary

Fix any of the following:

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

HTML

<ul id="user-breakdown-tablist" class="s-navigation" role="tablist" aria-owns="tab-questions tab-answers tab-reputation" data-controller="s-navigation-tablist">

Target

#user-breakdown-tablist

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

<ul id="trending-content-tablist" class="s-navigation" role="tablist" aria-owns="tab-content-questions tab-articles" data-controller="s-navigation-tablist">

Target

#trending-content-tablist

Summary

Fix any of the following:

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

HTML

<ul id="user-breakdown-tablist" class="s-navigation" role="tablist" aria-owns="tab-questions tab-answers tab-reputation" data-controller="s-navigation-tablist">

Target

#user-breakdown-tablist

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

<span class="flex--item">0</span>

Target

#panel-user-questions > div:nth-child(7) > .mt16.ai-center.d-flex > .ml8.flex--item > .bg-yellow-200.fc-yellow-500.bar-sm > span:nth-child(2)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 58.73Lc (foreground color: #9c730d, background color: #faecc6, 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

.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

HTML

<a href="metrics-dashboard/connectivity" class="s-link s-link__muted js-header-link-dashboard" aria-current="false">Connectivity</a>

Target

a[href$="connectivity"]

Summary

Fix any of the following:

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

HTML

<label for="trendlines-dates" class="">Compare dates</label>

Target

label[for="trendlines-dates"]

Summary

Fix any of the following:

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

HTML

<label for="trendlines-benchmark" class="">Benchmarks</label>

Target

label[for="trendlines-benchmark"]

Summary

Fix any of the following:

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

HTML

<a href="#"><svg aria-hidden="true" class="svg-icon iconArrowRightSm" width="14" height="14" viewBox="0 0 14 14"><path d="M5 11V3l4 4z"></path></svg> View more</a>

Target

#view-more-tags-trending-up > a[href="#"]

Summary

Fix any of the following:

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

HTML

<a href="#"><svg aria-hidden="true" class="svg-icon iconArrowRightSm" width="14" height="14" viewBox="0 0 14 14"><path d="M5 11V3l4 4z"></path></svg> View more</a>

Target

#view-more-tags-trending-down > a[href="#"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/105944" class="flex--item v-truncate1 wb-break-all js-gps-track" title="We need to scale the private ICO subclass!" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/105944"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/78876" class="flex--item v-truncate1 wb-break-all js-gps-track" title="Concrete COM Ghana Falls orchid EXE" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/78876"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/63310" class="flex--item v-truncate1 wb-break-all js-gps-track" title="Towels Hills Fantastic transmit tan Associate" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/63310"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/13000" class="flex--item v-truncate1 wb-break-all js-gps-track" title="USB process JSON Buckinghamshire wireless" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/13000"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/27943" class="flex--item v-truncate1 wb-break-all js-gps-track" title="Borders Diverse Rubber Plastic Accountability wireless Ergonomic bandwidth input" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/27943"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/54812" class="flex--item v-truncate1 wb-break-all js-gps-track" title="neural Robust Account calculating Investment" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/54812"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/106736" class="flex--item v-truncate1 wb-break-all js-gps-track" title="You can't inject the constant without bike-shedding the asynchronous LGTM Hacker News!" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/106736"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/87768" class="flex--item v-truncate1 wb-break-all js-gps-track" title="neural sky Jewelery indigo Georgia orange" data-gps-track="teams.dashboard.trending_content_widget.content.click({TabName:questions})">

Target

a[href="/questions/87768"]

Summary

Fix any of the following:

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

HTML

<a href="/users/5" class="flex--item ml8 v-truncate1 js-gps-track" title="Test Question Asker" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test Question Asker
                        </a>

Target

div:nth-child(1) > .mt16.ai-center.d-flex > .fl-grow1.flex--item > .d-flex > .v-truncate1[href$="users/5"][title="Test Question Asker"]

Summary

Fix any of the following:

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

HTML

<a href="/users/7" class="flex--item ml8 v-truncate1 js-gps-track" title="Test Downvoter" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test Downvoter
                        </a>

Target

div:nth-child(2) > .mt16.ai-center.d-flex > .fl-grow1.flex--item > .d-flex > .v-truncate1[href$="users/7"][title="Test Downvoter"]

Summary

Fix any of the following:

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

HTML

<a href="/users/8" class="flex--item ml8 v-truncate1 js-gps-track" title="Test Question Answerer" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test Question Answerer
                        </a>

Target

div:nth-child(3) > .mt16.ai-center.d-flex > .fl-grow1.flex--item > .d-flex > .v-truncate1[href$="users/8"][title="Test Question Answerer"]

Summary

Fix any of the following:

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

HTML

<a href="/users/6" class="flex--item ml8 v-truncate1 js-gps-track" title="Test Upvoter" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test Upvoter
                        </a>

Target

#panel-user-questions > div:nth-child(4) > .mt16.ai-center.d-flex > .fl-grow1.flex--item > .d-flex > .v-truncate1[href$="users/6"][title="Test Upvoter"]

Summary

Fix any of the following:

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

HTML

<a href="/users/3" class="flex--item ml8 v-truncate1 js-gps-track" title="Test Engineering Admin" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test Engineering Admin
                        </a>

Target

#panel-user-questions > div:nth-child(5) > .mt16.ai-center.d-flex > .fl-grow1.flex--item > .d-flex > .v-truncate1[href$="users/3"][title="Test Engineering Admin"]

Summary

Fix any of the following:

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

HTML

<a href="/users/9" class="flex--item ml8 v-truncate1 js-gps-track" title="Test Moderator To Be" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test Moderator To Be
                        </a>

Target

#panel-user-questions > div:nth-child(6) > .mt16.ai-center.d-flex > .fl-grow1.flex--item > .d-flex > .v-truncate1[href$="users/9"][title="Test Moderator To Be"]

Summary

Fix any of the following:

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

HTML

<a href="/users/17" class="flex--item ml8 v-truncate1 js-gps-track" title="Test NoRepUser" data-gps-track="teams.dashboard.user_breakdown_widget.user.click({TabName:questions})">
                            Test NoRepUser
                        </a>

Target

a[href="/users/17"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, 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

nav[role="navigation"] > .s-navigation__vertical.s-navigation

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

nav[role="navigation"] > .s-navigation__vertical.s-navigation

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

nav[role="navigation"] > .s-navigation__vertical.s-navigation

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

nav[role="navigation"] > .s-navigation__vertical.s-navigation

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 class="js-widget" data-widgetid="0">

Target

.flex--item8 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item8 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item8 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item8 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="4">

Target

li[data-widgetid="4"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="5">

Target

li[data-widgetid="5"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="6">

Target

li[data-widgetid="6"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="7">

Target

li[data-widgetid="7"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="0">

Target

.flex--item4 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item4 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item4 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item4 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(3)

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 class="js-widget" data-widgetid="0">

Target

.flex--item8 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item8 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item8 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item8 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="4">

Target

li[data-widgetid="4"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="5">

Target

li[data-widgetid="5"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="6">

Target

li[data-widgetid="6"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="7">

Target

li[data-widgetid="7"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="0">

Target

.flex--item4 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item4 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item4 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item4 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(3)

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 class="js-widget" data-widgetid="0">

Target

.flex--item8 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item8 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item8 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item8 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="4">

Target

li[data-widgetid="4"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="5">

Target

li[data-widgetid="5"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="6">

Target

li[data-widgetid="6"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="7">

Target

li[data-widgetid="7"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="0">

Target

.flex--item4 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item4 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item4 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item4 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(3)

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 class="js-widget" data-widgetid="0">

Target

.flex--item8 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item8 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item8 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item8 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="4">

Target

li[data-widgetid="4"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="5">

Target

li[data-widgetid="5"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="6">

Target

li[data-widgetid="6"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="7">

Target

li[data-widgetid="7"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="0">

Target

.flex--item4 > .js-widget[data-widgetid="0"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="1">

Target

.flex--item4 > .js-widget[data-widgetid="1"]

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="2">

Target

.flex--item4 > .js-widget[data-widgetid="2"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#trending-content-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li class="js-widget" data-widgetid="3">

Target

.flex--item4 > .js-widget[data-widgetid="3"]

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(1)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(2)

Summary

Fix any of the following:

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

HTML

<li>

Target

#user-breakdown-tablist > li:nth-child(3)

Summary

Fix any of the following:

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