@verndale/accessibility-standards 2.0.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/OPERATING.md +1 -1
- package/README.md +1 -1
- package/dist/manifest.json +156 -116
- package/dist/profiles/ai-orchestration/coverage-manifest.json +702 -153
- package/dist/profiles/ai-orchestration/implementation/accessibility.md +523 -42
- package/dist/profiles/ai-orchestration/pattern-contracts.json +892 -306
- package/dist/profiles/ai-orchestration/patterns/accordion.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/alert.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/carousel.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/checkbox.md +27 -0
- package/dist/profiles/ai-orchestration/patterns/combobox.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/consequential-submission.md +8 -3
- package/dist/profiles/ai-orchestration/patterns/dialog.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/disclosure.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/dynamic-status.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/field.md +7 -1
- package/dist/profiles/ai-orchestration/patterns/image.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/listbox.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/media-player.md +9 -1
- package/dist/profiles/ai-orchestration/patterns/menu-button.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/menu.md +30 -0
- package/dist/profiles/ai-orchestration/patterns/pagination.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/popover.md +7 -1
- package/dist/profiles/ai-orchestration/patterns/progress.md +7 -1
- package/dist/profiles/ai-orchestration/patterns/radio-group.md +27 -0
- package/dist/profiles/ai-orchestration/patterns/slider.md +31 -0
- package/dist/profiles/ai-orchestration/patterns/spinbutton.md +28 -0
- package/dist/profiles/ai-orchestration/patterns/tabs.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/tooltip.md +6 -1
- package/dist/profiles/ai-orchestration/patterns/tree-view.md +31 -0
- package/dist/profiles/ai-orchestration/patterns/validation.md +7 -1
- package/dist/profiles/ai-orchestration/review/accessibility.md +14 -6
- package/dist/profiles/ai-orchestration/semantics/accessible-authentication.md +13 -0
- package/dist/profiles/ai-orchestration/semantics/accessible-name.md +8 -2
- package/dist/profiles/ai-orchestration/semantics/alert.md +7 -1
- package/dist/profiles/ai-orchestration/semantics/consequential-action.md +6 -2
- package/dist/profiles/ai-orchestration/semantics/consistent-help.md +13 -0
- package/dist/profiles/ai-orchestration/semantics/data-table.md +7 -2
- package/dist/profiles/ai-orchestration/semantics/dragging-alternative.md +13 -0
- package/dist/profiles/ai-orchestration/semantics/expanded-state.md +6 -1
- package/dist/profiles/ai-orchestration/semantics/focus.initial.md +4 -1
- package/dist/profiles/ai-orchestration/semantics/focus.return.md +4 -1
- package/dist/profiles/ai-orchestration/semantics/focus.visible.md +8 -2
- package/dist/profiles/ai-orchestration/semantics/form-error.md +8 -2
- package/dist/profiles/ai-orchestration/semantics/form-label.md +7 -1
- package/dist/profiles/ai-orchestration/semantics/form-required.md +7 -1
- package/dist/profiles/ai-orchestration/semantics/headings.md +7 -1
- package/dist/profiles/ai-orchestration/semantics/keyboard.escape.md +4 -1
- package/dist/profiles/ai-orchestration/semantics/keyboard.md +7 -1
- package/dist/profiles/ai-orchestration/semantics/landmarks.md +6 -1
- package/dist/profiles/ai-orchestration/semantics/live-status.md +7 -2
- package/dist/profiles/ai-orchestration/semantics/media-alternatives.md +11 -1
- package/dist/profiles/ai-orchestration/semantics/motion-control.md +8 -2
- package/dist/profiles/ai-orchestration/semantics/name-role-value.md +6 -2
- package/dist/profiles/ai-orchestration/semantics/native-dialog.md +7 -1
- package/dist/profiles/ai-orchestration/semantics/native-elements.md +5 -1
- package/dist/profiles/ai-orchestration/semantics/non-text-alternative.md +5 -1
- package/dist/profiles/ai-orchestration/semantics/redundant-entry.md +13 -0
- package/dist/profiles/ai-orchestration/semantics/roles-states-properties.md +6 -1
- package/dist/profiles/ai-orchestration/semantics/selected-state.md +6 -1
- package/dist/profiles/ai-orchestration/semantics/target-size.md +6 -2
- package/dist/profiles/ai-orchestration/semantics.json +826 -130
- package/dist/profiles/ai-orchestration/testing/accessibility.md +33 -3
- package/dist/profiles/ai-orchestration/ui-design-brain-bindings.json +287 -307
- package/dist/profiles/conductor/a11y-semantics.md +249 -10
- package/dist/profiles/conductor/accessibility-quality.md +275 -33
- package/dist/profiles/conductor/applicability-matrix.json +226 -269
- package/dist/profiles/conductor/coverage-manifest.json +702 -153
- package/dist/profiles/conductor/pattern-contracts.json +892 -306
- package/dist/profiles/conductor/patterns/accordion.json +35 -27
- package/dist/profiles/conductor/patterns/alert.json +29 -21
- package/dist/profiles/conductor/patterns/carousel.json +36 -28
- package/dist/profiles/conductor/patterns/checkbox.json +67 -0
- package/dist/profiles/conductor/patterns/combobox.json +37 -29
- package/dist/profiles/conductor/patterns/consequential-submission.json +34 -25
- package/dist/profiles/conductor/patterns/dialog.json +37 -29
- package/dist/profiles/conductor/patterns/disclosure.json +33 -25
- package/dist/profiles/conductor/patterns/dynamic-status.json +31 -22
- package/dist/profiles/conductor/patterns/field.json +41 -25
- package/dist/profiles/conductor/patterns/image.json +31 -22
- package/dist/profiles/conductor/patterns/listbox.json +35 -27
- package/dist/profiles/conductor/patterns/media-player.json +59 -29
- package/dist/profiles/conductor/patterns/menu-button.json +34 -26
- package/dist/profiles/conductor/patterns/menu.json +78 -0
- package/dist/profiles/conductor/patterns/pagination.json +34 -25
- package/dist/profiles/conductor/patterns/popover.json +42 -26
- package/dist/profiles/conductor/patterns/progress.json +38 -23
- package/dist/profiles/conductor/patterns/radio-group.json +69 -0
- package/dist/profiles/conductor/patterns/slider.json +84 -0
- package/dist/profiles/conductor/patterns/spinbutton.json +74 -0
- package/dist/profiles/conductor/patterns/tabs.json +34 -26
- package/dist/profiles/conductor/patterns/tooltip.json +31 -23
- package/dist/profiles/conductor/patterns/tree-view.json +77 -0
- package/dist/profiles/conductor/patterns/validation.json +42 -26
- package/dist/profiles/conductor/semantics.json +826 -130
- package/dist/profiles/conductor/ui-design-brain-bindings.json +287 -307
- package/dist/projection-manifest.json +120 -104
- package/dist/requirements-to-implementation.md +7 -1
- package/lib/build.mjs +3 -3
- package/lib/digest.mjs +8 -0
- package/lib/load.mjs +13 -0
- package/lib/provenance.mjs +2 -0
- package/lib/render.mjs +51 -7
- package/lib/sync.mjs +2 -2
- package/lib/validate.mjs +335 -33
- package/package.json +6 -2
- package/profiles/ai-orchestration/profile.json +1 -1
- package/profiles/ai-orchestration/templates/patterns/README.md +1 -1
- package/profiles/ai-orchestration/templates/review/README.md +1 -1
- package/profiles/ai-orchestration/templates/semantics/README.md +1 -1
- package/profiles/ai-orchestration/templates/testing/README.md +1 -1
- package/profiles/conductor/profile.json +1 -1
- package/profiles/conductor/templates/evidence/README.md +1 -1
- package/profiles/conductor/templates/patterns/README.md +1 -1
- package/profiles/conductor/templates/semantics/README.md +1 -1
- package/schemas/consumer-config.schema.json +1 -1
- package/schemas/contract.schema.json +1 -1
- package/schemas/manifest.schema.json +1 -1
- package/schemas/pattern.schema.json +98 -1
- package/schemas/profile.schema.json +1 -1
- package/schemas/projection-manifest.schema.json +6 -6
- package/schemas/semantic.schema.json +26 -1
- package/schemas/standards-reference.schema.json +105 -0
- package/schemas/wcag-coverage.schema.json +93 -0
- package/src/applicability/facts.yml +3 -5
- package/src/applicability/matrix.yml +5 -7
- package/src/applicability/ui-design-brain-bindings.yml +8 -22
- package/src/contract.yml +1 -1
- package/src/coverage/wcag-2.2.yml +68 -0
- package/src/patterns/disclosure/accordion.yml +1 -1
- package/src/patterns/disclosure/disclosure.yml +1 -1
- package/src/patterns/feedback/alert.yml +1 -1
- package/src/patterns/feedback/dynamic-status.yml +1 -1
- package/src/patterns/feedback/progress.yml +1 -1
- package/src/patterns/forms/consequential-submission.yml +1 -1
- package/src/patterns/forms/field.yml +1 -1
- package/src/patterns/forms/spinbutton.yml +1 -0
- package/src/patterns/forms/validation.yml +1 -1
- package/src/patterns/media/carousel.yml +1 -1
- package/src/patterns/media/image.yml +1 -1
- package/src/patterns/media/media-player.yml +1 -1
- package/src/patterns/navigation/menu-button.yml +1 -1
- package/src/patterns/navigation/menu.yml +1 -0
- package/src/patterns/navigation/pagination.yml +1 -1
- package/src/patterns/navigation/tabs.yml +1 -1
- package/src/patterns/navigation/tree-view.yml +1 -0
- package/src/patterns/overlays/dialog.yml +1 -1
- package/src/patterns/overlays/popover.yml +1 -1
- package/src/patterns/overlays/tooltip.yml +1 -1
- package/src/patterns/selection/checkbox.yml +1 -0
- package/src/patterns/selection/combobox.yml +1 -1
- package/src/patterns/selection/listbox.yml +1 -1
- package/src/patterns/selection/radio-group.yml +1 -0
- package/src/patterns/selection/slider.yml +1 -0
- package/src/semantics/accessible-names.yml +1 -1
- package/src/semantics/forms.yml +1 -1
- package/src/semantics/headings-landmarks.yml +1 -1
- package/src/semantics/keyboard-focus.yml +1 -1
- package/src/semantics/live-regions.yml +1 -1
- package/src/semantics/media.yml +1 -1
- package/src/semantics/native-elements.yml +1 -1
- package/src/semantics/roles-states-properties.yml +1 -1
- package/src/semantics/tables.yml +1 -1
- package/src/semantics/wcag-2.2.yml +1 -0
- package/src/sources.yml +1 -1
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.accordion
|
|
4
4
|
|
|
5
5
|
## pattern.accordion
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg accordion](<https://www.w3.org/WAI/ARIA/apg/patterns/accordion/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.native-elements, semantics.accessible-name, semantics.expanded-state, semantics.keyboard, semantics.focus.visible.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.accordion"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Grouped disclosure sections.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.alert
|
|
4
4
|
|
|
5
5
|
## pattern.alert
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg alert](<https://www.w3.org/WAI/ARIA/apg/patterns/alert/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.alert.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.alert"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Urgent message.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.carousel
|
|
4
4
|
|
|
5
5
|
## pattern.carousel
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg carousel](<https://www.w3.org/WAI/ARIA/apg/patterns/carousel/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.accessible-name, semantics.keyboard, semantics.focus.visible, semantics.motion-control, semantics.live-status.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.carousel"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Rotating content set.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
|
+
# pattern.checkbox
|
|
4
|
+
|
|
5
|
+
## pattern.checkbox
|
|
6
|
+
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg checkbox](<https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/>) — informative
|
|
9
|
+
|
|
10
|
+
Requires: semantics.accessible-name, semantics.focus.visible, semantics.form-label, semantics.keyboard, semantics.name-role-value, semantics.native-elements, semantics.roles-states-properties.
|
|
11
|
+
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.checkbox"}}`
|
|
13
|
+
|
|
14
|
+
Scope: Standalone, grouped, dual-state, or tri-state checkboxes.
|
|
15
|
+
|
|
16
|
+
Behavior:
|
|
17
|
+
- Use a native checkbox when it provides the required behavior; otherwise expose checkbox semantics and synchronize checked, unchecked, or mixed state
|
|
18
|
+
- Space toggles the focused checkbox without changing unrelated controls
|
|
19
|
+
- Associate logical groups and any relevant descriptions with programmatic group labels
|
|
20
|
+
|
|
21
|
+
Product decisions: dual_or_tri_state, group_labeling, mixed_state_cycle.
|
|
22
|
+
|
|
23
|
+
Functional Spec bindings: fields, states, keyboard.
|
|
24
|
+
|
|
25
|
+
Implementation outcomes: checkbox-group-semantics, checkbox-state-machine.
|
|
26
|
+
|
|
27
|
+
Evidence: unit, axe, e2e, human.
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.combobox
|
|
4
4
|
|
|
5
5
|
## pattern.combobox
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg combobox](<https://www.w3.org/WAI/ARIA/apg/patterns/combobox/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.accessible-name, semantics.expanded-state, semantics.selected-state, semantics.keyboard, semantics.live-status.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.combobox"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Input with selectable popup.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.consequential-submission
|
|
4
4
|
|
|
5
5
|
## pattern.consequential-submission
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 3.3.4](<https://www.w3.org/TR/WCAG22/#error-prevention-legal-financial-data>) (Level AA) — normative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.consequential-action, semantics.form-error, semantics.keyboard.
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
Activation: `{"contains":{"fact":"component.submission_consequence","value":"consequential"}}`
|
|
13
|
+
|
|
14
|
+
Scope: Legal commitments, financial transactions, stored user-controllable data changes, or user test-response submissions.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
12
|
-
-
|
|
17
|
+
- Provide at least one declared safeguard: make the submission reversible; check user-entered data for errors and let the user correct them; or let the user review, confirm, and correct information before finalizing
|
|
13
18
|
|
|
14
19
|
Product decisions: safeguard, reversal_window.
|
|
15
20
|
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.dialog
|
|
4
4
|
|
|
5
5
|
## pattern.dialog
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg dialog-modal](<https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.native-dialog, semantics.accessible-name, semantics.keyboard.escape, semantics.focus.initial, semantics.focus.return.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.dialog"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Modal and non-modal dialogs.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.disclosure
|
|
4
4
|
|
|
5
5
|
## pattern.disclosure
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg disclosure](<https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.native-elements, semantics.accessible-name, semantics.expanded-state, semantics.keyboard.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.disclosure"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Show and hide supplementary content.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.dynamic-status
|
|
4
4
|
|
|
5
5
|
## pattern.dynamic-status
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 4.1.3](<https://www.w3.org/TR/WCAG22/#status-messages>) (Level AA) — normative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.live-status.
|
|
8
11
|
|
|
12
|
+
Activation: `{"equals":{"fact":"component.has_dynamic_status","value":true}}`
|
|
13
|
+
|
|
9
14
|
Scope: Asynchronous status message.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.field
|
|
4
4
|
|
|
5
5
|
## pattern.field
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 3.3.2](<https://www.w3.org/TR/WCAG22/#labels-or-instructions>) (Level A) — normative
|
|
9
|
+
- [wcag-2.2 4.1.2](<https://www.w3.org/TR/WCAG22/#name-role-value>) (Level A) — normative
|
|
10
|
+
|
|
7
11
|
Requires: semantics.form-label, semantics.form-required, semantics.focus.visible.
|
|
8
12
|
|
|
13
|
+
Activation: `{"any":[{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.field"}},{"equals":{"fact":"component.has_form_fields","value":true}}]}`
|
|
14
|
+
|
|
9
15
|
Scope: Labeled form input.
|
|
10
16
|
|
|
11
17
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.image
|
|
4
4
|
|
|
5
5
|
## pattern.image
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 1.1.1](<https://www.w3.org/TR/WCAG22/#non-text-content>) (Level A) — normative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.non-text-alternative.
|
|
8
11
|
|
|
12
|
+
Activation: `{"any":[{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.image"}},{"equals":{"fact":"content.has_non_text","value":true}}]}`
|
|
13
|
+
|
|
9
14
|
Scope: Informative, functional, complex, or decorative image.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.listbox
|
|
4
4
|
|
|
5
5
|
## pattern.listbox
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg listbox](<https://www.w3.org/WAI/ARIA/apg/patterns/listbox/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.accessible-name, semantics.selected-state, semantics.keyboard, semantics.focus.visible.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.listbox"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Single or multi-select option list.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.media-player
|
|
4
4
|
|
|
5
5
|
## pattern.media-player
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 1.2.1](<https://www.w3.org/TR/WCAG22/#audio-only-and-video-only-prerecorded>) (Level A) — normative
|
|
9
|
+
- [wcag-2.2 1.2.2](<https://www.w3.org/TR/WCAG22/#captions-prerecorded>) (Level A) — normative
|
|
10
|
+
- [wcag-2.2 1.2.3](<https://www.w3.org/TR/WCAG22/#audio-description-or-media-alternative-prerecorded>) (Level A) — normative
|
|
11
|
+
- [wcag-2.2 1.2.5](<https://www.w3.org/TR/WCAG22/#audio-description-prerecorded>) (Level AA) — normative
|
|
12
|
+
|
|
7
13
|
Requires: semantics.media-alternatives, semantics.accessible-name, semantics.keyboard, semantics.focus.visible, semantics.motion-control.
|
|
8
14
|
|
|
15
|
+
Activation: `{"any":[{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.media-player"}},{"equals":{"fact":"content.has_media","value":true}}]}`
|
|
16
|
+
|
|
9
17
|
Scope: Audio or video playback.
|
|
10
18
|
|
|
11
19
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.menu-button
|
|
4
4
|
|
|
5
5
|
## pattern.menu-button
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg menu-button](<https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.accessible-name, semantics.expanded-state, semantics.keyboard, semantics.focus.initial, semantics.focus.return.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.menu-button"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Button opening a command menu.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
|
+
# pattern.menu
|
|
4
|
+
|
|
5
|
+
## pattern.menu
|
|
6
|
+
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg menubar](<https://www.w3.org/WAI/ARIA/apg/patterns/menubar/>) — informative
|
|
9
|
+
|
|
10
|
+
Requires: semantics.accessible-name, semantics.expanded-state, semantics.focus.initial, semantics.focus.return, semantics.focus.visible, semantics.keyboard, semantics.keyboard.escape, semantics.roles-states-properties.
|
|
11
|
+
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.menu"}}`
|
|
13
|
+
|
|
14
|
+
Scope: Command menus, submenus, and persistent menubars.
|
|
15
|
+
|
|
16
|
+
Behavior:
|
|
17
|
+
- Expose menu or menubar containers with menuitem, menuitemcheckbox, or menuitemradio children; synchronize submenu expanded state, checkable-item checked state, orientation, and disabled state
|
|
18
|
+
- When a popup menu opens, move focus to its first item; when a persistent menubar receives focus through Tab or Shift+Tab, restore its declared last-focused item or use its first enabled item; Tab and Shift+Tab do not move among items and, from an item, exit the composite and close all open menus
|
|
19
|
+
- For the default horizontal menubar with vertical popup menus, Right and Left move among menubar items, Down opens a submenu and focuses its first item, Up may open it and focus its last item, Down and Up move among popup items, Right opens a child submenu, and Left closes a child submenu and returns focus to its parent item; reverse the declared axes for alternate orientations
|
|
20
|
+
- Enter opens an item's submenu and focuses its first item, or otherwise activates the item and closes the menu; declare whether Space mirrors Enter on plain items, toggles menuitemcheckbox without closing, and checks a menuitemradio while unchecking its group peers without closing
|
|
21
|
+
- Keep disabled menu items focusable but non-activatable, keep separators non-focusable, and apply Home, End, optional type-ahead, and the declared wrapping policy within the current menu or menubar
|
|
22
|
+
- Escape closes the menu containing focus and restores focus to its parent item, menu button, or invoking context
|
|
23
|
+
|
|
24
|
+
Product decisions: entry_focus, focus_strategy, menu_or_menubar, orientation, space_behavior, submenu_model, typeahead, wrap_navigation.
|
|
25
|
+
|
|
26
|
+
Functional Spec bindings: behavior, states, keyboard, focus.
|
|
27
|
+
|
|
28
|
+
Implementation outcomes: menu-composite-focus, menu-keyboard-model, menu-state-model.
|
|
29
|
+
|
|
30
|
+
Evidence: unit, axe, e2e, human.
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.pagination
|
|
4
4
|
|
|
5
5
|
## pattern.pagination
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 2.4.4](<https://www.w3.org/TR/WCAG22/#link-purpose-in-context>) (Level A) — normative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.native-elements, semantics.accessible-name, semantics.landmarks, semantics.focus.visible.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.pagination"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Paged result navigation.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.popover
|
|
4
4
|
|
|
5
5
|
## pattern.popover
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 2.1.1](<https://www.w3.org/TR/WCAG22/#keyboard>) (Level A) — normative
|
|
9
|
+
- [wcag-2.2 2.4.3](<https://www.w3.org/TR/WCAG22/#focus-order>) (Level A) — normative
|
|
10
|
+
|
|
7
11
|
Requires: semantics.native-elements, semantics.accessible-name, semantics.keyboard.escape, semantics.focus.return.
|
|
8
12
|
|
|
13
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.popover"}}`
|
|
14
|
+
|
|
9
15
|
Scope: Non-modal transient surface.
|
|
10
16
|
|
|
11
17
|
Behavior:
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.progress
|
|
4
4
|
|
|
5
5
|
## pattern.progress
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wai-aria-1.2 progressbar](<https://www.w3.org/TR/wai-aria-1.2/#progressbar>) — normative
|
|
9
|
+
- [wcag-2.2 4.1.2](<https://www.w3.org/TR/WCAG22/#name-role-value>) (Level A) — normative
|
|
10
|
+
|
|
7
11
|
Requires: semantics.name-role-value, semantics.live-status.
|
|
8
12
|
|
|
13
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.progress"}}`
|
|
14
|
+
|
|
9
15
|
Scope: Determinate or indeterminate progress.
|
|
10
16
|
|
|
11
17
|
Behavior:
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
|
+
# pattern.radio-group
|
|
4
|
+
|
|
5
|
+
## pattern.radio-group
|
|
6
|
+
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg radio](<https://www.w3.org/WAI/ARIA/apg/patterns/radio/>) — informative
|
|
9
|
+
|
|
10
|
+
Requires: semantics.accessible-name, semantics.focus.visible, semantics.form-label, semantics.keyboard, semantics.native-elements, semantics.roles-states-properties.
|
|
11
|
+
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.radio-group"}}`
|
|
13
|
+
|
|
14
|
+
Scope: Mutually exclusive choices presented as a radio group.
|
|
15
|
+
|
|
16
|
+
Behavior:
|
|
17
|
+
- Use native grouped radio inputs when they provide the required behavior; otherwise expose a named radiogroup containing named radio controls with exactly one checked item when selected
|
|
18
|
+
- Use one tab stop for group entry, focusing the checked radio or the first radio when none is checked
|
|
19
|
+
- Outside a toolbar, Space selects the focused radio and arrow keys move focus and selection with wrapping; inside a toolbar, toolbar navigation moves focus without changing selection, while Space or optionally Enter checks the focused radio
|
|
20
|
+
|
|
21
|
+
Product decisions: initial_selection, native_or_custom, toolbar_context, wrap_navigation.
|
|
22
|
+
|
|
23
|
+
Functional Spec bindings: fields, states, keyboard, focus.
|
|
24
|
+
|
|
25
|
+
Implementation outcomes: radio-group-keyboard-model, radio-group-labeling, radio-group-selection-model.
|
|
26
|
+
|
|
27
|
+
Evidence: unit, axe, e2e, human.
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
|
+
# pattern.slider
|
|
4
|
+
|
|
5
|
+
## pattern.slider
|
|
6
|
+
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg slider](<https://www.w3.org/WAI/ARIA/apg/patterns/slider/>) — informative
|
|
9
|
+
- [aria-apg slider-multithumb](<https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/>) — informative
|
|
10
|
+
|
|
11
|
+
Requires: semantics.accessible-name, semantics.dragging-alternative, semantics.focus.visible, semantics.keyboard, semantics.name-role-value, semantics.native-elements, semantics.roles-states-properties.
|
|
12
|
+
|
|
13
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.slider"}}`
|
|
14
|
+
|
|
15
|
+
Scope: Single-thumb or multi-thumb bounded range input.
|
|
16
|
+
|
|
17
|
+
Behavior:
|
|
18
|
+
- Use a native input[type=range] for a single-thumb slider when it supplies the required range, step, orientation, labeling, and value presentation; use a custom slider only when native behavior cannot satisfy the declared interaction
|
|
19
|
+
- Expose every focusable thumb as a distinct named slider with synchronized current, minimum, maximum, orientation, and user-friendly value text when the numeric value is insufficient
|
|
20
|
+
- Right and Up increase by one step while Left and Down decrease by one step unless a documented orientation and value presentation makes reversal more intuitive; Home and End move to range bounds, and optional Page Up and Page Down apply the declared larger step
|
|
21
|
+
- Provide an equivalent single-pointer method for every drag operation that does not require dragging, such as track activation or an adjacent value input
|
|
22
|
+
- Keep every thumb in a constant tab order for multi-thumb sliders and update dependent thumb bounds whenever another thumb changes them
|
|
23
|
+
- Verify operation with touch-based assistive technology on target devices before production use
|
|
24
|
+
|
|
25
|
+
Product decisions: direction_mapping, large_step, native_or_custom, orientation, single_or_multi_thumb, step, thumb_constraints, value_text.
|
|
26
|
+
|
|
27
|
+
Functional Spec bindings: fields, states, keyboard, controls.
|
|
28
|
+
|
|
29
|
+
Implementation outcomes: slider-keyboard-model, slider-native-control-selection, slider-range-state, slider-touch-at-compatibility.
|
|
30
|
+
|
|
31
|
+
Evidence: unit, axe, e2e, human.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
|
+
# pattern.spinbutton
|
|
4
|
+
|
|
5
|
+
## pattern.spinbutton
|
|
6
|
+
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg spinbutton](<https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/>) — informative
|
|
9
|
+
|
|
10
|
+
Requires: semantics.accessible-name, semantics.focus.visible, semantics.form-label, semantics.keyboard, semantics.name-role-value, semantics.native-elements, semantics.roles-states-properties.
|
|
11
|
+
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.spinbutton"}}`
|
|
13
|
+
|
|
14
|
+
Scope: Value input constrained to a discrete set or range, with optional direct text editing.
|
|
15
|
+
|
|
16
|
+
Behavior:
|
|
17
|
+
- Use a native number input when it supplies the required range, step, editing, labeling, and validation behavior; otherwise expose a named spinbutton with synchronized current, minimum, maximum, user-friendly value text, and invalid state when a value is outside the allowed range
|
|
18
|
+
- Keep focus on the spinbutton while Up and Down change its value, Home and End apply known bounds, and optional Page Up and Page Down apply the declared larger step
|
|
19
|
+
- Treat the editable decision as permission for direct text entry, not as whether the spinbutton is adjustable; when direct editing is disabled, the declared increment and decrement controls still change the value and the spinbutton is not exposed as read-only
|
|
20
|
+
- When direct editing is allowed, preserve platform text editing commands and do not intercept keys needed to enter, navigate, select, or modify text
|
|
21
|
+
|
|
22
|
+
Product decisions: editable, large_step, native_or_custom, range_bounds, step, value_text.
|
|
23
|
+
|
|
24
|
+
Functional Spec bindings: fields, states, keyboard, validation.
|
|
25
|
+
|
|
26
|
+
Implementation outcomes: spinbutton-keyboard-model, spinbutton-native-control-selection, spinbutton-range-state, spinbutton-validation.
|
|
27
|
+
|
|
28
|
+
Evidence: unit, axe, e2e, human.
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.tabs
|
|
4
4
|
|
|
5
5
|
## pattern.tabs
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg tabs](<https://www.w3.org/WAI/ARIA/apg/patterns/tabs/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.accessible-name, semantics.selected-state, semantics.keyboard, semantics.focus.visible.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.tabs"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Tabbed interfaces.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.tooltip
|
|
4
4
|
|
|
5
5
|
## pattern.tooltip
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg tooltip](<https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/>) — informative
|
|
9
|
+
|
|
7
10
|
Requires: semantics.accessible-name, semantics.keyboard.escape.
|
|
8
11
|
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.tooltip"}}`
|
|
13
|
+
|
|
9
14
|
Scope: Supplementary description.
|
|
10
15
|
|
|
11
16
|
Behavior:
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
|
+
# pattern.tree-view
|
|
4
|
+
|
|
5
|
+
## pattern.tree-view
|
|
6
|
+
|
|
7
|
+
Standards:
|
|
8
|
+
- [aria-apg treeview](<https://www.w3.org/WAI/ARIA/apg/patterns/treeview/>) — informative
|
|
9
|
+
|
|
10
|
+
Requires: semantics.accessible-name, semantics.expanded-state, semantics.focus.visible, semantics.keyboard, semantics.roles-states-properties, semantics.selected-state.
|
|
11
|
+
|
|
12
|
+
Activation: `{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.tree-view"}}`
|
|
13
|
+
|
|
14
|
+
Scope: Hierarchical single-select or multi-select tree widgets.
|
|
15
|
+
|
|
16
|
+
Behavior:
|
|
17
|
+
- Expose tree, treeitem, and group relationships, set aria-multiselectable for a multi-select tree, and provide level, position, and set-size metadata when the complete hierarchy is not represented in the DOM
|
|
18
|
+
- On tree entry, focus the selected node or first selected node when one exists and otherwise focus the first node; keep one composite tab stop and keep focus visually distinct from selection
|
|
19
|
+
- In a vertical tree, Right Arrow opens a closed parent without moving focus, moves from an open parent to its first child, and does nothing on an end node; Left Arrow closes an open parent, moves from a closed parent or end node to its parent, and does nothing on a root node that cannot close
|
|
20
|
+
- In a vertical tree, Down Arrow moves to the next visible focusable node and Up Arrow moves to the previous visible focusable node without changing expansion; Home and End move to the first and last visible focusable nodes, Enter performs the node's declared default action, and type-ahead moves to the next matching node
|
|
21
|
+
- For a horizontal tree, remap Down Arrow to the vertical Right Arrow behavior, Right Arrow to vertical Down Arrow, Up Arrow to vertical Left Arrow, and Left Arrow to vertical Up Arrow
|
|
22
|
+
- Keep focus distinct from selection and synchronize expansion and the declared aria-selected or aria-checked state model without exposing both states for the same selection purpose
|
|
23
|
+
- For a multi-select tree using the recommended modifier-free model, navigation does not clear selection, Space toggles selection of the focused node, and declared Shift combinations extend contiguous selection; for the alternative modifier-required model, unmodified navigation selects only the focused node while Control plus an arrow moves focus without changing selection and Control plus Space toggles the focused node
|
|
24
|
+
|
|
25
|
+
Product decisions: focus_strategy, multi_select_keyboard_model, orientation, selection_follows_focus, selection_state, single_or_multi_select, typeahead, virtualization.
|
|
26
|
+
|
|
27
|
+
Functional Spec bindings: behavior, states, keyboard, focus.
|
|
28
|
+
|
|
29
|
+
Implementation outcomes: tree-hierarchy-semantics, tree-keyboard-model, tree-selection-model.
|
|
30
|
+
|
|
31
|
+
Evidence: unit, axe, e2e, human.
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
<!-- GENERATED by @verndale/accessibility-standards; DO NOT EDIT -->
|
|
2
|
-
<!-- package: @verndale/accessibility-standards@
|
|
2
|
+
<!-- package: @verndale/accessibility-standards@3.0.0; profile: ai-orchestration@3.0.0; schema: 3; source-digest: 708ac82783bfb5ebcce31e4dada15d8580863f5e37b32d1807adf61e415ed5af; profile-digest: de396e9a23010dff2e8abf3ae7e8500153599583ffa31a595b3a94fbe9df3da4 -->
|
|
3
3
|
# pattern.validation
|
|
4
4
|
|
|
5
5
|
## pattern.validation
|
|
6
6
|
|
|
7
|
+
Standards:
|
|
8
|
+
- [wcag-2.2 3.3.1](<https://www.w3.org/TR/WCAG22/#error-identification>) (Level A) — normative
|
|
9
|
+
- [wcag-2.2 3.3.3](<https://www.w3.org/TR/WCAG22/#error-suggestion>) (Level AA) — normative
|
|
10
|
+
|
|
7
11
|
Requires: semantics.form-error, semantics.live-status, semantics.focus.initial.
|
|
8
12
|
|
|
13
|
+
Activation: `{"any":[{"contains":{"fact":"component.accessibility_pattern_ids","value":"pattern.validation"}},{"equals":{"fact":"component.has_validation","value":true}}]}`
|
|
14
|
+
|
|
9
15
|
Scope: Client or server validation.
|
|
10
16
|
|
|
11
17
|
Behavior:
|