Skip to content

Two bugs causing failure on accessibility #101

Open
@ohassanx

Description

@ohassanx

Checks

Version

0.6.12

Description

These are the two errors that is being shown when running lighthouse on a page that currently uses vue-splide.
Screenshot 2023-11-15 at 08 51 02
This specific error comes from having the li elements have the role="group" whereas the parent ul element has the role="presentation" which is not compatible as it does not pass the aria-role validation. https://dequeuniversity.com/rules/axe/4.8/aria-roles
Screenshot 2023-11-15 at 08 51 11
This specific error comes from having aria-hidden="true" on slides that are currently not in view.

Reproduction Link

No response

Steps to Reproduce

  1. Run lighthouse on a page that uses vue-splide.

Expected Behaviour

To not have these two errors in lighthouse.
To remove aria-hidden="true" from slides that are not in view.
To have the correct role for the ul element and not presentation so the correct role in this case would be role="Widget".

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions