Skip to content

computeAccessibleName won't compute button name from child titleΒ #1016

@Cipscis

Description

@Cipscis

Elements with the "button" role support determining their accessible name from their content, and it's possible for internal elements to have no text content but instead specify their accessible name via a "title" attribute. For example:

<button>
    <span title="Name from child title"></span>
</button>

This can come up, for example, when using internal elements that display an icon.

Unfortunately, calling computeAccessibleName on such a button returns an empty string, whereas it should return 'Name from child title'. The correct title can be viewed, for example, in the accessibility tree of Chrome devtools:

image
image

Calling computeAccessibleName on the inner element returns the correct accessible name.

I've set up a replication in Codepen: dom-accessibility-api accessible name bug reproduction

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions