akiran / akiran/react-slick

Accessibility Issue- on Mobile device: Focus Not Moving to Every Slide with TalkBack on React Slick

Offen
#2,310 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
11.9k
Forks
2.1k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

**Description:**
I am experiencing an issue with TalkBack accessibility on React Slick. When using the carousel with the following settings, the focus is not consistently moving to every slide as expected. This behavior is observed on real mobile devices.

**Settings:**
const settings = {
dots: false,
infinite: false,
speed: 300,
slidesToShow: 2,
slidesToScroll: 1,
swipeToSlide: true,
arrows: false,
variableWidth: true,
accessibility: true,
touchMove: true,
rows: 1,
beforeChange: beforeChange,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
};

**Description:**
I am experiencing an issue with TalkBack accessibility on React Slick. When using the carousel with the following settings, the focus is not consistently moving to every slide as expected. This behavior is observed on real mobile devices.

**Settings:**
```javascript
const settings = {
dots: false,
infinite: false,
speed: 300,
slidesToShow: 2,
slidesToScroll: 1,
swipeToSlide: true,
arrows: false,
variableWidth: true,
accessibility: true,
touchMove: true,
rows: 1,
beforeChange: beforeChange,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
};

**Steps to Reproduce:**

Open the React Slick carousel on a real mobile device.
Enable TalkBack accessibility.
Swipe through the slides.

**Expected Behavior:**
The focus should move to every slide, making each slide accessible when using TalkBack.

**Actual Behavior:**
The focus is not consistently moving to every slide. Some slides do not receive focus when swiping through the carousel.

**Environment:**

React Slick version: 0.28.1
Browser and version: All Browsers & All Versions
Device: All Android & Iphone
TalkBack version (if applicable): Pre defined

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.