Skip to content

IgxIcon text is always announced by Assistive technologies #16008

Open
@ddaribo

Description

@ddaribo

Description

Related to #15962
IgxIcon text is always announced by Assistive technologies. It is not always meaningful, and even when it is, it might add a redundancy.

It might be better to add the aria-hidden=true to the Icon component by default and leave the option to set it to false, if needed.
Alternatively, we might need to add the aria-hidden attribute to many instances of the icon accross the library.

  • igniteui-angular version: any
  • browser: any

Steps to reproduce

  1. Read various focusable elements from the library containing icons with a screen reader.

Result

IgxIcon text is always announced by Assistive technologies

In the below image, first the boolean cell icon (check/close) is announced instead of the value (true/false). Additionally, since the column is announced for each cell, arrow_upward - the sorting indicator, is appended to the column announcement:

Image

Image

Expected result

Do not announce the icon text by default.

Attachments

Attach a sample if available, and screenshots, if applicable.

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions