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

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

Closed
wants to merge 18 commits into from
Closed
Show file tree
Hide file tree
Changes from 7 commits
Commits
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 changes: 1 addition & 1 deletion aria-practices.html
Original file line number Diff line number Diff line change
Expand Up @@ -365,7 +365,7 @@ <h3 class="widget-name">Breadcrumb</h3>

<section class="notoc">
<h4>Example</h4>
<p><a href="examples/breadcrumb/index.html">Breadcrumb design pattern example</a></p>
<p><a href="examples/breadcrumb/breadcrumb.html">Breadcrumb design pattern example</a></p>
</section>

<section class="notoc">
Expand Down
266 changes: 182 additions & 84 deletions coverage/index.html

Large diffs are not rendered by default.

32 changes: 16 additions & 16 deletions coverage/prop-coverage.csv

Large diffs are not rendered by default.

46 changes: 23 additions & 23 deletions coverage/role-coverage.csv
Original file line number Diff line number Diff line change
@@ -1,53 +1,53 @@
"Role","Guidance","Examples","References"
"alert","2","1","Guidance: Alert","Guidance: Alert and Message Dialogs","Example: Alert"
"alert","2","2","Guidance: Alert","Guidance: Alert and Message Dialogs","Example: Alert","Example: Alert Dialog"
"alertdialog","0","1","Example: Alert Dialog"
"application","0","0"
"article","0","1","Example: Feed"
"banner","1","1","Guidance: Banner","Example: Banner Landmark"
"button","2","2","Guidance: Button","Guidance: Menu Button","Example: Button (IDL Version)","Example: Button"
"cell","3","0","Guidance: Defining cell spans using aria-colspan and aria-rowspan ","Guidance: Whether to Focus on a Cell Or an Element Inside It","Guidance: Editing and Navigating Inside a Cell"
"button","2","21","Guidance: Button","Guidance: Menu Button","Example: Accordion","Example: Button (IDL Version)","Example: Button","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: Disclosure (Show/Hide) for Answers to Frequently Asked Questions","Example: Disclosure (Show/Hide) for Image Description","Example: Disclosure for Navigation Menus","Example: Collapsible Dropdown Listbox","Example: Actions Menu Button Using aria-activedescendant","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","Example: Date Picker Spin Button","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation","Example: Toolbar"
"cell","3","1","Guidance: Defining cell spans using aria-colspan and aria-rowspan ","Guidance: Whether to Focus on a Cell Or an Element Inside It","Guidance: Editing and Navigating Inside a Cell","Example: Table"
"checkbox","1","2","Guidance: Checkbox","Example: Checkbox (Two State)","Example: Checkbox (Mixed-State)"
"columnheader","0","1","Example: Table"
"combobox","2","5","Guidance: Combobox","Guidance: Combobox Keyboard Interaction","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"
"columnheader","0","3","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Table"
"combobox","2","6","Guidance: Combobox","Guidance: Combobox Keyboard Interaction","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","1","1","Guidance: Complementary","Example: Complementary Landmark"
"contentinfo","1","1","Guidance: Contentinfo","Example: Contentinfo Landmark"
"definition","0","0"
"dialog","2","3","Guidance: Dialog (Modal)","Guidance: Dialog Popup Keyboard Interaction","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Modal Dialog"
"dialog","2","4","Guidance: Dialog (Modal)","Guidance: Dialog Popup Keyboard Interaction","Example: Date Picker Combobox","Example: Alert Dialog","Example: Date Picker Dialog","Example: Modal Dialog"
"directory","0","0"
"document","0","0"
"feed","1","1","Guidance: Feed","Example: Feed"
"figure","0","0"
"form","2","1","Guidance: Naming Form Controls with the Label Element","Guidance: Form","Example: Form Landmark"
"grid","2","5","Guidance: Grid and Table Properties","Guidance: Grid Popup Keyboard Interaction","Example: Date Picker Combobox","Example: Editable Combobox with Grid Popup","Example: Date Picker Dialog","Example: Data Grid","Example: Layout Grid"
"gridcell","0","1","Example: Layout Grid"
"group","2","6","Guidance: Radio Group","Guidance: For Radio Group Contained in a Toolbar","Example: Auto-Rotating Image Carousel","Example: Checkbox (Two State)","Example: Editor Menubar","Example: Date Picker Spin Button","Example: Navigation Treeview Using Computed Properties","Example: Navigation Treeview Using Declared Properties"
"gridcell","0","6","Example: Date Picker Combobox","Example: Editable Combobox with Grid Popup","Example: Date Picker Dialog","Example: Data Grid","Example: Layout Grid","Example: Treegrid Email Inbox"
"group","2","8","Guidance: Radio Group","Guidance: For Radio Group Contained in a Toolbar","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Checkbox (Two State)","Example: Editor Menubar","Example: Date Picker Spin Button","Example: File Directory Treeview Using Computed Properties","Example: File Directory Treeview Using Declared Properties","Example: Navigation Treeview Using Computed Properties","Example: Navigation Treeview Using Declared Properties"
"heading","0","0"
"img","0","0"
"img","0","2","Example: Link","Example: Horizontal Multi-Thumb Slider"
"link","1","1","Guidance: Link","Example: Link"
"list","0","0"
"list","0","2","Example: Navigation Treeview Using Computed Properties","Example: Navigation Treeview Using Declared Properties"
"listbox","2","8","Guidance: Listbox","Guidance: Listbox Popup Keyboard Interaction","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: Collapsible Dropdown Listbox","Example: Listbox with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox"
"listitem","0","0"
"listitem","0","4","Example: Navigation Menu Button","Example: Navigation Menubar","Example: Navigation Treeview Using Computed Properties","Example: Navigation Treeview Using Declared Properties"
"log","0","0"
"main","1","1","Guidance: Main","Example: Main Landmark"
"marquee","0","0"
"math","0","0"
"menu","2","6","Guidance: Menu or Menu bar","Guidance: Menu Button","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","4","Example: Actions Menu Button Using element.focus()","Example: Navigation Menu Button","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"
"navigation","5","1","Guidance: Fundamental Keyboard Navigation Conventions","Guidance: Keyboard Navigation Between Components (The Tab Sequence)","Guidance: Keyboard Navigation Inside Components","Guidance: Ensure Basic Access Via Navigation","Guidance: Navigation","Example: Navigation Landmark"
"none","0","2","Example: Navigation Menu Button","Example: Navigation Menubar"
"none","0","4","Example: Navigation Menu Button","Example: Navigation Menubar","Example: Navigation Treeview Using Computed Properties","Example: Navigation Treeview Using Declared Properties"
"note","0","0"
"option","0","4","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Select-Only Combobox"
"presentation","4","0","Guidance: Intentionally Hiding Semantics with the presentation Role","Guidance: Effects of Role presentation ","Guidance: Conditions That Cause Role presentation to be Ignored","Guidance: Example Demonstrating Effects of the presentation Role"
"presentation","4","1","Guidance: Intentionally Hiding Semantics with the presentation Role","Guidance: Effects of Role presentation ","Guidance: Conditions That Cause Role presentation to be Ignored","Guidance: Example Demonstrating Effects of the presentation Role","Example: Navigation Menu Button"
"progressbar","0","0"
"radio","3","3","Guidance: Radio Group","Guidance: For Radio Groups Not Contained in a Toolbar","Guidance: For Radio Group Contained in a Toolbar","Example: Radio Group Using Roving tabindex","Example: Radio Group Using aria-activedescendant","Example: Toolbar"
"radiogroup","0","3","Example: Radio Group Using Roving tabindex","Example: Radio Group Using aria-activedescendant","Example: Toolbar"
"region","1","4","Guidance: Region","Example: Accordion","Example: Auto-Rotating Image Carousel","Example: Auto-Rotating Image Carousel with a Tablist","Example: Region Landmark"
"row","0","4","Example: Editable Combobox with Grid Popup","Example: Layout Grid","Example: Table","Example: Treegrid Email Inbox"
"radio","3","3","Guidance: Radio Group","Guidance: For Radio Groups Not Contained in a Toolbar","Guidance: For Radio Group Contained in a Toolbar","Example: Radio Group Using aria-activedescendant","Example: Radio Group Using Roving tabindex","Example: Toolbar"
"radiogroup","0","3","Example: Radio Group Using aria-activedescendant","Example: Radio Group Using Roving tabindex","Example: Toolbar"
"region","1","4","Guidance: Region","Example: Accordion","Example: Auto-Rotating Image Carousel with Buttons for Slide Control","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Region Landmark"
"row","0","7","Example: Date Picker Combobox","Example: Editable Combobox with Grid Popup","Example: Date Picker Dialog","Example: Data Grid","Example: Layout Grid","Example: Table","Example: Treegrid Email Inbox"
"rowgroup","0","1","Example: Table"
"rowheader","0","0"
"rowheader","0","1","Example: Data Grid"
"scrollbar","0","0"
"search","1","1","Guidance: Search","Example: Search Landmark"
"searchbox","0","0"
Expand All @@ -56,10 +56,10 @@
"spinbutton","1","2","Guidance: Spinbutton","Example: Date Picker Spin Button","Example: Toolbar"
"status","0","0"
"switch","0","0"
"tab","1","3","Guidance: Keyboard Navigation Between Components (The Tab Sequence)","Example: Auto-Rotating Image Carousel with a Tablist","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"table","2","1","Guidance: Grid and Table Properties","Guidance: Table","Example: Table"
"tablist","0","3","Example: Auto-Rotating Image Carousel with a Tablist","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"tabpanel","0","3","Example: Auto-Rotating Image Carousel with a Tablist","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"tab","1","3","Guidance: Keyboard Navigation Between Components (The Tab Sequence)","Example: Auto-Rotating Image Carousel with Tabs for Slide Control","Example: Tabs with Automatic Activation","Example: Tabs with Manual Activation"
"table","2","5","Guidance: Grid and Table Properties","Guidance: Table","Example: Date Picker Combobox","Example: Date Picker Dialog","Example: Data Grid","Example: Table","Example: Treegrid Email Inbox"
"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"
Expand Down
File renamed without changes.
Loading