Skip to content

[JS] Prevent factsets from presenting as tables for accessibility#4124

Merged
paulcam206 merged 1 commit into
masterfrom
paulcam/aria-fixes
Jun 5, 2020
Merged

[JS] Prevent factsets from presenting as tables for accessibility#4124
paulcam206 merged 1 commit into
masterfrom
paulcam/aria-fixes

Conversation

@paulcam206

@paulcam206 paulcam206 commented Jun 5, 2020

Copy link
Copy Markdown
Member

Related Issue

VSO #23950960

Description

We build factsets in JS using a <table>. However, this has semantic meaning for screenreaders, which causes factsets to be read awkwardly. The fix (as recommended) is to set role="presentation" on the <table> element. This does not cause the screenreader to skip the content (as the child elements have no role set), but does cause it to treat the content normally.

How Verified

  • Local build
  • Local inspection
  • Narrator
Microsoft Reviewers: Open in CodeFlow

@ghost

ghost commented Jun 5, 2020

Copy link
Copy Markdown

Hi @paulcam206. Thanks for helping make the AdaptiveCards JS renderer + tooling better. As additional verification, once the JS build succeeds, please go to the test site to test out your website/designer changes.

@paulcam206 paulcam206 requested a review from dclaux June 5, 2020 16:55
@paulcam206 paulcam206 added Area-Accessibility Bugs around feature accessibility Platform-JavaScript Bugs or features related to the JavaScript renderer labels Jun 5, 2020
@paulcam206

Copy link
Copy Markdown
Member Author

/azp run

@azure-pipelines

Copy link
Copy Markdown
No pipelines are associated with this pull request.

@paulcam206 paulcam206 merged commit e9a901a into master Jun 5, 2020
@paulcam206 paulcam206 deleted the paulcam/aria-fixes branch June 5, 2020 17:12
@ghost

ghost commented Jul 7, 2020

Copy link
Copy Markdown

@shalinijoshi19 shalinijoshi19 added this to the 20.06 milestone Jul 10, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area-Accessibility Bugs around feature accessibility Platform-JavaScript Bugs or features related to the JavaScript renderer

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants