a11y
辅助，无障碍阅读。开启本参数为屏幕阅读器添加语音提示等信息，方便视觉障碍者。基于ARIA标准。
prevSlideMessage 类型：string 默认：'Previous slide' 在屏幕阅读器为上一页按钮添加信息。
nextSlideMessage 类型：string 默认： 'Next slide' 在屏幕阅读器为下一页按钮添加信息。
firstSlideMessage 类型：string 默认： 'This is the first slide' 在屏幕阅读器当处于第一个slide为上一页按钮添加信息。
lastSlideMessage 类型：string 默认： 'This is the last slide' 在屏幕阅读器当处于最后一个slide为下一页按钮添加信息。
paginationBulletMessage 类型：string 默认： 'Go to slide {{index}}' 在屏幕阅读器为分页器小点添加信息。
notificationClass 类型：string 默认：'swiper-notification' A11y公告部分的类名。
prevSlideMessage 类型：string 默认：'Previous slide' 在屏幕阅读器为上一页按钮添加信息。
nextSlideMessage 类型：string 默认： 'Next slide' 在屏幕阅读器为下一页按钮添加信息。
firstSlideMessage 类型：string 默认： 'This is the first slide' 在屏幕阅读器当处于第一个slide为上一页按钮添加信息。
lastSlideMessage 类型：string 默认： 'This is the last slide' 在屏幕阅读器当处于最后一个slide为下一页按钮添加信息。
paginationBulletMessage 类型：string 默认： 'Go to slide {{index}}' 在屏幕阅读器为分页器小点添加信息。
notificationClass 类型：string 默认：'swiper-notification' A11y公告部分的类名。
a11y参数
- 类型：
- object/boolean
- 启用版本：
- 4.0.0
效果演示
使用方法示例
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
},
a11y : {
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
firstSlideMessage: 'This is the first slide',
lastSlideMessage: 'This is the last slide',
paginationBulletMessage: 'Go to slide {{index}}',
notificationClass: 'swiper-notification',
},
})
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/parameters/268.html
