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

fixed bug with indexing aria-label property and added high contrast information #1709

Closed
wants to merge 18 commits into from
Closed

fixed bug with indexing aria-label property and added high contrast information #1709

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
b0b702f
fixed bug with indexing aria-label, it also got references to aria-la…
jongund Dec 29, 2020
d206684
fixed bug in coverage report too
jongund Dec 29, 2020
56e5084
Merge branch 'master' into fix-bug-index-generator
jongund Jan 18, 2021
5bf2200
replaced indexOf with regex
jongund Jan 18, 2021
4c17041
updated algorithms for searching for roles, properties and states
jongund Jan 19, 2021
6cabaa3
removed index.html for breadcrumbs
jongund Jan 19, 2021
921dc02
updated console output for references and coverage
jongund Jan 19, 2021
5290cad
ignoring depricated template files
jongund Apr 9, 2021
b091bc6
fixed spelling mistake in deprecated file name and in JS
jongund Apr 9, 2021
739e696
fixed bugs
jongund Apr 9, 2021
bb08117
updated package files to include node-html-parser
jongund Apr 9, 2021
a4ae965
added high contrast information
jongund Apr 12, 2021
4cfd0e7
fixed linting error
jongund Apr 12, 2021
7741f44
merged main to this branch
jongund Apr 12, 2021
9a0e9e0
updated aria-practices.html
jongund Apr 12, 2021
88a7cdc
resolving unwanted changes to aria-practices.html
jongund Apr 12, 2021
3b66145
updated aria-practices.html to resolve conflicits
jongund Apr 12, 2021
086862e
updated npm
jongund Apr 13, 2021
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
71 changes: 25 additions & 46 deletions coverage/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ <h1>ARIA Roles, Properties and States Referenced in Guidance and Examples</h1>
<p>
This page includes information on number of guidance and example references in the <a href="../">WAI-ARIA Authoring Practices</a> for each ARIA role, property and state. The guidance column is determined
by either the role, property or state being in the text content of a heading (e.g. <code>h2</code>-<code>h6</code>) or through the use of <code>
data-aria-roles</code> or <code>data-aria-props</code> attributes on any heading within the practices. The <code>data-aria-roles</code> or <code>data-aria-props</code> attributes should contain a space separated list of values. The use of the data attribute overrides the identification of roles, properties or states from the text content of a heading. The suffix <strong>&quot;(D)&quot;</strong> indicates a reference came from a data attribute, otherwise the reference came from the text content of a heading.</p>
data-aria-roles</code> or <code>data-aria-props</code> attributes on any heading within the practices. The <code>data-aria-roles</code> or <code>data-aria-props</code> attributes should contain a space separated list of values. The use of the data attribute overrides the identification of roles, properties or states from the text content of a heading. The suffix <strong>"(D)"</strong> indicates a reference came from a data attribute, otherwise the reference came from the text content of a heading.</p>
<p></p>
<ul>
<li><a href="#csv_files">CSV Files of Role, Properties and States Coverage</a></li>
Expand Down Expand Up @@ -303,7 +303,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
</ul>
</td>
<td><ul>
<li><a href="../examples/carousel/carousel-1.html">Auto-Rotating Image Carousel</a></li>
<li><a href="../examples/carousel/carousel-1-prev-next.html">Auto-Rotating Image Carousel with Buttons for Slide Control</a></li>
<li><a href="../examples/checkbox/checkbox-1/checkbox-1.html">Checkbox (Two State)</a></li>
<li><a href="../examples/menubar/menubar-editor.html">Editor Menubar</a></li>
<li><a href="../examples/spinbutton/datepicker-spinbuttons.html">Date Picker Spin Button</a></li>
Expand Down Expand Up @@ -430,8 +430,8 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
</ul>
</td>
<td><ul>
<li><a href="../examples/radio/radio-1/radio-1.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/radio/radio-2/radio-2.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio-activedescendant.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/toolbar/toolbar.html">Toolbar</a></li>
</ul>
</td>
Expand All @@ -440,8 +440,8 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><code>radiogroup</code></td>
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/radio/radio-1/radio-1.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/radio/radio-2/radio-2.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio-activedescendant.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/toolbar/toolbar.html">Toolbar</a></li>
</ul>
</td>
Expand All @@ -452,8 +452,8 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
</td>
<td><ul>
<li><a href="../examples/accordion/accordion.html">Accordion</a></li>
<li><a href="../examples/carousel/carousel-1.html">Auto-Rotating Image Carousel</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-1-prev-next.html">Auto-Rotating Image Carousel with Buttons for Slide Control</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/landmarks/region.html">Region Landmark</a></li>
</ul>
</td>
Expand Down Expand Up @@ -498,7 +498,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><a href="../aria-practices.html#kbd_general_between">Keyboard Navigation Between Components (The Tab Sequence)</a>
</td>
<td><ul>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/tabs/tabs-1/tabs.html">Tabs with Automatic Activation</a></li>
<li><a href="../examples/tabs/tabs-2/tabs.html">Tabs with Manual Activation</a></li>
</ul>
Expand All @@ -518,7 +518,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><code>tablist</code></td>
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/tabs/tabs-1/tabs.html">Tabs with Automatic Activation</a></li>
<li><a href="../examples/tabs/tabs-2/tabs.html">Tabs with Manual Activation</a></li>
</ul>
Expand All @@ -528,7 +528,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
<td><code>tabpanel</code></td>
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/tabs/tabs-1/tabs.html">Tabs with Automatic Activation</a></li>
<li><a href="../examples/tabs/tabs-2/tabs.html">Tabs with Manual Activation</a></li>
</ul>
Expand Down Expand Up @@ -683,7 +683,7 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<li><a href="../examples/listbox/listbox-rearrangeable.html">Listboxes with Rearrangeable Options</a></li>
<li><a href="../examples/listbox/listbox-scrollable.html">Scrollable Listbox</a></li>
<li><a href="../examples/menu-button/menu-button-actions-active-descendant.html">Actions Menu Button Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio-2/radio-2.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio-activedescendant.html">Radio Group Using aria-activedescendant</a></li>
</ul>
</td>
</tr>
Expand All @@ -706,8 +706,8 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<li><a href="../examples/checkbox/checkbox-1/checkbox-1.html">Checkbox (Two State)</a></li>
<li><a href="../examples/checkbox/checkbox-2/checkbox-2.html">Checkbox (Mixed-State)</a></li>
<li><a href="../examples/menubar/menubar-editor.html">Editor Menubar</a></li>
<li><a href="../examples/radio/radio-1/radio-1.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/radio/radio-2/radio-2.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio-activedescendant.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/toolbar/toolbar.html">Toolbar</a></li>
</ul>
</td>
Expand All @@ -727,7 +727,7 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/accordion/accordion.html">Accordion</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/checkbox/checkbox-2/checkbox-2.html">Checkbox (Mixed-State)</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-both.html">Editable Combobox With Both List and Inline Autocomplete</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-list.html">Editable Combobox With List Autocomplete</a></li>
Expand Down Expand Up @@ -831,42 +831,21 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<td><a href="../aria-practices.html#naming_with_aria-label">Naming with a String Attribute Via aria-label </a>
</td>
<td><ul>
<li><a href="../examples/carousel/carousel-1.html">Auto-Rotating Image Carousel</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/checkbox/checkbox-1/checkbox-1.html">Checkbox (Two State)</a></li>
<li><a href="../examples/carousel/carousel-1-prev-next.html">Auto-Rotating Image Carousel with Buttons for Slide Control</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-both.html">Editable Combobox With Both List and Inline Autocomplete</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-list.html">Editable Combobox With List Autocomplete</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-none.html">Editable Combobox without Autocomplete</a></li>
<li><a href="../examples/combobox/combobox-datepicker.html">Date Picker Combobox</a></li>
<li><a href="../examples/combobox/combobox-select-only.html">Select-Only Combobox</a></li>
<li><a href="../examples/combobox/grid-combo.html">Editable Combobox with Grid Popup</a></li>
<li><a href="../examples/dialog-modal/alertdialog.html">Alert Dialog</a></li>
<li><a href="../examples/dialog-modal/datepicker-dialog.html">Date Picker Dialog</a></li>
<li><a href="../examples/dialog-modal/dialog.html">Modal Dialog</a></li>
<li><a href="../examples/feed/feed.html">Feed</a></li>
<li><a href="../examples/grid/dataGrids.html">Data Grid</a></li>
<li><a href="../examples/grid/LayoutGrids.html">Layout Grid</a></li>
<li><a href="../examples/listbox/listbox-collapsible.html">Collapsible Dropdown Listbox</a></li>
<li><a href="../examples/listbox/listbox-grouped.html">Listbox with Grouped Options</a></li>
<li><a href="../examples/listbox/listbox-rearrangeable.html">Listboxes with Rearrangeable Options</a></li>
<li><a href="../examples/listbox/listbox-scrollable.html">Scrollable Listbox</a></li>
<li><a href="../examples/menu-button/menu-button-actions-active-descendant.html">Actions Menu Button Using aria-activedescendant</a></li>
<li><a href="../examples/menu-button/menu-button-actions.html">Actions Menu Button Using element.focus()</a></li>
<li><a href="../examples/menu-button/menu-button-links.html">Navigation Menu Button</a></li>
<li><a href="../examples/menubar/menubar-editor.html">Editor Menubar</a></li>
<li><a href="../examples/menubar/menubar-navigation.html">Navigation Menubar</a></li>
<li><a href="../examples/radio/radio-1/radio-1.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/radio/radio-2/radio-2.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/spinbutton/datepicker-spinbuttons.html">Date Picker Spin Button</a></li>
<li><a href="../examples/table/table.html">Table</a></li>
<li><a href="../examples/tabs/tabs-1/tabs.html">Tabs with Automatic Activation</a></li>
<li><a href="../examples/tabs/tabs-2/tabs.html">Tabs with Manual Activation</a></li>
<li><a href="../examples/toolbar/toolbar.html">Toolbar</a></li>
<li><a href="../examples/treegrid/treegrid-1.html">Treegrid Email Inbox</a></li>
<li><a href="../examples/treeview/treeview-1/treeview-1a.html">File Directory Treeview Using Computed Properties</a></li>
<li><a href="../examples/treeview/treeview-1/treeview-1b.html">File Directory Treeview Using Declared Properties</a></li>
<li><a href="../examples/treeview/treeview-2/treeview-2a.html">Navigation Treeview Using Computed Properties</a></li>
<li><a href="../examples/treeview/treeview-2/treeview-2b.html">Navigation Treeview Using Declared Properties</a></li>
</ul>
</td>
</tr>
Expand All @@ -892,8 +871,8 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<li><a href="../examples/menu-button/menu-button-actions-active-descendant.html">Actions Menu Button Using aria-activedescendant</a></li>
<li><a href="../examples/menu-button/menu-button-actions.html">Actions Menu Button Using element.focus()</a></li>
<li><a href="../examples/menu-button/menu-button-links.html">Navigation Menu Button</a></li>
<li><a href="../examples/radio/radio-1/radio-1.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/radio/radio-2/radio-2.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio-activedescendant.html">Radio Group Using aria-activedescendant</a></li>
<li><a href="../examples/radio/radio.html">Radio Group Using Roving tabindex</a></li>
<li><a href="../examples/spinbutton/datepicker-spinbuttons.html">Date Picker Spin Button</a></li>
<li><a href="../examples/tabs/tabs-1/tabs.html">Tabs with Automatic Activation</a></li>
<li><a href="../examples/tabs/tabs-2/tabs.html">Tabs with Manual Activation</a></li>
Expand Down Expand Up @@ -926,8 +905,8 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/alert/alert.html">Alert</a></li>
<li><a href="../examples/carousel/carousel-1.html">Auto-Rotating Image Carousel</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-1-prev-next.html">Auto-Rotating Image Carousel with Buttons for Slide Control</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/combobox/combobox-datepicker.html">Date Picker Combobox</a></li>
<li><a href="../examples/dialog-modal/datepicker-dialog.html">Date Picker Dialog</a></li>
</ul>
Expand Down Expand Up @@ -969,8 +948,8 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<td><code>aria-roledescription</code></td>
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/carousel/carousel-1.html">Auto-Rotating Image Carousel</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-1-prev-next.html">Auto-Rotating Image Carousel with Buttons for Slide Control</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
</ul>
</td>
</tr>
Expand Down Expand Up @@ -998,7 +977,7 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
<td><code>aria-selected</code></td>
<td><abbr title="none" style="color: gray">-</abbr></td>
<td><ul>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with a Tablist</a></li>
<li><a href="../examples/carousel/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-both.html">Editable Combobox With Both List and Inline Autocomplete</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-list.html">Editable Combobox With List Autocomplete</a></li>
<li><a href="../examples/combobox/combobox-autocomplete-none.html">Editable Combobox without Autocomplete</a></li>
Expand Down Expand Up @@ -1081,4 +1060,4 @@ <h2 id="props_with_more_than_one_label">Properties and States with More than One
</nav>


</main></body></html>
</main></body></html>
Loading