Skip to content

<button> element with text-transform: uppercase makes NVDA read letters instead of words #7604

Description

@HamletDRC

Steps to reproduce:

Here is some simple HTML that triggers the issue. The button has the label "Off" and text-transform capitalize is used to transform this to OFF for sighted users.

<!DOCTYPE html>
<html lang="en">
<body>
<button>
    <span style="text-transform: uppercase">Off</span>
</button>
</body>
</html>

or as a data URI:
data:text/html,<button><span style="text-transform: uppercase">Off</span></button>

Expected behavior:

I expect NVDA to read "Off" (this is English OS)

Actual behavior:

NVDA reads "Oh Eff Eff" (which are the letters)

System configuration:

NVDA version: 2017.3

NVDA Installed or portable: installed

Windows version:
Windows 10

Name and version of other software in use when reproducing the issue:
Firefox 55.0.3

Other questions:

Does the issue still occur after restarting your PC?
Yes
Have you tried any other versions of NVDA?
No

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions