microsoft / microsoft/BotFramework-WebChat

Accessibility Issue - Inappropriate use of aria-pressed attribute

Open
#4,469 2 comments 0 reactions 1 assignee View on GitHub

@compulim is already working on this.

Since Oct 27, 2022.

area-accessibility customer-replied-to ExemptFromDailyDRIReport external-adaptive-cards icm
Dominant language
HTML
Stars
1.8k
Forks
1.6k
Avg merge
22h 58m
Merged PRs (30d)
2

Description

Issue Description : -

Interactive elements need a programmatically determined name, role, and value. These properties must also be accurate and appropriate.
There are button elements where state have been used unnecessarily. This may particularly disadvantage users that interface with the accessibility properties of elements, such as screen reader and voice recognition users.

Success Criteria : -

Remove aria-pressed attribute from the source code of the buttons. For example:

JUST enough
For more information, see WAI-ARIA Practices - Toggle Button. As well, for guidance on reviewing accessibility properties, see Chrome - Accessibility properties, Edge - Accessibility Pane, and Firefox - Accessibility Inspector.

20_1
20_2

Steps to reproduce

  1. Observe the interactive elements.
  2. Inspect the elements and review the DOM.
  3. Review the computed accessibility properties.
  4. Observe that the aria-pressed is incorrectly used.

Webchat Version :- 4.13.0

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.