Label: A11y Query: Is "colon" supposed to be read by screenreaders - Githubissues

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

https://sap.github.io/ui5-webcomponents/

Apache License 2.0

1.47k stars 254 forks source link

Label: A11y Query: Is "colon" supposed to be read by screenreaders #9195

Open abhijeet181088 opened 1 month ago

abhijeet181088 commented 1 month ago

Describe the bug

This is a consulting question.

When showColon={true} param is passed to the Label component, it adds colon after the label. Are the screenreaders supposed to read it?

I see aria-hidden="true" for the colon, which makes sense. Just want to make sure that it is intentional and as per a11y guidelines.

As per our accessibility testing team, in reading mode, even ":" should be read, which is not the case here.

Isolated Example

https://stackblitz.com/edit/github-myzwsj?file=src%2FApp.tsx

Reproduction steps

Query mentioned in description.

Expected Behaviour

Consulting question.

Screenshots or Videos

No response

UI5 Web Components for React Version

1.29.0

UI5 Web Components Version

1.24.0

Browser

Chrome

Operating System

macOS

Additional Context

No response

Relevant log output

No response

Organization

SAP

Declaration

[X] I’m not disclosing any internal or sensitive information.

Lukas742 commented 1 month ago

Hi @abhijeet181088

I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.