Skip to content

Fix minor accessibility bugs in DetailsList#5278

Merged
dzearing merged 4 commits intomicrosoft:masterfrom
ThomasMichon:details-accessibility
Jun 27, 2018
Merged

Fix minor accessibility bugs in DetailsList#5278
dzearing merged 4 commits intomicrosoft:masterfrom
ThomasMichon:details-accessibility

Conversation

@ThomasMichon
Copy link
Copy Markdown
Member

@ThomasMichon ThomasMichon commented Jun 20, 2018

Adjusted the contrast of the Check component.
Removed aria-disabled from column headers.

This fixes #4142, #4269, and #5076.

Microsoft Reviewers: Open in CodeFlow

key={column.key}
role="columnheader"
aria-sort={column.isSorted ? (column.isSortedDescending ? 'descending' : 'ascending') : 'none'}
aria-disabled={column.columnActionsMode === ColumnActionsMode.disabled}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't completely understand the background. Do you know who added this and why?

@natalieethell
Copy link
Copy Markdown
Contributor

Hey it looks like DetailsList was recently refactored in a PR merged 4 hours ago and there is now a new file, DetailsColumn.tsx. These changes may need to be made in there instead?

@ThomasMichon ThomasMichon force-pushed the details-accessibility branch from 3efaffd to b4199bd Compare June 26, 2018 21:50
@dzearing dzearing merged commit 0c61767 into microsoft:master Jun 27, 2018
ThomasMichon added a commit to ThomasMichon/office-ui-fabric-react that referenced this pull request Jul 17, 2018
* Remove aria-disabled from column headers (fix microsoft#4142)

* Increase contrast of Check (Fix microsoft#4269 and microsoft#5076)

* Update snapshot output

* Update change output
ThomasMichon added a commit to ThomasMichon/office-ui-fabric-react that referenced this pull request Jul 17, 2018
* Remove aria-disabled from column headers (fix microsoft#4142)

* Increase contrast of Check (Fix microsoft#4269 and microsoft#5076)

* Update snapshot output

* Update change output
ThomasMichon added a commit that referenced this pull request Jul 17, 2018
* Fix DetailsList accessibility and add more ARIA hooks (#5066)

* Fix Narrator table navigation and support ARIA labels for column states

* Update change output

* Update snapshot output

* Update details-accessibility_2018-06-01-20-15.json

* Fix minor accessibility bugs in DetailsList (#5278)

* Remove aria-disabled from column headers (fix #4142)

* Increase contrast of Check (Fix #4269 and #5076)

* Update snapshot output

* Update change output
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 30, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Accessibility] Non-actionable column headers in details are being read out as disabled by narrator, giving a wrong impression about the entire column

3 participants