contrast.snapshots.js (7359B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 "use strict"; 5 6 window._snapshots = { 7 "ColorContrastAccessibility error render.": { 8 type: "div", 9 props: { 10 role: "presentation", 11 tabIndex: "-1", 12 className: "accessibility-check", 13 }, 14 children: [ 15 { 16 type: "h3", 17 props: { 18 className: "accessibility-check-header", 19 }, 20 children: ["Color and Contrast"], 21 }, 22 { 23 type: "div", 24 props: { 25 role: "presentation", 26 tabIndex: "-1", 27 className: "accessibility-color-contrast", 28 }, 29 children: [ 30 { 31 type: "span", 32 props: { 33 className: "accessibility-color-contrast-error", 34 role: "presentation", 35 }, 36 children: ["Unable to calculate"], 37 }, 38 ], 39 }, 40 ], 41 }, 42 "ColorContrastAccessibility basic render.": { 43 type: "div", 44 props: { 45 role: "presentation", 46 tabIndex: "-1", 47 className: "accessibility-check", 48 }, 49 children: [ 50 { 51 type: "h3", 52 props: { 53 className: "accessibility-check-header", 54 }, 55 children: ["Color and Contrast"], 56 }, 57 { 58 type: "div", 59 props: { 60 role: "presentation", 61 tabIndex: "-1", 62 className: "accessibility-color-contrast", 63 }, 64 children: [ 65 { 66 type: "span", 67 props: { 68 className: "accessibility-contrast-value FAIL", 69 role: "presentation", 70 style: { 71 "--accessibility-contrast-color": "rgba(255,0,0,1)", 72 "--accessibility-contrast-bg": "rgba(255,255,255,1)", 73 }, 74 }, 75 children: ["4.00"], 76 }, 77 ], 78 }, 79 { 80 type: "p", 81 props: { 82 className: "accessibility-check-annotation", 83 }, 84 children: [ 85 "Does not meet WCAG standards for accessible text. ", 86 { 87 type: "a", 88 props: { 89 className: "link", 90 href: 91 "https://developer.mozilla.org/docs/Web/Accessibility/Guides/" + 92 "Understanding_WCAG/Perceivable/Color_contrast?utm_source=" + 93 "devtools&utm_medium=a11y-panel-checks-color-contrast&utm_campaign=default", 94 onClick: 95 "openDocOnClick(event) {\n event.preventDefault();\n " + 96 "openDocLink(event.target.href);\n }", 97 }, 98 children: ["Learn more"], 99 }, 100 "", 101 ], 102 }, 103 ], 104 }, 105 "ColorContrastAccessibility range render.": { 106 type: "div", 107 props: { 108 role: "presentation", 109 tabIndex: "-1", 110 className: "accessibility-check", 111 }, 112 children: [ 113 { 114 type: "h3", 115 props: { 116 className: "accessibility-check-header", 117 }, 118 children: ["Color and Contrast"], 119 }, 120 { 121 type: "div", 122 props: { 123 role: "presentation", 124 tabIndex: "-1", 125 className: "accessibility-color-contrast", 126 }, 127 children: [ 128 { 129 type: "span", 130 props: { 131 className: "accessibility-contrast-value FAIL", 132 role: "presentation", 133 style: { 134 "--accessibility-contrast-color": "rgba(128,128,128,1)", 135 "--accessibility-contrast-bg": "rgba(219,106,116,1)", 136 }, 137 }, 138 children: ["1.19"], 139 }, 140 { 141 type: "div", 142 props: { 143 role: "presentation", 144 tabIndex: "-1", 145 className: "accessibility-color-contrast-separator", 146 }, 147 children: null, 148 }, 149 { 150 type: "span", 151 props: { 152 className: "accessibility-contrast-value FAIL", 153 role: "presentation", 154 style: { 155 "--accessibility-contrast-color": "rgba(128,128,128,1)", 156 "--accessibility-contrast-bg": "rgba(156,145,211,1)", 157 }, 158 }, 159 children: ["1.39"], 160 }, 161 ], 162 }, 163 { 164 type: "p", 165 props: { 166 className: "accessibility-check-annotation", 167 }, 168 children: [ 169 "Does not meet WCAG standards for accessible text. ", 170 { 171 type: "a", 172 props: { 173 className: "link", 174 href: 175 "https://developer.mozilla.org/docs/Web/Accessibility/Guides/" + 176 "Understanding_WCAG/Perceivable/Color_contrast?utm_source=" + 177 "devtools&utm_medium=a11y-panel-checks-color-contrast&utm_campaign=default", 178 onClick: 179 "openDocOnClick(event) {\n event.preventDefault();\n " + 180 "openDocLink(event.target.href);\n }", 181 }, 182 children: ["Learn more"], 183 }, 184 "", 185 ], 186 }, 187 ], 188 }, 189 "ColorContrastAccessibility large text render.": { 190 type: "div", 191 props: { 192 role: "presentation", 193 tabIndex: "-1", 194 className: "accessibility-check", 195 }, 196 children: [ 197 { 198 type: "h3", 199 props: { 200 className: "accessibility-check-header", 201 }, 202 children: ["Color and Contrast"], 203 }, 204 { 205 type: "div", 206 props: { 207 role: "presentation", 208 tabIndex: "-1", 209 className: "accessibility-color-contrast", 210 }, 211 children: [ 212 { 213 type: "span", 214 props: { 215 className: "accessibility-contrast-value AA", 216 role: "presentation", 217 style: { 218 "--accessibility-contrast-color": "rgba(255,0,0,1)", 219 "--accessibility-contrast-bg": "rgba(255,255,255,1)", 220 }, 221 }, 222 children: ["4.00"], 223 }, 224 { 225 type: "span", 226 props: { 227 className: "accessibility-color-contrast-large-text", 228 role: "presentation", 229 title: 230 "Text is 14 point and bold or larger, or 18 point or larger.", 231 }, 232 children: ["large text"], 233 }, 234 ], 235 }, 236 { 237 type: "p", 238 props: { 239 className: "accessibility-check-annotation", 240 }, 241 children: [ 242 "Meets WCAG AA standards for accessible text. ", 243 { 244 type: "a", 245 props: { 246 className: "link", 247 href: 248 "https://developer.mozilla.org/docs/Web/Accessibility/Guides/" + 249 "Understanding_WCAG/Perceivable/Color_contrast?utm_source=" + 250 "devtools&utm_medium=a11y-panel-checks-color-contrast&utm_campaign=default", 251 onClick: 252 "openDocOnClick(event) {\n event.preventDefault();\n " + 253 "openDocLink(event.target.href);\n }", 254 }, 255 children: ["Learn more"], 256 }, 257 "", 258 ], 259 }, 260 ], 261 }, 262 };