Create Article

ID:: create-article
Automated score:: 92.8
URL:: https://stackoverflowteams.com/c/gherkins/articles/create

9 violations: Light: 2Dark: 2HC Light: 3HC Dark: 2

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], div[aria-live]

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], div[aria-live]

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], div[aria-live]

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], div[aria-live]

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

<p class="fs-caption fc-black-400 ta-right m0">Required fields<abbr class="s-required-symbol" title="required">*</abbr></p>

Target

.ta-right

Summary

Fix any of the following:

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

HTML

<p class="mt2 s-description">What type of article is this?</p>

Target

legend > .mt2.s-description

Summary

Fix any of the following:

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

HTML

<div class="s-description mt2">At least one tag is required.</div>

Target

.d-block > .s-description.mt2

Summary

Fix any of the following:

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

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(2)

Summary

Fix any of the following:

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

HTML

<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(2)

Summary

Fix any of the following:

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

HTML

<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(2)

Summary

Fix any of the following:

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

HTML

<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(2)

Summary

Fix any of the following:

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

HTML

<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"