You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Add “expandable card/region” example to disclosure pattern (pull #3251)
Resolves issue #3215 by adding a new example page under the disclosure pattern that illustrates cards that can be expanded and collapsed.
---------
Co-authored-by: Howard Edwards <[email protected]>
Co-authored-by: Matt King <[email protected]>
The “role” attribute must not be used on a “td” element which has a “table” ancestor with no “role” attribute, or with a “role” attribute whose value is “table”, “grid”, or “treegrid”.
34
34
The “role” attribute must not be used on a “tr” element which has a “table” ancestor with no “role” attribute, or with a “role” attribute whose value is “table”, “grid”, or “treegrid”.
Copy file name to clipboardExpand all lines: content/about/coverage-and-quality/coverage-and-quality-report.html
+47-16Lines changed: 47 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -54,8 +54,8 @@ <h2>About These Reports</h2>
54
54
<ul>
55
55
<li><ahref="#csv_files">CSV Files of Role, Properties and States Coverage</a></li>
56
56
<li><ahref="#roles_with_no_examples">Roles with no Guidance or Examples (<spanclass="roles_with_no_examples_count">28</span>)</a></li>
57
-
<li><ahref="#roles_with_one_example">Roles with at Least One Guidance or Example (<spanclass="roles_with_one_example_count">13</span>)</a></li>
58
-
<li><ahref="#roles_with_more_than_one_example">Roles with More than One Guidance or Example (<spanclass="roles_with_more_than_one_examples_count">37</span>)</a></li>
57
+
<li><ahref="#roles_with_one_example">Roles with at Least One Guidance or Example (<spanclass="roles_with_one_example_count">12</span>)</a></li>
58
+
<li><ahref="#roles_with_more_than_one_example">Roles with More than One Guidance or Example (<spanclass="roles_with_more_than_one_examples_count">38</span>)</a></li>
59
59
<li><ahref="#props_with_no_examples">Properties and States with no Examples (<spanclass="props_with_no_examples_count">12</span>)</a></li>
60
60
<li><ahref="#props_with_one_example">Properties and States with One Examples (<spanclass="props_with_one_example_count">8</span>)</a></li>
61
61
<li><ahref="#props_with_more_than_one_example">Properties and States with More than One Example (<spanclass="props_with_more_than_one_examples_count">28</span>)</a></li>
@@ -105,7 +105,7 @@ <h2 id="roles_with_no_examples_label">Roles with No Guidance or Examples (<span
105
105
</section>
106
106
107
107
<sectionid="roles_with_one_example">
108
-
<h2id="roles_with_one_example_label">Roles with at Least One Guidance or Example (<spanclass="roles_with_one_example_count">13</span>)</h2>
108
+
<h2id="roles_with_one_example_label">Roles with at Least One Guidance or Example (<spanclass="roles_with_one_example_count">12</span>)</h2>
109
109
<div><strong>NOTE:</strong> The HC abbreviation means example has High Contrast support.</div>
@@ -204,7 +198,7 @@ <h2 id="roles_with_one_example_label">Roles with at Least One Guidance or Exampl
204
198
</section>
205
199
206
200
<sectionid="roles_with_more_than_one_example">
207
-
<h2id="roles_with_more_than_one_label">Roles with More than One Guidance or Example (<spanclass="roles_with_more_than_one_examples_count">37</span>)</h2>
201
+
<h2id="roles_with_more_than_one_label">Roles with More than One Guidance or Example (<spanclass="roles_with_more_than_one_examples_count">38</span>)</h2>
208
202
<div><strong>NOTE:</strong> The HC abbreviation means example has High Contrast support.</div>
<td><ahref="../../../content/patterns/disclosure/examples/disclosure-faq.html">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a></td>
1586
1604
<td>class</td>
@@ -2259,6 +2277,14 @@ <h3 id="example_graphics_techniques">SVG and High Contrast Techniques</h3>
<td><ahref="../../../content/patterns/disclosure/examples/disclosure-faq.html">Disclosure (Show/Hide) for Answers to Frequently Asked Questions</a></td>
2264
2290
<td></td>
@@ -2543,6 +2569,11 @@ <h3 id="example_mouse_pointer">Mouse and Pointer Events</h3>
Copy file name to clipboardExpand all lines: content/about/coverage-and-quality/prop-coverage.csv
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -7,14 +7,14 @@
7
7
"aria-colcount","1","1","Guidance: Using aria-colcount and aria-colindex","Example: Data Grid"
8
8
"aria-colindex","3","1","Guidance: Using aria-colcount and aria-colindex","Guidance: Using aria-colindex When Column Indices Are Contiguous","Guidance: Using aria-colindex When Column Indices Are Not Contiguous","Example: Data Grid"
9
9
"aria-colspan","1","0","Guidance: Defining cell spans using aria-colspan and aria-rowspan"
10
-
"aria-controls","0","21","Example: Accordion","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Checkbox (Mixed-State)","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Date Picker Combobox","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: Disclosure (Show/Hide) for Answers to Frequently Asked Questions","Example: Disclosure (Show/Hide) for Image Description","Example: Disclosure Navigation Menu with Top-Level Links","Example: Disclosure Navigation Menu","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Experimental Tabs with Action Buttons","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation","Example: Toolbar"
10
+
"aria-controls","0","22","Example: Accordion","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Checkbox (Mixed-State)","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Date Picker Combobox","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: Disclosure (Show/Hide) Card","Example: Disclosure (Show/Hide) for Answers to Frequently Asked Questions","Example: Disclosure (Show/Hide) for Image Description","Example: Disclosure Navigation Menu with Top-Level Links","Example: Disclosure Navigation Menu","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Experimental Tabs with Action Buttons","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation","Example: Toolbar"
11
11
"aria-current","0","5","Example: Breadcrumb","Example: Disclosure Navigation Menu with Top-Level Links","Example: Disclosure Navigation Menu","Example: Navigation Menubar","Example: Navigation Treeview"
12
12
"aria-describedby","1","6","Guidance: Describing by referencing content with aria-describedby","Example: Alert Dialog","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Modal Dialog","Example: Infinite Scrolling Feed","Example: Table"
"aria-expanded","0","22","Example: Accordion","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Date Picker Combobox","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: Disclosure (Show/Hide) for Answers to Frequently Asked Questions","Example: Disclosure (Show/Hide) for Image Description","Example: Disclosure Navigation Menu with Top-Level Links","Example: Disclosure Navigation Menu","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Editor Menubar","Example: Navigation Menubar","Example: Toolbar","Example: Treegrid Email Inbox","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview"
17
+
"aria-expanded","0","23","Example: Accordion","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Date Picker Combobox","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: Disclosure (Show/Hide) Card","Example: Disclosure (Show/Hide) for Answers to Frequently Asked Questions","Example: Disclosure (Show/Hide) for Image Description","Example: Disclosure Navigation Menu with Top-Level Links","Example: Disclosure Navigation Menu","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Editor Menubar","Example: Navigation Menubar","Example: Toolbar","Example: Treegrid Email Inbox","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview"
18
18
"aria-flowto","0","0"
19
19
"aria-grabbed","0","0"
20
20
"aria-haspopup","0","9","Example: Date Picker Combobox","Example: Editable Combobox with Grid Popup","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Editor Menubar","Example: Navigation Menubar","Example: Toolbar"
0 commit comments