akiran / akiran/react-slick

TabIndex value of slide need to update as "0" when aira-hidden="false".

Open
#1,961 0 comments 12 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
11.9k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

Description

**Facing Accessibility issues**

TabIndex value of slide need to update as "0" when aira-hidden="false".

![image](https://user-images.githubusercontent.com/34887631/103899923-23b68e00-511d-11eb-9e67-5b186307cd14.png)

To fix this issue, all the interactive elements (i.g button, links) inside the div tag should change to tabindex="-1" as per the condition of the aria-hidden true or false attribute. tabindex="-1" should be dynamic and change from "-1" to "0" if the content is hidden or not. In order words, all the elements that are not displayed in the carousel should be using hidden attribute value true together with tabindex -1 and when the value change to false and the information is displayed in the rotator tabindex 0

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.