Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unnest treeview examples for consistency (issue 2418 task) #2517

Merged
merged 20 commits into from
Oct 27, 2022
Merged
Show file tree
Hide file tree
Changes from 17 commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
bd26786
Implement 2418 task 9
alflennik Aug 29, 2022
1d86abd
Revise report template
mcking65 Sep 5, 2022
c199421
Add script documentation to template
mcking65 Sep 5, 2022
274c92f
Update paths to css and js in head
mcking65 Sep 5, 2022
57472e3
Implement 2418 task 7
alflennik Sep 21, 2022
0cabbdf
Merge branch 'move-examples' into move-examples-9
alflennik Sep 26, 2022
f5c246b
Address PR 2451 feedback
alflennik Sep 26, 2022
4ce8e67
Fix merge conflicts
mcking65 Oct 2, 2022
7fc0fe9
re-run script and generate index after merge
mcking65 Oct 2, 2022
b606aec
Address PR 2499 feedback remove superfluous utils.js
alflennik Oct 18, 2022
b98dcbc
Address PR 2451 feedback broken coverage links
alflennik Oct 18, 2022
e6af9db
Merge branch 'move-examples' into move-examples-next
alflennik Oct 20, 2022
af99791
Merge branch 'move-examples-9' into move-examples-next
alflennik Oct 20, 2022
81ff75b
Merge branch 'move-examples-alert-dialog' into move-examples-next
alflennik Oct 20, 2022
ce44f3c
Merge branch 'move-examples-7' into move-examples-next
alflennik Oct 20, 2022
fcc0861
Unnest treeview examples for consistency (issue 2418 task)
alflennik Oct 20, 2022
c0d5849
Address PR 2517 feedback broken links
alflennik Oct 26, 2022
85cb4a0
Update coverage and quality reports using content from move-examples …
mcking65 Oct 27, 2022
e2d2fc2
Replace coverage-report.js with version from move-examples branch
mcking65 Oct 27, 2022
5f14433
Fix href of design pattern links in related links nav region
mcking65 Oct 27, 2022
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
2,756 changes: 2,756 additions & 0 deletions content/about/coverage-and-quality/coverage-and-quality-report.html

Large diffs are not rendered by default.

49 changes: 49 additions & 0 deletions content/about/coverage-and-quality/prop-coverage.csv
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
"Property or State","Guidance","Examples","References"
"aria-activedescendant","0","11","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox","Example: Actions Menu Button Using aria-activedescendant","Example: Radio Group Using aria-activedescendant"
"aria-atomic","0","1","Example: Alert"
"aria-autocomplete","0","5","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: Editable Combobox with Grid Popup"
"aria-busy","0","1","Example: Feed"
"aria-checked","0","9","Example: Checkbox (Mixed-State)","Example: Checkbox (Two State)","Example: Editor Menubar","Example: Radio Group Using aria-activedescendant","Example: Rating Radio Group","Example: Radio Group Using Roving tabindex","Example: Switch Using HTML Button","Example: Switch","Example: Toolbar"
"aria-colcount","0","1","Example: Data Grid"
"aria-colindex","0","1","Example: Data Grid"
"aria-colspan","0","0"
"aria-controls","0","20","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: Tabs with Automatic Activation","Example: Tabs with Manual Activation","Example: Toolbar"
"aria-current","0","5","Example: Breadcrumb","Example: Disclosure Navigation Menu with Top-Level Links","Example: Disclosure Navigation Menu","Example: Navigation Menubar","Example: Navigation Treeview"
"aria-describedby","0","6","Example: Alert Dialog","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Modal Dialog","Example: Feed","Example: Table"
"aria-details","0","0"
"aria-disabled","0","3","Example: Alert Dialog","Example: Editor Menubar","Example: Toolbar"
"aria-dropeffect","0","0"
"aria-errormessage","0","0"
"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"
"aria-flowto","0","0"
"aria-grabbed","0","0"
"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"
"aria-hidden","0","13","Example: Button (IDL Version)","Example: Editor Menubar","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Switch Using HTML Button","Example: Switch Using HTML Checkbox Input","Example: Switch","Example: Sortable Table","Example: Toolbar"
"aria-invalid","0","0"
"aria-keyshortcuts","0","0"
"aria-label","0","18","Example: Breadcrumb","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","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: Date Picker Dialog","Example: Link","Example: Editor Menubar","Example: Navigation Menubar","Example: Rating Radio Group","Example: Horizontal Multi-Thumb Slider","Example: Date Picker Spin Button","Example: Table","Example: Toolbar","Example: Treegrid Email Inbox","Example: Navigation Treeview"
"aria-labelledby","0","40","Example: Accordion","Example: Alert Dialog","Example: Checkbox (Two State)","Example: Date Picker Combobox","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: Date Picker Dialog","Example: Modal Dialog","Example: Feed","Example: Data Grid","Example: Layout Grid","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Navigation Menubar","Example: Meter","Example: Radio Group Using aria-activedescendant","Example: Rating Radio Group","Example: Radio Group Using Roving tabindex","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Switch Using HTML Button","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview","Example: Complementary Landmark","Example: Form Landmark","Example: Main Landmark","Example: Navigation Landmark","Example: Region Landmark","Example: Search Landmark"
"aria-level","0","2","Example: Treegrid Email Inbox","Example: File Directory Treeview Using Declared Properties"
"aria-live","0","5","Example: Alert","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Date Picker Combobox","Example: Date Picker Dialog"
"aria-modal","0","4","Example: Alert Dialog","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Modal Dialog"
"aria-multiline","0","0"
"aria-multiselectable","0","1","Example: Listboxes with Rearrangeable Options"
"aria-orientation","0","1","Example: Vertical Temperature Slider"
"aria-owns","0","1","Example: Navigation Treeview"
"aria-placeholder","0","0"
"aria-posinset","0","3","Example: Feed","Example: Treegrid Email Inbox","Example: File Directory Treeview Using Declared Properties"
"aria-pressed","0","3","Example: Button (IDL Version)","Example: Button","Example: Toolbar"
"aria-readonly","0","0"
"aria-relevant","0","0"
"aria-required","0","0"
"aria-roledescription","0","2","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control"
"aria-rowcount","0","2","Example: Data Grid","Example: Layout Grid"
"aria-rowindex","0","2","Example: Data Grid","Example: Layout Grid"
"aria-rowspan","0","0"
"aria-selected","0","16","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","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: Date Picker Dialog","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties"
"aria-setsize","0","3","Example: Feed","Example: Treegrid Email Inbox","Example: File Directory Treeview Using Declared Properties"
"aria-sort","0","2","Example: Data Grid","Example: Sortable Table"
"aria-valuemax","0","8","Example: Meter","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Toolbar"
"aria-valuemin","0","8","Example: Meter","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Toolbar"
"aria-valuenow","0","8","Example: Meter","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Toolbar"
"aria-valuetext","0","5","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Date Picker Spin Button","Example: Toolbar"
79 changes: 79 additions & 0 deletions content/about/coverage-and-quality/role-coverage.csv
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
"Role","Guidance","Examples","References"
"alert","0","2","Example: Alert","Example: Alert Dialog"
"alertdialog","0","1","Example: Alert Dialog"
"application","0","0"
"article","0","1","Example: Feed"
"banner","0","3","Example: Navigation Menubar","Example: Navigation Treeview","Example: Banner Landmark"
"button","0","2","Example: Button (IDL Version)","Example: Button"
"caption","0","0"
"cell","0","1","Example: Table"
"checkbox","0","2","Example: Checkbox (Mixed-State)","Example: Checkbox (Two State)"
"code","0","0"
"columnheader","0","1","Example: Table"
"combobox","0","6","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"
"complementary","0","1","Example: Complementary Landmark"
"contentinfo","0","3","Example: Navigation Menubar","Example: Navigation Treeview","Example: Contentinfo Landmark"
"definition","0","0"
"deletion","0","0"
"dialog","0","3","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Modal Dialog"
"directory","0","0"
"document","0","0"
"emphasis","0","0"
"feed","0","1","Example: Feed"
"figure","0","0"
"form","0","1","Example: Form Landmark"
"generic","0","0"
"grid","0","5","Example: Date Picker Combobox","Example: Editable Combobox with Grid Popup","Example: Date Picker Dialog","Example: Data Grid","Example: Layout Grid"
"gridcell","0","3","Example: Editable Combobox with Grid Popup","Example: Layout Grid","Example: Treegrid Email Inbox"
"group","0","10","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Checkbox (Two State)","Example: Listbox with Grouped Options","Example: Editor Menubar","Example: Color Viewer Slider","Example: Date Picker Spin Button","Example: Switch Using HTML Button","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview"
"heading","0","0"
"img","0","0"
"input","0","0"
"insertion","0","0"
"link","0","1","Example: Link"
"list","0","0"
"listbox","0","8","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Select-Only Combobox","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox"
"listitem","0","0"
"log","0","0"
"main","0","1","Example: Main Landmark"
"marquee","0","0"
"math","0","0"
"menu","0","6","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"
"menubar","0","2","Example: Editor Menubar","Example: Navigation Menubar"
"menuitem","0","5","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Editor Menubar","Example: Navigation Menubar"
"menuitemcheckbox","0","1","Example: Editor Menubar"
"menuitemradio","0","2","Example: Editor Menubar","Example: Toolbar"
"meter","0","1","Example: Meter"
"navigation","0","3","Example: Navigation Menubar","Example: Navigation Treeview","Example: Navigation Landmark"
"none","0","7","Example: Navigation Menu Button","Example: Navigation Menubar","Example: Rating Radio Group","Example: Horizontal Multi-Thumb Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Navigation Treeview"
"note","0","0"
"option","0","8","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Select-Only Combobox","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox"
"paragraph","0","0"
"presentation","0","0"
"progressbar","0","0"
"radio","0","4","Example: Radio Group Using aria-activedescendant","Example: Rating Radio Group","Example: Radio Group Using Roving tabindex","Example: Toolbar"
"radiogroup","0","4","Example: Radio Group Using aria-activedescendant","Example: Rating Radio Group","Example: Radio Group Using Roving tabindex","Example: Toolbar"
"region","0","6","Example: Accordion","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Navigation Menubar","Example: Navigation Treeview","Example: Region Landmark"
"row","0","4","Example: Editable Combobox with Grid Popup","Example: Layout Grid","Example: Table","Example: Treegrid Email Inbox"
"rowgroup","0","1","Example: Table"
"rowheader","0","0"
"scrollbar","0","0"
"search","0","1","Example: Search Landmark"
"searchbox","0","0"
"separator","0","1","Example: Editor Menubar"
"slider","0","5","Example: Horizontal Multi-Thumb Slider","Example: Color Viewer Slider","Example: Rating Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider"
"spinbutton","0","2","Example: Date Picker Spin Button","Example: Toolbar"
"status","0","0"
"switch","0","3","Example: Switch Using HTML Button","Example: Switch Using HTML Checkbox Input","Example: Switch"
"tab","0","3","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"table","0","1","Example: Table"
"tablist","0","3","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"tabpanel","0","3","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"term","0","0"
"textbox","0","0"
"timer","0","0"
"toolbar","0","1","Example: Toolbar"
"tooltip","0","0"
"tree","0","3","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview"
"treegrid","0","1","Example: Treegrid Email Inbox"
"treeitem","0","3","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview"
Loading