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.

Sign up for GitHub

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

Update coverage report script to process new content tree and put output into about (Issue 2418 task 9) #2451

Merged
merged 11 commits into from
Oct 27, 2022
Merged

Update coverage report script to process new content tree and put output into about (Issue 2418 task 9) #2451

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
11 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
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
b98dcbc
Address PR 2451 feedback broken coverage links
alflennik Oct 18, 2022
456791c
Address PR 2451 feedback missing guidance coverage
alflennik Oct 26, 2022
46147f0
Merge branch 'move-examples' into move-examples-9
alflennik Oct 26, 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,601 changes: 2,601 additions & 0 deletions content/about/coverage-and-quality/coverage-and-quality-report.html
View file
Open in desktop

Large diffs are not rendered by default.

49 changes: 49 additions & 0 deletions content/about/coverage-and-quality/prop-coverage.csv
View file
Open in desktop
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: Date Picker Combobox","Example: Alert Dialog","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: Checkbox (Two State)","Example: Date Picker Combobox","Example: Select-Only Combobox","Example: Editable Combobox with Grid Popup","Example: Alert Dialog","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: Date Picker Combobox","Example: Alert Dialog","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
View file
Open in desktop
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"
4 changes: 2 additions & 2 deletions content/patterns/dialog-modal/examples/alertdialog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@
<script src="../../../shared/js/examples.js"></script>
<script src="../../../shared/js/highlight.pack.js"></script>
<script src="../../../shared/js/app.js"></script>
<script src="../../../shared/js/utils.js"></script>

<!-- js and css for this example. -->
<script src="js/alertdialog.js"></script>
<script src="js/dialog.js"></script>
<script src="../../../shared/js/utils.js"></script>
<link href="css/dialog.css" rel="stylesheet">
<script src="js/alertdialog.js"></script>
</head>

<body>
Expand Down
2 changes: 1 addition & 1 deletion content/patterns/feed/examples/feed.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,7 +198,7 @@ <h2>Javascript and CSS Source Code</h2>
<p>The following Javascript and CSS is used by the feedDisplay.html page:</p>
<ul>
<li><a href="css/feedDisplay.css" type="tex/css">feedDisplay.css</a></li>
<li>Javascript: <a href="js/feed.js" type="text/javascript">feed.js</a>, <a href="js/feedDisplay.js" type="text/javascript">feedDisplay.js</a>, <a href="js/main.js" type="text/javascript">main.js</a>, <a href="../js/utils.js">utils.js</a></li>
<li>Javascript: <a href="js/feed.js" type="text/javascript">feed.js</a>, <a href="js/feedDisplay.js" type="text/javascript">feedDisplay.js</a>, <a href="js/main.js" type="text/javascript">main.js</a>, <a href="../../../shared/js/utils.js">utils.js</a></li>
</ul>
</section>

Expand Down
2 changes: 1 addition & 1 deletion content/shared/js/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@

// Add skipto.js to examples
(function () {
let ref = window.location.href.match(/(.+\/)(patterns|index)\//)[1];
let ref = window.location.href.match(/(.+\/)(patterns|about|index)\//)[1];
if (ref) {
let head = document.getElementsByTagName('head')[0];
let scriptNode = document.createElement('script');
Expand Down
Loading