created:12/30/2020
updated:12/30/2020
loc
68
comments
15%

BaseWebColor

avatar of atanasster

Color item displaying as a row, with color, name and hex value Design inspired by BaseWeb.

A11y tests

yellow50
#FFFAF0
yellow100
#FFF2D9
yellow200
#FFE3AC
yellow300
#FFCF70
yellow400
#FFC043
yellow500
#BC8B2C
yellow600
#997328
yellow700
#674D1B
 
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...

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

yellow50
#FFFAF0
yellow100
#FFF2D9
yellow200
#FFE3AC
yellow300
#FFCF70
yellow400
#FFC043
yellow500
#BC8B2C
yellow600
#997328
yellow700
#674D1B
320px
yellow50
#FFFAF0
yellow100
#FFF2D9
yellow200
#FFE3AC
yellow300
#FFCF70
yellow400
#FFC043
yellow500
#BC8B2C
yellow600
#997328
yellow700
#674D1B
375px
yellow50
#FFFAF0
yellow100
#FFF2D9
yellow200
#FFE3AC
yellow300
#FFCF70
yellow400
#FFC043
yellow500
#BC8B2C
yellow600
#997328
yellow700
#674D1B
768px
yellow50
#FFFAF0
yellow100
#FFF2D9
yellow200
#FFE3AC
yellow300
#FFCF70
yellow400
#FFC043
yellow500
#BC8B2C
yellow600
#997328
yellow700
#674D1B
1024px