Skip to content

Accessibility | Chip component - not possible to update accessibility-title for inner component "checkmark" icon or hide for screen readers #2446

@leoAnastasi

Description

@leoAnastasi

In Chip in "selected" state in HTML we have checkmark icon with accessibility title "success"

<scale-chip selected>Label</scale-chip>

<scale-icon-action-checkmark accessibility-title="success" size="16" selected="" class="hydrated" style="display: inline-flex;">...</scale-icon-action-checkmark>

Аnd from documentation there is no way to change this inner icon outside, so we cannot translate title for our blind users or hide this element for screen readers.

Hint from our accessibility team:
"Layout graphics that are used for decorative purposes only should be marked with an empty alt attribute in the case of img tags. Alternatively or additionally, the affected elements can be hidden for screen reader users using the aria-hidden attribute"

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew component features and enhancements

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions