created:12/30/2020
updated:12/30/2020
loc
72
comments
14%

UniformColor

avatar of atanasster

Color item displaying as a table row, with color block, color name and rgb value. Design inspired by Uniform.

A11y tests

ColorNameRGBA
Primary
16, 124, 178
PrimaryLight
183, 216, 232
Alert
216, 64, 15
AlertLight
243, 198, 183
Weather
153, 0, 153
 
id
description
avoid-inline-spacing

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets...

color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

empty-table-header

Ensures table headers have discernible text...

table-duplicate-name

Ensure the <caption> element does not contain the same text as the summary attribute...

td-headers-attr

Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table...

th-has-data-cells

Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe...

Viewport

ColorNameRGBA
Primary
16, 124, 178
PrimaryLight
183, 216, 232
Alert
216, 64, 15
AlertLight
243, 198, 183
Weather
153, 0, 153
320px
ColorNameRGBA
Primary
16, 124, 178
PrimaryLight
183, 216, 232
Alert
216, 64, 15
AlertLight
243, 198, 183
Weather
153, 0, 153
375px
ColorNameRGBA
Primary
16, 124, 178
PrimaryLight
183, 216, 232
Alert
216, 64, 15
AlertLight
243, 198, 183
Weather
153, 0, 153
768px
ColorNameRGBA
Primary
16, 124, 178
PrimaryLight
183, 216, 232
Alert
216, 64, 15
AlertLight
243, 198, 183
Weather
153, 0, 153
1024px