Skip to content

DBTabItem: role="tab" not applicable to <input type="radio"> #4247

Open
@d-koppenhagen

Description

@d-koppenhagen

Which generators are impacted?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

Currently the DBTabItem is a radio-input boy with role tab.
axe DevTools won't like (See screenshot attached).

<input type="radio" role="tab">

Expected Behaviour

The generated / used HTML should not violate common a11y-checking tools.

Probably it shouldn't be a Radio-Input but instead a stateful button where the role should be applicable?
This is for example used in the MDN example:
https://developer.mozilla.org/de/docs/Web/Accessibility/ARIA/Reference/Roles/tab_role

Screenshots

Image

Browser version

Edge

Add any other context about the problem here.

Maybe it's a false-positive.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions