Skip to content

Date calendar popup accessibility issues. #7048

@aitala

Description

@aitala

Description of the bug

The date field popup calendar has an accessibility issue.

From the SiteImprove A11y scanner:

Hidden element has focusable content
A page element with the attribute aria-hidden="true" contains focusable elements (elements that can receive focus from a keyboard).
In this case, the element has been removed from the reading order, but not from the focus order — which could result in a confusing experience for screen-reader users.

Steps To Reproduce

To reproduce the behavior:

Add a date field to form or webform
Scan with A11y scanner

Additional information

Suggested solutions stated were:

Use tabindex

<div aria-hidden="true">
 <button tabindex="-1">Some button</button>
</div>

or

use disable (which I think is not a good solution)

<input disabled aria-hidden="true" />

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions