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