akiran / akiran/react-slick

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

Abierto
#2,310 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
11.9k
Forks
2.1k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

**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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.