创建可访问的幻灯片:综合指南
幻灯片在组织网站上很普遍,但由于可访问性的要求而言,通常无法访问。 流行的Web开发框架(例如Bootstrap和Foundation)并不固有地支持可访问的幻灯片,需要进行大量修改。本文概述了创建包容性幻灯片的关键可访问性原则。 随后的文章将提供实用的代码示例。
常见的幻灯片类型(图1和2)经常缺乏关键特征:暂停功能和键盘可访问性。 导航幻灯片时,许多设计无法保持键盘的焦点。
五个核心原理可确保可访问的幻灯片:
-
>用户对运动的控制:
wcag 2.2.2要求一种机制暂停,停止或隐藏自动移动持续五秒钟的内容。 简单的暂停/停止链接有效。避免在可能的情况下分散动画过渡的注意力。
在
-
>清晰可见:足够大,具有足够的颜色对比度。
通过键盘,鼠标和触摸可访问- >
- :>按钮或链接是理想的;避免仅依靠。 >
- 明确的焦点/悬停指示:焦点上的视觉变化不同,满足对比度要求。 形状变化比仅颜色变化更可取。>
tabindex
>精心设计的控件的示例可以在Accessibilityoz(图3和4)和Griffith University(图6)等网站上找到,展示了台式机和移动设备的清晰暂停按钮和导航控件。 莫纳什大学(Monash University)提供了一个没有自动运动的移动友好幻灯片的示例(图5)。
-
> 逻辑焦点顺序:选项卡订单应镜像视觉布局和HTML结构。控件(尤其是暂停)应在内容之前。 内容更改不应发生在当前的焦点元素之前。
> -
>有效的代码和样式:幻灯片应在禁用样式表中起作用,尽管演示可能会有所不同。 禁用样式表时,请避免意外的内容变化或重叠。 文本应通过浏览器文本大小调整来扩展;移动版本必须支持捏到Zoom。
> -
有意义的替代方案:为无法访问幻灯片的用户提供基于文本的替代方案。 这可能包括一个“仅屏幕阅读器”部分重复幻灯片内容和链接,理想地放置在幻灯片出现的位置。 在提供的信息方面,请确保此替代方案等效于幻灯片。 图像需要适当的
>alt
属性。
>结论:创建真正可访问的幻灯片需要仔细考虑这些原理。 下一篇文章将提供实现这些目标的实用代码实施。
经常询问有关可访问幻灯片的问题(常见问题解答)(本节在很大程度上与原始输入保持不变,因为它提供了有价值的补充信息。) 什么是可访问的幻灯片?
>如何使我的幻灯片可访问?> 什么是alt文本,为什么很重要?> 如何将字幕添加到幻灯片上?> 为什么键盘导航很重要? 如何使幻灯片的语言清晰而简单? 什么是成绩单,为什么很重要?> 如何为幻灯片创建成绩单? >我可以使用自动化工具使我的幻灯片可访问吗?> 使我的幻灯片可访问有什么好处?
以上是幻灯片的难以忍受的难以捉摸的详细内容。更多信息请关注PHP中文网其他相关文章!

该教程通过使用AWS服务来指导您通过构建无服务器图像处理管道。 我们将创建一个部署在ECS Fargate群集上的next.js前端,与API网关,Lambda函数,S3桶和DynamoDB进行交互。 Th

该试点程序是CNCF(云本机计算基础),安培计算,Equinix金属和驱动的合作,简化了CNCF GitHub项目的ARM64 CI/CD。 该计划解决了安全问题和绩效

此基于GO的网络漏洞扫描仪有效地确定了潜在的安全弱点。 它利用了GO的并发功能的速度功能,包括服务检测和漏洞匹配。让我们探索它的能力和道德

网站建设只是第一步:SEO与反向链接的重要性 建立网站只是将其转化为宝贵营销资产的第一步。您需要进行SEO优化,以提高网站在搜索引擎中的可见度,吸引潜在客户。反向链接是提升网站排名的关键,它向谷歌和其他搜索引擎表明您的网站权威性和可信度。 并非所有反向链接都有利:识别并避免有害链接 并非所有反向链接都有益。有害链接会损害您的排名。优秀的免费反向链接检查工具可以监控链接到您网站的来源,并提醒您注意有害链接。此外,您还可以分析竞争对手的链接策略,从中学习借鉴。 免费反向链接检查工具:您的SEO情报员


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

SublimeText3汉化版
中文版,非常好用

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具