created:12/30/2020
updated:12/30/2020
loc
5
comments
0

Array

Overview

Button

Controls

Name
Description
Default
Controls
text
text
Button
buttons
array
[
  {
    "label": "Button 1",
    "color": "red"
  },
  {
    "label": "Button 2",
    "color": "grey"
  }
]

A11y tests

Button
 
impact
id
description
serious
color-contrast

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

summary
target
Fix any of the following: Element has insufficient color contrast of 3.47 (foreground color: #ff0000, background color: #efefef, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div > div:nth-child(1)
Fix any of the following: Element has insufficient color contrast of 3.43 (foreground color: #808080, background color: #efefef, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div > div:nth-child(2)

Viewport

Button
320px
Button
375px
Button
768px
Button
1024px