a11y
A11y(无障碍阅读)为残障人士浏览网页提供辅助功能。
开启本参数可为屏幕阅读器添加语音提示等信息,方便视觉障碍者。这个功能基于ARIA标准。
开启本参数可为屏幕阅读器添加语音提示等信息,方便视觉障碍者。这个功能基于ARIA标准。
参数名 | 类型 | 默认值 | 描述 |
---|---|---|---|
enabled | boolean | true | 是否启动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公告部分的类名 |
containerMessage | string | null | 在屏幕阅读器为container添加描述(6.3.0) |
containerRoleDescriptionMessage | string | null | 在屏幕阅读器为container添加语义描述(6.3.0) |
itemRoleDescriptionMessage | string | null | 在屏幕阅读器为slide添加语义描述(6.3.0) |
关于无障碍浏览
- 网络无障碍俗称可访问性,英文accessibility,简称[a11y]。
- Accessible Rich Internet Applications (ARIA) 是能够让残障人士更加便利的访问 Web 内容和使用 Web 应用的一套机制。
- W3C Web Accessibility Initiative (WAI) 互联网针对无障碍推出指导纲领。

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',
containerMessage: 'This is a swiper',
containerRoleDescriptionMessage: 'banner', //aria-role-description
itemRoleDescriptionMessage: 'slider',
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/parameters/268.html