Skip to content

fix(datepicker): screen reader reading out role twice #15663

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

Merged
merged 1 commit into from
May 13, 2019

Conversation

crisbeto
Copy link
Member

Currently the markup of the calendar is div[role="grid"] > table > td[role="gridcell"]. Because we've got both a grid and a table, NVDA ends up reading out something like "Dialog, table, table, 31st of March 2019, column X, row Y". These changes set the table to be a presentation role so that "table" is only read out once.

@crisbeto crisbeto added Accessibility This issue is related to accessibility (a11y) target: patch This PR is targeted for the next patch release labels Mar 30, 2019
@crisbeto crisbeto requested a review from mmalerba as a code owner March 30, 2019 14:33
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Mar 30, 2019
@mmalerba mmalerba added pr: lgtm action: merge The PR is ready for merge by the caretaker labels Apr 1, 2019
@mmalerba mmalerba added aaa and removed aaa labels Apr 25, 2019
@jelbourn
Copy link
Member

@crisbeto this passes presubmit, just needs a rebase

Currently the markup of the calendar is `div[role="grid"] > table > td[role="gridcell"]`. Because we've got both a `grid` and a `table`, NVDA ends up reading out something like "Dialog, table, table, 31st of March 2019, column X, row Y". These changes set the `table` to be a `presentation` role so that "table" is only read out once.
@crisbeto
Copy link
Member Author

Rebased.

@crisbeto crisbeto force-pushed the datepicker-double-role branch from c19c092 to 6e6e7cf Compare May 13, 2019 16:13
@jelbourn jelbourn merged commit 4a2d4ef into angular:master May 13, 2019
RudolfFrederiksen pushed a commit to RudolfFrederiksen/material2 that referenced this pull request Jun 21, 2019
Currently the markup of the calendar is `div[role="grid"] > table > td[role="gridcell"]`. Because we've got both a `grid` and a `table`, NVDA ends up reading out something like "Dialog, table, table, 31st of March 2019, column X, row Y". These changes set the `table` to be a `presentation` role so that "table" is only read out once.
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y) action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants