[Accessibility] Arrow mark in Google Translate dropdown is not meaningful for screen reader user

Created on 11 September 2024, about 1 month ago
Updated 12 September 2024, about 1 month ago

Problem/Motivation

The arrow mark in the Google Translate dropdown is not meaningful for screen reader user.
The problem is that the โ€œSelect your languageโ€ button from the Google Translate extension currently adds the dropdown arrow using CSS.

Steps to reproduce

Enable Voice reader and check if the current lang text contains the arrow icon.

Proposed resolution

Add the icon arrow via HTML and remove the CSS solution for it. Also, should add the `aria-hidden="true"` attribute to the new arrow icon.

Remaining tasks

N/A

User interface changes

The current language text(selected language) does not contain the arrow icon in the screen reader.

API changes

N/A

Data model changes

N/A

๐Ÿ› Bug report
Status

RTBC

Version

2.6

Component

User interface

Created by

๐Ÿ‡บ๐Ÿ‡ฆUkraine Agami4

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024