Skip to content

Language Selector Usability and Accessibility Problems #48023

@Mpho2027

Description

@Mpho2027

Preflight Checklist

Electron Version

37.2.6

What operating system(s) are you using?

Windows

Operating System Version

Windows 11

What arch are you using?

x64

Last Known Working Electron version

No response

Does the issue also appear in Chromium / Google Chrome?

No

Expected Behavior

The language selector should be clearly interactive (e.g., dropdown with arrow indicator).

All options should be keyboard-navigable and have descriptive aria-labels.

Screen readers should announce it as a language switcher.

Actual Behavior

It appears as plain text links with no dropdown styling or visual indicators.

Keyboard navigation is not intuitive.

No aria-label attributes for better assistive tech support.

Testcase Gist URL

No response

Additional Information

Improving this component helps international users discover language options quickly, ensures keyboard/screen reader accessibility, and aligns with usability best practices.

Suggested Fix:

Convert the list into a semantic or ARIA-compliant dropdown. Add a visual indicator (chevron icon) to suggest interactivity. Add aria-label attributes for each option.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    👀 Unsorted Items

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions