Skip to content

[ui5-input] Clear button inside input has no accessible text when showClearIcon is enabled #14265

Open

Description

@NataliiaBoiko22

Bug Description

The clear ("×") button rendered inside ui5-input when showClearIcon is set to true has no accessible name. Screen readers announce it as an unlabelled button, providing no meaningful information to assistive technology users.

Affected Component

Component: ui5-input - Package: @ui5/webcomponents - Property: showClearIcon

Expected Behaviour

The clear button should have an accessible name (e.g. aria-label="Clear") so screen readers can announce it meaningfully to users.

Isolated Example

No response

Steps to Reproduce

  1. Add a ui5-input component with the showClearIcon property set to true
  2. Type text into the input field
  3. Inspect the clear button using a screen reader or accessibility audit tool (e.g. axe, Accessibility Insights)

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.27.2

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Activity

  1. self-assigned this
    on Nov 5, 2026
  2. kineticjs commented on Nov 6, 2026

    @kineticjs
    Contributor

    Hello @UI5/ui5-team-ctr-ril , take a look at this ACC issue report.

    • Per the ScreenReader spec for Input (InputBase): Must add role=button to inner 'button like' icons.
    • Per the Simple Button spec: If text is missing (icon only button): provide textual alternative using aria-label.
      Both requirements do not seem to be satisfied in testing.
  3. removed their assignment
    on Nov 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    ACCTOPIC RLbugThis issue is a bug in the code

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions