Slick slider accessibility | WordPress.org

[ad_1]

Hello,

I have a question about availability. Everything fits almost perfectly, but when you change the slide for a split second, the slide remains available to all users (aria-hidden=”false”), while the linked content is temporarily removed from keyboard navigation (tabindex= “-1”). This means that the link is present in the accessibility tree but is unavailable via keyboard navigation.
Have you encountered such a situation?

<div class="featured-article-slider-content focus-inset slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="tabpanel" id="slick-slide11" aria-labelledby="slick-slide-control11" style="width: 720px; position: relative; left: -720px; top: 0px; z-index: 1000; opacity: 1; transition: opacity 500ms ease 0s;">
<div class="article-tag-button">
  <a href="https://projectdmc.org/blogs/blog-1/tagged/profiles" class="text-button focus-inset" tabindex="-1">
   Profiles
  </a>
</div>

this is the code caught in that split second

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer