Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Button and Tab components: text-transform: uppercase causes some screen readers to spell the word instead of reading itΒ #3698

Closed
@deap82

Description

I've started looking in to accessibility for a web application where we use a fair amount of MDC Web components.
One of the first oddities I stumbled upon was when trying the app using Androids built in screen reader Talkback.

When reading elements that has text-transform: uppercase it often spells the word instead of reading it.
There seems to be some kind of whitelist of words that are read as word anyways, but mostly the words are spelled instead of read out, especially in other languages than English.

When it comes to MDC Web this obviously affects components such as Button and Tab.

  1. Are you aware of this issue?
  2. Do you have any plans to address this issue?
  3. Do you have any recommendations on how to handle this in the mean time?

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.backlog

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions