microsoft / microsoft/AdaptiveCards

[Adapter Cards-Schema Explorer]: Links are looks like normal text.

Open
#7,871 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yMissing_HCLReviewed A11yUsable AdaptiveCards_Web Area-Accessibility Area-Renderers Bug HCL-AdaptiveCards-Web HCL-E+D MissingReviewedDeprecated Product-AC
Dominant language
C#
Stars
2k
Forks
595
Avg merge
1d 19h
Merged PRs (30d)
1

Description

Target Platforms

Other

SDK Version

1.5

Application Name

Adaptive Cards

Problem Description

Test Environment:
OS: Version 22H2 (OS Build 25197.1000)
Edge Dev: version 107.0.1379.1 (Official build) dev (64-bit)
Screen Reader: Narrator
Application URL: [[https://adaptivecards.io/](https://adaptivecards.io/explorer/)

Pre-Requisites:
Run the Narrator using "Control+ Windows +Enter" short key in the scan mode.

Repro Steps:
1.Open above URL with V- credential.
2.Navigate to 'Schema Explorer' link using tab key and press enter key to activate it.
3.Navigate to 'Container" link present under "Containers" from the left navigation using the tab key and activate it using Enter key.
4. Navigate to the adaptive cards present under it using the Tab key.
5. Navigate to the "Cool Link"& "Emphasis Link" using narrator
6. Observe the issue here.

Actual Result:
"Cool Link"& "Emphasis Link" are looks like normal text.

Expected Result:
"Cool Link"& "Emphasis Link" should have underline and Chevron to looks like link.

Observation:
Similar issue exist on the "submit action" button down to the ["Cool Link"& "Emphasis Link"]control, as its not looking like button looks like a normal text.

User Experience:
Keyboard users and cognitive users will be impacted and confused if buttons and links are looks like normal texts and they skip to activate the links and button thinking those are all normal text.

MAS Reference:
https://www.w3.org/TR/2018/REC-WCAG21-20180605/#use-of-color

"Have feedback to share on Bugs ? Please help fill Trusted Tester Bug Feedback (office.com) “.

Screenshots
9 Links and Button are looking like normal text
Card JSON
NA
Sample Code Language

NA

Sample Code

NA

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the Schema Explorer entry point on adaptivecards.io/explorer and reproduce the issue with Narrator using the described navigation steps. Done means the “Cool Link” and “Emphasis Link” are visibly identifiable as links with an underline and chevron, and the submit action is identifiable as a button; the issue names no source file or test.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.