microsoft / microsoft/AdaptiveCards

[Adaptive Cards> InputFormwithRTL]: Lang attribute is not defined for the 'Name, Email, Phone and Comments' edit fields.

Open
#8,974 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11yCT A11yMissing_HCLReviewed A11ySev3 A11yWCAG 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

UWP

SDK Version

1.0.1.0

Application Name

Adaptive Cards

Problem Description

Test Environment:
Application: Adaptive Cards Universal
OS Build: 24H2 (OS Build 26252.5000)
App Version: 1.0.1.0
Screen Reader: Narrator

Repro Steps:

  1. Open the Adaptive Cards Universal application.
  2. Adaptive Card UWP Visualizer screen starts appearing.
  3. Navigate to InputFormWith RTL.Json button by using Tab key and activate it.
  4. InputFormwithRTL adaptive card will appear on right sight of the pane.
  5. Navigate to InputFormwithRTL card by using Tab key.
  6. Press tab key and navigate to the Arabic button and press enter key to activate it.
  7. Navigate the control and observe the issue.

Actual Result:
Lang attribute is not defined for the 'Name, Email, Phone and Comments' edit fields. When the screen reader focuses on 'Name' edit field It is announcing as Edit required.

Expected Result:
Lang attribute should be defined for the 'Name, Email, Phone and Comments' edit fields which is presented in different language from the rest of the page. When focus lands on the edit fields, it should announce the control information. It should announce as 'Name edit field required.'

Note:

  1. Same issue is repro with NVDA screen reader.
  2. Same issue is repro for the Arabic button as well.

User Experience:
If the language of part is not defined for the content defined in the list, then the user who depends upon Screen Reader for navigation might get affected and hence fail to proper information of the control present on page.

WCAG Reference Link:
https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts.html

Have feedback to share on Bugs ? please tag bug as “A11yRCA” and add your feedback in the comment section.

Screenshots

Lang attribute is not defined for the 'Name, Email, Phone and Comments' edit fields

https://github.com/user-attachments/assets/df0b3257-e11e-4c69-b8b3-fb01a90dbdf4

Web - Lang attribute is not defined for the 'Name, Email, Phone and Comments' edit fields

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

Start by reproducing the issue in the Adaptive Cards Universal application using the InputFormwithRTL card on UWP, with Narrator or NVDA. Inspect how the Arabic Name, Email, Phone, and Comments edit fields are rendered and compare them with the WCAG language-of-parts reference. Done means the fields expose the appropriate language and the screen reader announces their control information correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
accessibility
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.