Skip to content

Please update QDate component to use aria-label instead of arialabel #17988

@segamiken

Description

@segamiken

What happened?

When rendering the QDate component using a testing tool like happy-dom, the generated HTML includes attributes like the following:

<button
  arialabel="Previous year"
  tabindex="0"
  type="button"
/>

What did you expect to happen?

We would like this to be rendered as aria-label instead of arialabel.

Note that when rendering in a real browser, the attribute appears correctly as aria-label, so this issue seems specific to certain testing environments.

Looking at the source code, it seems this line may be responsible:

Would it be possible to write it as aria-label directly, similar to how it’s done in the QBadge component, instead of using ariaLabel?

Reproduction URL

https://codepen.io/rstoenescu/pen/xxEvBLR

How to reproduce?

wip

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Other

Quasar info output

Relevant log output

Additional context

No response

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