Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

♿ a11y(bal-date): Input Mask is read out by screenreader instead of label or placeholder #1445

Closed
1 task done
GinaBiondo-aperto opened this issue Sep 3, 2024 · 6 comments
Assignees
Labels
✨ feature New feature or request 💬 ux & ds sync Topics for the weekly exchange between UX & DS Devs

Comments

@GinaBiondo-aperto
Copy link
Collaborator

Description of this issue

When entering the input via screen reader the "format mask" is read out instead of the label or placeholder.
Bildschirmfoto 2024-09-03 um 17 12 53

How to fix it

Wen entering the input via screen reader the name / purpose of the input should be announced fist.

Additional Information

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct
@GinaBiondo-aperto GinaBiondo-aperto added the ✨ feature New feature or request label Sep 3, 2024
@hirsch88 hirsch88 added this to the ♿️ Accessibility milestone Sep 5, 2024
@hirsch88 hirsch88 removed their assignment Nov 8, 2024
@hirsch88
Copy link
Member

Add aria label to make it explicit that this is masked date input

@m4rc0z
Copy link
Collaborator

m4rc0z commented Feb 20, 2025

/cib

Copy link
Contributor

Branch feat/issue-1445 created!

@hirsch88
Copy link
Member

IBM will check again

@carolabes
Copy link

Currently the placeholder is recognized as value by screenreader. Therefore it is read as first element when entering date picker. The placeholder should not be treated as value but added as aria-describedby.

Here is an example how it should work: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/

@mmarinkov mmarinkov assigned m4rc0z and unassigned mmarinkov Mar 3, 2025
@hirsch88 hirsch88 added the 💬 ux & ds sync Topics for the weekly exchange between UX & DS Devs label Mar 6, 2025
@hirsch88
Copy link
Member

hirsch88 commented Mar 6, 2025

Cannot be done with a masked input.

@hirsch88 hirsch88 closed this as completed Mar 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ feature New feature or request 💬 ux & ds sync Topics for the weekly exchange between UX & DS Devs
Projects
None yet
5 participants