ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[SF_ACC][ui5-date-picker]: AXE errors about the ui5-date-picker dialog

Open ksblklu02 opened this issue 2 months ago • 2 comments

Bug Description

AXE tool has identified some ARIA issues and accessible name on the calendar dialog

  1. Month select dialog & date select dialog: ARIA dialog and alertdialog node should has an accessible name
image image
  1. Elements with an ARIA role that require child roles contain them image

  2. Different "open picker" button should have unique aria-label, associated with ui5-date-picker accessibleName

image

Affected Component

ui5-date-picker

Expected Behaviour

  1. There should not be AXE Errors
  2. "Open picker" button should have aria-label associated with date picker accessibleName

Isolated Example

https://stackblitz.com/edit/github-pzxshp

Steps to Reproduce

  1. Go to https://stackblitz.com/edit/github-pzxshp
  2. Open date picker dialog
  3. Run AXE Devtools
  4. See there are some issues reported

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.24.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SuccessFactors

Declaration

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

ksblklu02 avatar Jun 12 '24 05:06 ksblklu02