system/components/tables

ID:: system/components/tables
Automated score:: 92.6
URL:: https://stackoverflow.design/system/components/tables

8 violations: Light: 2Dark: 2HC Light: 2HC Dark: 2

button-name

Light Critical Go to issue button-name-light

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-btn h:fc-blue-400 px0 s-btn__clear s-btn__icon">

Target

.h\:fc-blue-400

Summary

Fix any of the following:

Element does not have inner 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
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
Element's default semantics were not overridden with role="none" or role="presentation"

button-name

Dark Critical Go to issue button-name-dark

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-btn h:fc-blue-400 px0 s-btn__clear s-btn__icon">

Target

.h\:fc-blue-400

Summary

Fix any of the following:

Element does not have inner 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
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
Element's default semantics were not overridden with role="none" or role="presentation"

button-name

HC Light Critical Go to issue button-name-light-highcontrast

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-btn h:fc-blue-400 px0 s-btn__clear s-btn__icon">

Target

.h\:fc-blue-400

Summary

Fix any of the following:

Element does not have inner 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
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
Element's default semantics were not overridden with role="none" or role="presentation"

button-name

HC Dark Critical Go to issue button-name-dark-highcontrast

Ensure buttons have discernible text. Buttons must have discernible text. Help URL

HTML

<button class="s-btn h:fc-blue-400 px0 s-btn__clear s-btn__icon">

Target

.h\:fc-blue-400

Summary

Fix any of the following:

Element does not have inner 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
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
Element's default semantics were not overridden with role="none" or role="presentation"

color-contrast-apca-custom

Light Serious Go to issue color-contrast-apca-custom-light

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

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(1) > .ta-center > tbody > tr > .docs-box:nth-child(2) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(3) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(4) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(5) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(2) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(3) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(4) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(5) > .fc-light

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.3Lc (foreground color: #6b6d73, background color: #dee0e3, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<th>Joshua Hynes</th>

Target

.is-disabled:nth-child(2) > th

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 38.2Lc (foreground color: #b0aeae, background color: #f7f6f5, font size: 10.5pt (14px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>[email protected]</td>

Target

.is-disabled:nth-child(2) > td:nth-child(2)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.29Lc (foreground color: #bdbdbe, background color: #f7f6f5, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>Sep 28 ’18</td>

Target

.is-disabled:nth-child(2) > td:nth-child(3)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.29Lc (foreground color: #bdbdbe, background color: #f7f6f5, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<th>Paweł Ludwiczak</th>

Target

.is-disabled:nth-child(3) > th

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 38.2Lc (foreground color: #b0aeae, background color: #f7f6f5, font size: 10.5pt (14px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>[email protected]</td>

Target

.is-disabled:nth-child(3) > td:nth-child(2)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.29Lc (foreground color: #bdbdbe, background color: #f7f6f5, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>Apr 17 ’19</td>

Target

.is-disabled:nth-child(3) > td:nth-child(3)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 30.29Lc (foreground color: #bdbdbe, background color: #f7f6f5, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

color-contrast-apca-custom

Dark Serious Go to issue color-contrast-apca-custom-dark

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

<em class="fc-black-350">N/A</em>

Target

section:nth-child(1) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(1) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(1) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(2) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(3) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(1) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(4) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(1) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(5) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(1) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(6) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(7) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(8) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(9) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(10) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(7) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(1) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(2) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

tr:nth-child(3) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(7) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(4) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(7) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(5) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<em class="fc-black-350">N/A</em>

Target

section:nth-child(7) > .overflow-x-auto.s-anchors.s-anchors__underlined > .docs-table.s-table__bx-simple > .fs-caption > tr:nth-child(6) > td:nth-child(2) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<th>Joshua Hynes</th>

Target

.is-disabled:nth-child(2) > th

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 23.42Lc (foreground color: #6e6e6e, background color: #262626, font size: 10.5pt (14px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>[email protected]</td>

Target

.is-disabled:nth-child(2) > td:nth-child(2)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 20.84Lc (foreground color: #696866, background color: #262626, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>Sep 28 ’18</td>

Target

.is-disabled:nth-child(2) > td:nth-child(3)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 20.84Lc (foreground color: #696866, background color: #262626, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<th>Paweł Ludwiczak</th>

Target

.is-disabled:nth-child(3) > th

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 23.42Lc (foreground color: #6e6e6e, background color: #262626, font size: 10.5pt (14px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>[email protected]</td>

Target

.is-disabled:nth-child(3) > td:nth-child(2)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 20.84Lc (foreground color: #696866, background color: #262626, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<td>Apr 17 ’19</td>

Target

.is-disabled:nth-child(3) > td:nth-child(3)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 20.84Lc (foreground color: #696866, background color: #262626, font size: 10.5pt (14px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

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

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(1) > .ta-center > tbody > tr > .docs-box:nth-child(2) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(3) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(4) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(5) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(2) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(3) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(4) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(5) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 5.85 (foreground color: #505355, background color: #dee0e3, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

color-contrast-enhanced

HC Dark Serious Go to issue color-contrast-enhanced-dark-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

<strong>.s-table--cell2</strong>

Target

.mb16.s-table-container:nth-child(1) > .ta-center > tbody > tr > .s-table--cell2.docs-box > strong

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(1) > .ta-center > tbody > tr > .docs-box:nth-child(2) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<strong>.s-table--cell3</strong>

Target

.s-table--cell3.docs-box > strong

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 7:1

HTML

<strong>.s-table--cell6</strong>

Target

.s-table--cell6 > strong

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(3) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(4) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.mb16.s-table-container:nth-child(2) > .ta-center > tbody > tr > .docs-box:nth-child(5) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<strong>.s-table--cell4</strong>

Target

.s-table--cell4 > strong

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(2) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(3) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(4) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<em class="fc-light">No Class</em>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .docs-box:nth-child(5) > .fc-light

Summary

Fix any of the following:

Element has insufficient color contrast of 4.87 (foreground color: #d9d3ce, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<strong>.s-table--cell2</strong>

Target

.s-table-container:nth-child(3) > .ta-center > tbody > tr > .s-table--cell2.docs-box > strong

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 7:1

HTML

<td class="docs-box va-top hs1">.va-top</td>

Target

.va-top

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box va-middle">.va-middle</td>

Target

.va-middle

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box va-bottom">.va-bottom</td>

Target

.va-bottom.docs-box

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box hs1">.s-table.va-bottom</td>

Target

.va-bottom > tbody > tr > .hs1.docs-box

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box">.s-table.va-bottom</td>

Target

.va-bottom > tbody > tr > .docs-box:nth-child(2)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box">.s-table.va-bottom</td>

Target

.va-bottom > tbody > tr > .docs-box:nth-child(3)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box ta-left hs1">.ta-left</td>

Target

.hs1.ta-left.docs-box

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box ta-center">.ta-center</td>

Target

.ta-center.docs-box

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box ta-right">.ta-right</td>

Target

.ta-right.docs-box

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box hs1">.s-table.ta-right</td>

Target

.ta-right > tbody > tr > .hs1.docs-box

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box">.s-table.ta-right</td>

Target

.ta-right > tbody > tr > .docs-box:nth-child(2)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<td class="docs-box">.s-table.ta-right</td>

Target

.ta-right > tbody > tr > .docs-box:nth-child(3)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.21 (foreground color: #f2ede9, background color: #575757, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<th>Joshua Hynes</th>

Target

.is-disabled:nth-child(2) > th

Summary

Fix any of the following:

Element has insufficient color contrast of 4.61 (foreground color: #8e8e8e, background color: #262626, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1

HTML

<th>Paweł Ludwiczak</th>

Target

.is-disabled:nth-child(3) > th

Summary

Fix any of the following:

Element has insufficient color contrast of 4.61 (foreground color: #8e8e8e, background color: #262626, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1