Skip to content

Adaptive card set push button aria-pressed and default push button style options#3710

Merged
amal-khalaf merged 30 commits intomicrosoft:masterfrom
amal-khalaf:amal/3622_aria_pressed
Feb 18, 2021
Merged

Adaptive card set push button aria-pressed and default push button style options#3710
amal-khalaf merged 30 commits intomicrosoft:masterfrom
amal-khalaf:amal/3622_aria_pressed

Conversation

@amal-khalaf
Copy link
Copy Markdown

@amal-khalaf amal-khalaf commented Feb 6, 2021

Fixes #
#3622 [Screen Reader-Intelligent Support Experience-Feedback]: Voiceover/Talkback are not narrating the state(selected) for the buttons present in the Tell us about your experience chat while navigating using right swipe.

Changelog Entry

Fixes #3622. [Screen Reader-Intelligent Support Experience-Feedback]: Voiceover/Talkback are not narrating the state(selected) for the buttons present in the Tell us about your experience chat while navigating using right swipe, by @amal-khalaf in PR #3710

Description

Added aria-pressed=true and role=button attribute to the selected Adaptive card action button so that the AT announce which action button was pressed by the user

Setting the default background color of the selected adaptive card action button to blue

  • I have added tests and executed them locally
  • I have updated CHANGELOG.md
  • I have updated documentation

Review Checklist

This section is for contributors to review your work.

  • Accessibility reviewed (tab order, content readability, alt text, color contrast)
  • Browser and platform compatibilities reviewed
  • CSS styles reviewed (minimal rules, no z-index)
  • Documents reviewed (docs, samples, live demo)
  • Internationalization reviewed (strings, unit formatting)
  • package.json and package-lock.json reviewed
  • Security reviewed (no data URIs, check for nonce leak)
  • Tests reviewed (coverage, legitimacy)

Comment thread CHANGELOG.md Outdated
Copy link
Copy Markdown
Contributor

@corinagum corinagum left a comment

Choose a reason for hiding this comment

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

LGTM! Just one comment

@corinagum
Copy link
Copy Markdown
Contributor

@amal-khalaf FYI it looks like this PR is missing a few snapshots, could you verify?

Comment thread packages/bundle/src/adaptiveCards/Attachment/AdaptiveCardRenderer.js Outdated
Comment thread CHANGELOG.md Outdated
Comment thread packages/bundle/src/adaptiveCards/Styles/StyleSet/AdaptiveCardRenderer.js Outdated
Comment thread packages/component/src/Styles/defaultStyleOptions.js Outdated
Comment thread packages/bundle/src/adaptiveCards/Styles/StyleSet/AdaptiveCardRenderer.js Outdated
Comment thread packages/bundle/src/adaptiveCards/Attachment/AdaptiveCardRenderer.js Outdated
Comment thread packages/bundle/src/adaptiveCards/Attachment/AdaptiveCardRenderer.js Outdated
Copy link
Copy Markdown
Contributor

@compulim compulim left a comment

Choose a reason for hiding this comment

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

Please fix the typos.

Could you also add a test (or modify the one you have) that will set the cardPushButtonBackgroundColor and cardPushButtonTextColor to a different value?

LGTM.

Comment thread packages/bundle/src/adaptiveCards/Styles/StyleSet/AdaptiveCardRenderer.js Outdated
Comment thread packages/bundle/src/adaptiveCards/Styles/StyleSet/AdaptiveCardRenderer.js Outdated
Comment thread packages/component/src/Styles/defaultStyleOptions.js Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

4 participants