Missing Visible focus indicator on slick arrows

Created on 27 August 2024, 4 months ago
Updated 10 September 2024, 3 months ago

Missing Visible focus indicator on slick arrows

Steps to reproduce

  1. Navigate to any slider that doesn't have slick arrows.
  2. Click the tab key on your keyboard.
  3. Missing visible focus indicator.

Proposed resolution

Since the arrows are hidden, the value of tabindex must be set to -1 so that they are ignored during tab navigation

💬 Support request
Status

Fixed

Version

2.7

Component

Documentation

Created by

🇯🇴Jordan rahaf albawab Amman

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @rahaf albawab
  • Status changed to Fixed 4 months ago
  • 🇮🇩Indonesia gausarts

    Thank you.

    This has been properly documented in /admin/help/slick_ui, README, and a few dup issues.

    Accessibility issues (tabindex, etc.), and many more internals are initiated and managed by the library, and thus solutions should go there, not here. This module has fixed a few minor library issues so far, we cannot add more. It is better handled by the library, anyway, so to have clear responsibilities, and avoid potential conflict of interests.

    Let's have things clarified, as this issue is frequent:

    • Slick library manages its own internals at github.
    • Slick module at drupal only provides an integration with Slick library, and cannot touch the library internals.

    They are two separate and independent entities in term of internal management, although this module depends on the library.

    Solutions:

    • Report it to Slick github project for permanent solutions.
    • Try the WIP Accessible Slick. Beware the fitfalls mentioned at project home.
    • Try Splide, some reported better accessibility supports.
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024