Swiperの勝手に挿入されてしまうrole属性を削除したい

Swiperを使用し、スライダーを作成しています。

javascript

window.addEventListener('DOMContentLoaded', function() { var Slide = new Swiper('.slide', { autoplay: { delay: 10000, stopOnLastSlide: false, disableOnInteraction: false, reverseDirection: false }, slidesPerView: 1, breakpoints: { 768: { slidesPerView: 1 }, 1024: { slidesPerView: 2 }, 1401: { slidesPerView: 3 } }, loopedSlides: 6, loop: true, pagination: { el: ".pagination", clickable: true }, speed: 500, });}, false);

上記のようにコントロール用のjsを記述していますが、paginationを使用した場合、ディペロッパーツールで確認すると、以下のように対象のスライド部分へ勝手にrole属性が付与されてしまっています。

HTML

<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1">

Swiper公式のParameters部分や、Pagination・Accessibility (a11y)などを見てもこの該当部分の削除の仕方が分からず、こちらに相談させていただきました。
もし分かる方がいればご教示いただけませんでしょうか。
よろしくお願いいたします。

コメントを投稿

0 コメント