Spin Button and Checkbox: Added Support for aria-setsize and aria-posinset#4006
Merged
jspurlin merged 3 commits intomicrosoft:masterfrom Feb 20, 2018
Merged
Spin Button and Checkbox: Added Support for aria-setsize and aria-posinset#4006jspurlin merged 3 commits intomicrosoft:masterfrom
jspurlin merged 3 commits intomicrosoft:masterfrom
Conversation
chang47
changed the title
jspurlin
approved these changes
Feb 20, 2018
Markionium
added a commit
to Markionium/office-ui-fabric-react
that referenced
this pull request
Feb 21, 2018
* master: Applying package updates. Features/disabled link pointer events (microsoft#4020) Image SCSS to MergeStyles Part 1: File Structure (microsoft#4037) Nav SCSS to MergeStyles Part 1: File Structure (microsoft#4036) Dialog: modal props now mixed correctly (microsoft#4045) Rating type (microsoft#4046) Dialog: Converting to mergeStyles part 1 - file structure. (microsoft#4042) ScrollablePane SCSS to MergeStyles Part 2: Style Conversion (microsoft#4010) Spin Button and Checkbox: Added Support for aria-setsize and aria-posinset (microsoft#4006) SwatchColorPicker: Improve keyboarding/mouse experience (microsoft#4035) Enable jsx key (microsoft#4017) make onShouldVirtualize work for grouped list (microsoft#4021) ResizeGroup SCSS to MergeStyles Part 1: File Structure (microsoft#4022) Misc changes from 6.0 branch (microsoft#4031) Enable prefer-const tslint flag (microsoft#4018)
Markionium
added a commit
to Markionium/office-ui-fabric-react
that referenced
this pull request
Feb 21, 2018
* origin: Applying package updates. Features/disabled link pointer events (microsoft#4020) Image SCSS to MergeStyles Part 1: File Structure (microsoft#4037) Nav SCSS to MergeStyles Part 1: File Structure (microsoft#4036) Dialog: modal props now mixed correctly (microsoft#4045) Rating type (microsoft#4046) Dialog: Converting to mergeStyles part 1 - file structure. (microsoft#4042) ScrollablePane SCSS to MergeStyles Part 2: Style Conversion (microsoft#4010) Spin Button and Checkbox: Added Support for aria-setsize and aria-posinset (microsoft#4006) SwatchColorPicker: Improve keyboarding/mouse experience (microsoft#4035) Enable jsx key (microsoft#4017) make onShouldVirtualize work for grouped list (microsoft#4021) ResizeGroup SCSS to MergeStyles Part 1: File Structure (microsoft#4022) Misc changes from 6.0 branch (microsoft#4031) Enable prefer-const tslint flag (microsoft#4018)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
Checkboxes and Spin Buttons have the potential to be used in lists, example: if were to make a contextual menu that contains either of these components and currently we have no way of being able to set the correct aria attributes (aria-setsize and aria-posinset) to indicate that they are part of a set of ittmes.
Solution:
I added props that users can define so that we can set aria-setsize and aria-posinset in are components.
Validation
I tested being able to add these numbers by using these new prop values in the example pages for each respective component.