幻灯片的难以忍受的难以捉摸

创建可访问的幻灯片：综合指南

幻灯片在组织网站上很普遍，但由于可访问性的要求而言，通常无法访问。 流行的Web开发框架（例如Bootstrap和Foundation）并不固有地支持可访问的幻灯片，需要进行大量修改。本文概述了创建包容性幻灯片的关键可访问性原则。 随后的文章将提供实用的代码示例。

常见的幻灯片类型（图1和2）经常缺乏关键特征：暂停功能和键盘可访问性。 导航幻灯片时，许多设计无法保持键盘的焦点。

五个核心原理可确保可访问的幻灯片：

1. >用户对运动的控制： wcag 2.2.2要求一种机制暂停，停止或隐藏自动移动持续五秒钟的内容。 简单的暂停/停止链接有效。避免在可能的情况下分散动画过渡的注意力。

在

2. >清晰可见：足够大，具有足够的颜色对比度。

   通过键盘，鼠标和触摸可访问
   >
   • ：>按钮或链接是理想的；避免仅依靠。
   >
   • 明确的焦点/悬停指示：焦点上的视觉变化不同，满足对比度要求。 形状变化比仅颜色变化更可取。> tabindex
   >精心设计的控件的示例可以在Accessibilityoz（图3和4）和Griffith University（图6）等网站上找到，展示了台式机和移动设备的清晰暂停按钮和导航控件。 莫纳什大学（Monash University）提供了一个没有自动运动的移动友好幻灯片的示例（图5）。

3. > 逻辑焦点顺序：选项卡订单应镜像视觉布局和HTML结构。控件（尤其是暂停）应在内容之前。 内容更改不应发生在当前的焦点元素之前。

   >

4. >有效的代码和样式：幻灯片应在禁用样式表中起作用，尽管演示可能会有所不同。 禁用样式表时，请避免意外的内容变化或重叠。 文本应通过浏览器文本大小调整来扩展；移动版本必须支持捏到Zoom。

   >

5. 有意义的替代方案：为无法访问幻灯片的用户提供基于文本的替代方案。 这可能包括一个“仅屏幕阅读器”部分重复幻灯片内容和链接，理想地放置在幻灯片出现的位置。 在提供的信息方面，请确保此替代方案等效于幻灯片。 图像需要适当的alt属性。

   >

>结论：创建真正可访问的幻灯片需要仔细考虑这些原理。 下一篇文章将提供实现这些目标的实用代码实施。>

经常询问有关可访问幻灯片的问题（常见问题解答）（本节在很大程度上与原始输入保持不变，因为它提供了有价值的补充信息。） 什么是可访问的幻灯片？

>

如何使我的幻灯片可访问？> 什么是alt文本，为什么很重要？> 如何将字幕添加到幻灯片上？> 为什么键盘导航很重要？ 如何使幻灯片的语言清晰而简单？ 什么是成绩单，为什么很重要？> 如何为幻灯片创建成绩单？ >我可以使用自动化工具使我的幻灯片可访问吗？> 使我的幻灯片可访问有什么好处？

以上是幻灯片的难以忍受的难以捉摸的详细内容。更多信息请关注PHP中文网其他相关文章！