Swiperを使用し、スライダーを作成しています。
javascript
1window.addEventListener('DOMContentLoaded', function() { 2 var Slide = new Swiper('.slide', { 3 autoplay: { 4 delay: 10000, 5 stopOnLastSlide: false, 6 disableOnInteraction: false, 7 reverseDirection: false 8 }, 9 slidesPerView: 1, 10 breakpoints: { 11 768: { 12 slidesPerView: 1 13 }, 14 1024: { 15 slidesPerView: 2 16 }, 17 1401: { 18 slidesPerView: 3 19 } 20 }, 21 loopedSlides: 6, 22 loop: true, 23 pagination: { 24 el: ".pagination", 25 clickable: true 26 }, 27 speed: 500, 28 }); 29}, false);
上記のようにコントロール用のjsを記述していますが、paginationを使用した場合、ディペロッパーツールで確認すると、以下のように対象のスライド部分へ勝手にrole属性が付与されてしまっています。
HTML
1<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1">
Swiper公式のParameters部分や、Pagination・Accessibility (a11y)などを見てもこの該当部分の削除の仕方が分からず、こちらに相談させていただきました。
もし分かる方がいればご教示いただけませんでしょうか。
よろしくお願いいたします。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。
2022/09/23 09:00