microsoft / microsoft/AdaptiveCards

[Adaptive Cards - Blog]: 'Adaptive Cards Team' link under Blog screen looks like a plain text.

Open
#8,540 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yMissing_HCLReviewed A11yRT 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 23H2 (OS Build 25381.1)
URL: https://adaptivecards.io/blog/
Browser: Edge Dev Version 115.0.1880.3 (Official build) dev (64-bit)

Repro Steps:

  1. Open the above URL in the edge dev browser.
  2. Navigate to 'Blog' tab item and press enter key to activate it.
  3. Navigate to the 'Adaptive Cards Team' link and observe the issue.

Actual Result:
'Adaptive Cards Team' link looks like plain text and while hovering on it there is no underline.

Expected Result:
'Adaptive Cards Team' link should be display as a link instead of plain text. It should be chevron or underline so that user can easily identify that it is a link.

Note:
This issue is repro throughout the Blog screen.

User Impact:
It will impact the low vision user as they might get confused and not able to differentiate between normal and link text.

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

Screenshots

Usable - 'Adaptive Cards Team' link under Blog screen looks like a plain text

Card JSON
NA
Sample Code Language

No response

Sample Code

No response

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

Open the Blog screen at adaptivecards.io/blog/ and reproduce the keyboard navigation and hover behavior described for the “Adaptive Cards Team” link. Inspect the Blog screen’s markup and styling, then verify that link affordance is visible consistently throughout the Blog screen and remains identifiable to low-vision users.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.