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}}' 在屏幕阅读器为分页器小点添加信息。
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}}' 在屏幕阅读器为分页器小点添加信息。
a11y参数
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 3.0.5
效果演示
使用方法示例
<script language = "javascript">
var mySwiper = new Swiper('.swiper-container', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
pagination : '.swiper-pagination',
a11y: true,
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
firstSlideMessage: 'This is the first slide',
lastSlideMessage: 'This is the last slide',
paginationBulletMessage:'Go to slide {{index}}'
}) </script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://3.swiper.com.cn]
本文地址:https://3.swiper.com.cn/api/basic/2015/0328/268.html