ColorMode
Theme-ui dark/light mode toggle.
Status | Full name | Title | Time(ms) | |
|---|---|---|---|---|
ColorMode.test.ts(2 tests) | ||||
passed | ColorMode > overview | snapshot | 84 | |
passed | ColorMode > overview | accessibility | 259 | |
Kind | Total | Covered | Skipped | % | |
|---|---|---|---|---|---|
ColorMode.tsx | |||||
lines | 10 | 9 | 0 | 90% | |
functions | 2 | 1 | 0 | 50% | |
statements | 10 | 9 | 0 | 90% | |
branches | 2 | 0 | 0 | 0% | |
id | description | |
|---|---|---|
aria-allowed-attr | Ensures ARIA attributes are allowed for an element's role... | |
aria-allowed-role | Ensures role attribute has an appropriate value for the element... | |
aria-hidden-focus | Ensures aria-hidden elements do not contain focusable elements... | |
aria-required-attr | Ensures elements with ARIA roles have all required ARIA attributes... | |
aria-roles | Ensures all elements with a role attribute use a valid value... | |
aria-valid-attr-value | Ensures all ARIA attributes have valid values... | |
aria-valid-attr | Ensures attributes that begin with aria- are valid ARIA attributes... | |
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
form-field-multiple-labels | Ensures form field does not have multiple label elements... | |
label-title-only | Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes... | |
label | Ensures every form element has a label... | |
nested-interactive | Ensure controls are not nested as they are not announced by screen readers... |