Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility issue #4231

Open
gawalin opened this issue Jan 5, 2023 · 6 comments
Open

Accessibility issue #4231

gawalin opened this issue Jan 5, 2023 · 6 comments

Comments

@gawalin
Copy link

gawalin commented Jan 5, 2023

short description of the bug / issue, provide more detail below.
I have scanned my website which is build in Drupal 9 for accessibility using AXE Dev tool & we found below mentioned issues which are coming from slick library (slick.min.js) . We are using Slick Carousel module which has dependency on slick library.

List of issues:

  1. Element must use only allowed ARIA attributes.(ARIA attribute is not allowed: aria-selected="false")

<li aria-hidden="false" role="presentation" aria-selected="false" aria-controls="navigation01" id="slick-slide01" class="slick-active"><button type="button" data-role="none" role="button" tabindex="0">2</button></li>

  1. ARIA hidden element must not be focusable or contains focusable elements.(Ensures aria-hidden elements are not focusable nor contain focusable elements)

<div class="slick__slide slide slide--0 slick-slide" style="width: 1264px;" data-slick-index="0" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide00">

  1. Certain ARIA roles must contain particular children

<div class="slick-track" style="opacity: 1; width: 5056px; transform: translate3d(-2528px, 0px, 0px); transition: transform 500ms ease 0s;" role="listbox" aria-label="slick-track1">

4.Interactive controls must not be nested.
<div class="slick__slide slide slide--1 slick-slide slick-current slick-active" style="width: 1264px;" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01">

====================================================================

Steps to reproduce the problem

  1. Install the Slick Carousel module with slick library
  2. Add 2 slides

====================================================================

What is the expected behaviour?

...

====================================================================

What is observed behaviour?

...

====================================================================

More Details

  • Which browsers/versions does it happen on?
    Google Chrome Version 108.0.5359.125
  • Which jQuery/Slick version are you using?
    slick 1.6.0
  • Did this work before?
    This is the first time we are using this Slick Carousel module with slick .
@Oussail
Copy link

Oussail commented Mar 29, 2023

I have the same issue

@Oldigel
Copy link

Oldigel commented Apr 26, 2023

Additional Variation Images Gallery for WooCommerce / Mistake

1A:
Den Elementen mit einer ARIA-[role], deren untergeordnete Elemente eine bestimmte [role] enthalten müssen, fehlen einige oder alle dieser erforderlichen untergeordneten Elemente.

Fehlerhafte Elemente

Deko Kunst Schafe


Deko Kunst Schafe

Malauftrag Deko Schafe nach Ihren Farbwünschen

2A:

ARIA-Eingabefelder haben keine zugänglichen Namen

Fehlerhafte Elemente

Deko Kunst Schafe

@Oldigel
Copy link

Oldigel commented Apr 26, 2023

So kompliziert habe ich noch kein Support für ein Produkt bekommen.

@Oldigel
Copy link

Oldigel commented Apr 26, 2023

I have the same problem!

@Oldigel
Copy link

Oldigel commented Apr 26, 2023

I'm not a programmer to share an error code here.
Ticketnumber: #132613

@honzapara
Copy link

Is there a solution for this issue?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants