Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
"use strict";
window._snapshots = {
"ColorContrastAccessibility error render.": {
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-check",
},
children: [
{
type: "h3",
props: {
className: "accessibility-check-header",
},
children: ["Color and Contrast"],
},
{
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-color-contrast",
},
children: [
{
type: "span",
props: {
className: "accessibility-color-contrast-error",
role: "presentation",
},
children: ["Unable to calculate"],
},
],
},
],
},
"ColorContrastAccessibility basic render.": {
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-check",
},
children: [
{
type: "h3",
props: {
className: "accessibility-check-header",
},
children: ["Color and Contrast"],
},
{
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-color-contrast",
},
children: [
{
type: "span",
props: {
className: "accessibility-contrast-value FAIL",
role: "presentation",
style: {
"--accessibility-contrast-color": "rgba(255,0,0,1)",
"--accessibility-contrast-bg": "rgba(255,255,255,1)",
},
},
children: ["4.00"],
},
],
},
{
type: "p",
props: {
className: "accessibility-check-annotation",
},
children: [
"Does not meet WCAG standards for accessible text. ",
{
type: "a",
props: {
className: "link",
href:
"Understanding_WCAG/Perceivable/Color_contrast?utm_source=" +
"devtools&utm_medium=a11y-panel-checks-color-contrast",
onClick:
"openDocOnClick(event) {\n event.preventDefault();\n " +
"openDocLink(event.target.href);\n }",
},
children: ["Learn more"],
},
"",
],
},
],
},
"ColorContrastAccessibility range render.": {
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-check",
},
children: [
{
type: "h3",
props: {
className: "accessibility-check-header",
},
children: ["Color and Contrast"],
},
{
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-color-contrast",
},
children: [
{
type: "span",
props: {
className: "accessibility-contrast-value FAIL",
role: "presentation",
style: {
"--accessibility-contrast-color": "rgba(128,128,128,1)",
"--accessibility-contrast-bg": "rgba(219,106,116,1)",
},
},
children: ["1.19"],
},
{
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-color-contrast-separator",
},
children: null,
},
{
type: "span",
props: {
className: "accessibility-contrast-value FAIL",
role: "presentation",
style: {
"--accessibility-contrast-color": "rgba(128,128,128,1)",
"--accessibility-contrast-bg": "rgba(156,145,211,1)",
},
},
children: ["1.39"],
},
],
},
{
type: "p",
props: {
className: "accessibility-check-annotation",
},
children: [
"Does not meet WCAG standards for accessible text. ",
{
type: "a",
props: {
className: "link",
href:
"Understanding_WCAG/Perceivable/Color_contrast?utm_source=" +
"devtools&utm_medium=a11y-panel-checks-color-contrast",
onClick:
"openDocOnClick(event) {\n event.preventDefault();\n " +
"openDocLink(event.target.href);\n }",
},
children: ["Learn more"],
},
"",
],
},
],
},
"ColorContrastAccessibility large text render.": {
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-check",
},
children: [
{
type: "h3",
props: {
className: "accessibility-check-header",
},
children: ["Color and Contrast"],
},
{
type: "div",
props: {
role: "presentation",
tabIndex: "-1",
className: "accessibility-color-contrast",
},
children: [
{
type: "span",
props: {
className: "accessibility-contrast-value AA",
role: "presentation",
style: {
"--accessibility-contrast-color": "rgba(255,0,0,1)",
"--accessibility-contrast-bg": "rgba(255,255,255,1)",
},
},
children: ["4.00"],
},
{
type: "span",
props: {
className: "accessibility-color-contrast-large-text",
role: "presentation",
title:
"Text is 14 point and bold or larger, or 18 point or larger.",
},
children: ["large text"],
},
],
},
{
type: "p",
props: {
className: "accessibility-check-annotation",
},
children: [
"Meets WCAG AA standards for accessible text. ",
{
type: "a",
props: {
className: "link",
href:
"Understanding_WCAG/Perceivable/Color_contrast?utm_source=" +
"devtools&utm_medium=a11y-panel-checks-color-contrast",
onClick:
"openDocOnClick(event) {\n event.preventDefault();\n " +
"openDocLink(event.target.href);\n }",
},
children: ["Learn more"],
},
"",
],
},
],
},
};