Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
122 changes: 122 additions & 0 deletions docs/data/material/components/form-label/form-label.a11y.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
{
"FormLabelA11yColorMatrix": {
"rules": {
"aria-allowed-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-conditional-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-prohibited-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-valid-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-valid-attr-value": {
"status": "pass",
"tags": ["wcag2a"]
},
"color-contrast": {
"status": "fail",
"tags": ["wcag2aa"]
}
}
},
"FormLabelA11yColorMatrixDark": {
"rules": {
"aria-allowed-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-conditional-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-prohibited-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-valid-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-valid-attr-value": {
"status": "pass",
"tags": ["wcag2a"]
},
"color-contrast": {
"status": "pass",
"tags": ["wcag2aa"]
}
}
},
"FormLabelA11yStates": {
"rules": {
"aria-allowed-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-conditional-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-deprecated-role": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-hidden-focus": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-prohibited-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-required-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-roles": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-valid-attr": {
"status": "pass",
"tags": ["wcag2a"]
},
"aria-valid-attr-value": {
"status": "pass",
"tags": ["wcag2a"]
},
"color-contrast": {
"status": "pass",
"tags": ["wcag2aa"]
},
"duplicate-id-aria": {
"status": "pass",
"tags": ["wcag2a"]
},
"form-field-multiple-labels": {
"status": "pass",
"tags": ["wcag2a"]
},
"label": {
"status": "pass",
"tags": ["wcag2a"]
},
"nested-interactive": {
"status": "pass",
"tags": ["wcag2a"]
},
"target-size": {
"status": "pass",
"tags": ["wcag22aa"]
}
}
}
}
25 changes: 14 additions & 11 deletions docs/data/material/getting-started/accessibility/accessibility.md

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions docs/data/material/getting-started/accessibility/knownGaps.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,19 +12,32 @@
"Avatar",
"Button",
{ "component": "CircularProgress", "note": "`warning` with `enableTrackSlot`" },
{ "component": "FormLabel", "note": "focused `info`, `warning`" },
"LinearProgress",
"Switch",
"TextField",
"ToggleButton"
],
"workaround": "Override the affected palette entries"
},
{
"gap": "In dark mode, the elevation overlay lowers the contrast of `error` text below 4.5:1 on a Paper with elevation 2 or more, such as a Menu or a Dialog",
"criteria": ["1.4.3"],
"affected": ["FormLabel", "TextField"],
"workaround": "Set a lighter `error.main` for dark mode, or show error text on a surface with elevation 0 or 1"
},
{
"gap": "The selected state of colored Toggle Buttons is conveyed almost entirely by hue",
"criteria": ["1.4.1"],
"affected": [{ "component": "ToggleButton", "note": "`primary`, `error`, `info`, `success`" }],
"workaround": "Add a non-color cue to the selected state, such as an icon"
},
{
"gap": "A required checkbox, radio, or switch group exposes no required state to assistive technology, because Checkbox, Radio, and Switch do not take `required` from FormControl and RadioGroup has no `required` prop",
"criteria": ["1.3.1"],
"affected": [{ "component": "FormLabel", "note": "`required` group legend" }],
"workaround": "Set `aria-required` on a RadioGroup. Set `required` on a single Checkbox or Switch, or on its FormControlLabel, which forwards it to the control. For a checkbox group, state the requirement in the legend text"
},
{
"gap": "Dynamic state changes are not announced",
"criteria": ["4.1.3"],
Expand Down
168 changes: 160 additions & 8 deletions docs/data/material/getting-started/accessibility/scorecard.json
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
{
"standard": "WCAG 2.2 Level A and AA",
"componentCount": 13,
"componentCount": 14,
"totals": {
"rated": 32,
"supports": 27,
"partiallySupports": 5,
"supports": 26,
"partiallySupports": 6,
"doesNotSupport": 0,
"flagged": 13
"flagged": 14
},
"criteria": [
{
Expand All @@ -21,9 +21,9 @@
"number": "1.3.1",
"name": "Info and Relationships",
"level": "A",
"conformance": "Supports",
"flagged": false,
"affected": []
"conformance": "Partially Supports",
"flagged": true,
"affected": ["FormLabel"]
},
{
"number": "1.3.2",
Expand Down Expand Up @@ -63,7 +63,7 @@
"level": "AA",
"conformance": "Partially Supports",
"flagged": true,
"affected": ["Avatar", "Button", "TextField", "ToggleButton"]
"affected": ["Avatar", "Button", "FormLabel", "TextField", "ToggleButton"]
},
{
"number": "1.4.4",
Expand Down Expand Up @@ -1538,6 +1538,158 @@
"automated": 1
}
},
{
"component": "FormLabel",
"counts": {
"supports": 11,
"partiallySupports": 2,
"doesNotSupport": 0,
"notApplicable": 42,
"flagged": 3,
"rated": 13
},
"gaps": [
{
"number": "1.3.1",
"name": "Info and Relationships",
"conformance": "Partially Supports"
},
{
"number": "1.4.3",
"name": "Contrast (Minimum)",
"conformance": "Partially Supports"
}
],
"criteria": [
{
"number": "1.3.1",
"name": "Info and Relationships",
"level": "A",
"conformance": "Partially Supports",
"responsibility": "Shared",
"group": "Hybrid",
"flagged": true
},
{
"number": "1.3.2",
"name": "Meaningful Sequence",
"level": "A",
"conformance": "Supports",
"responsibility": "Author",
"group": "Manual",
"flagged": false
},
{
"number": "1.3.3",
"name": "Sensory Characteristics",
"level": "A",
"conformance": "Supports",
"responsibility": "Author",
"group": "Manual",
"flagged": false
},
{
"number": "1.4.1",
"name": "Use of Color",
"level": "A",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Hybrid",
"flagged": true
},
{
"number": "1.4.3",
"name": "Contrast (Minimum)",
"level": "AA",
"conformance": "Partially Supports",
"responsibility": "Component",
"group": "Hybrid",
"flagged": false
},
{
"number": "1.4.4",
"name": "Resize Text",
"level": "AA",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Automated",
"flagged": false
},
{
"number": "1.4.5",
"name": "Images of Text",
"level": "AA",
"conformance": "Supports",
"responsibility": "Author",
"group": "Manual",
"flagged": false
},
{
"number": "1.4.10",
"name": "Reflow",
"level": "AA",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Automated",
"flagged": false
},
{
"number": "1.4.12",
"name": "Text Spacing",
"level": "AA",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Automated",
"flagged": false
},
{
"number": "2.4.6",
"name": "Headings and Labels",
"level": "AA",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Hybrid",
"flagged": false
},
{
"number": "2.5.3",
"name": "Label in Name",
"level": "A",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Automated",
"flagged": false
},
{
"number": "3.3.2",
"name": "Labels or Instructions",
"level": "A",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Hybrid",
"flagged": true
},
{
"number": "4.1.2",
"name": "Name, Role, Value",
"level": "A",
"conformance": "Supports",
"responsibility": "Shared",
"group": "Hybrid",
"flagged": false
}
],
"summary": {
"rated": 13,
"levelA": 7,
"levelAA": 6,
"supports": 11,
"partiallySupports": 2,
"doesNotSupport": 0,
"verified": 10,
"automated": 4
}
},
{
"component": "LinearProgress",
"counts": {
Expand Down
Loading
Loading