用于在 SharePoint Online 中创建易于访问的网站的资源
Applies ToMicrosoft 365 中的 SharePoint

在 SharePoint Online 中,你可以使用标准开箱即用模板(如博客、团队网站、项目网站模板等)轻松创建网站。 这些标准模板将内容置于设计时考虑了可访问性的网站的页面中。

本文适用于考虑在创建网站后进行自定义者,并且致力于让残障人士更易访问自定义网站。 本文涉及自定义网站前所需考虑的基本信息,包括受众需求辅助功能准则,并链接到可帮助你在进行基本网站自定义时仍保持网站可访问性的资源。

注意: 

  • 有关 SharePoint Online 中可创建网站的类型及其使用方法的详细信息,请参阅使用模板创建其他类型的 SharePoint 网站

  • 本文包括一些常用的基本自定义,任何人都可以通过浏览器中的 SharePoint Online 用户界面进行这些自定义,而无需了解作为网站基础的代码。 自定义网站的代码(例如 HTML、CSS 和 JavaScript),或进行广泛的自定义不在本文范围之内。 但是,本文中的可访问性信息适用于任何范围的网站自定义。

本文内容

可访问网站的目标

许多人在创建网站后才会考虑 SharePoint 可访问性。 他们认为这是 Web 开发人员在创建网站后对网站代码进行的工作(例如调整 HTML、CSS 和 JavaScript 代码)。

但是,在着手创建任何网站之前,在设计过程中就应考虑可访问性。 考虑到这一点,在自定义在 SharePoint Online 中创建的网站之前,你就需要考虑自定义网站将对可访问性造成的影响。 首先,让任何网站易访问等于:

  • 让每个人都能使用。

    可访问性的目标是构建任何人(无论残障与否)都可以使用的网站。 可用性非常重要。 如果你都不能在网站内轻松地移动以获取所需内容或完成所需工作,其他人又怎么可能做到呢?

  • 残障人士可用性。

    可访问性的目标是包含而不忽略一部分受众。 它涉及在构建网站时满足残障人士的需求,便于他们访问。 毕竟,就像你组织中的其他任何人,他们也是你网站的用户。

设计网站时考虑可访问性,有助于为你的网站带来以下优点:

  • 无论人们使用何种设备或输入法(例如桌面浏览器、语音浏览器、移动电话浏览器、车载计算机等),均可访问网站。

  • 无论人们操作时有何限制(例如嘈杂的环境、照明程度不同的房间、免提驾驶环境等),均可访问网站。

  • 可预测。 网站革新很重要,但可预测性更为必需。 让网站上的导航易于理解并可预测,对所有人来说都更易于访问。

资源

了解受众(残障人士)及其需求

“残障人士”一词包括具有广泛需求的数百万人。 但是,每个子受众都具有特定的独特需求。 下表介绍了一些最为常见的残疾以及存在这些残疾的人群的相应需求。 自定义在 SharePoint Online 中创建的网站时,了解你的自定义将如何影响每个子受众是非常重要的。

注意:  “辅助技术”描述了可解决残障人士需求的一组技术。 下表提及了部分此类技术,例如屏幕阅读器。 有关本文中各类辅助技术的详细信息,请转到有关受众所用辅助技术的实验。

部分最常见的残疾及其对应需求:

残疾

典型辅助需求

失明或弱视

  • 键盘快捷方式(无鼠标操作)。

  • 网页(包括任何对话框)上可预测的 Tab 键顺序和陆标,让受众可以在心中构建网页的模型,从而保持方向感而不会偏离浏览位置。

  • 屏幕阅读器(一种辅助技术)提供的语音反馈。

  • 视觉对象(图像、图标等)的替代项以及对所有图像(甚至仅用于装饰的图像)的描述性文字,例如替换文字。

  • 视频的音频转述以及视频播放器的设置(例如关闭自动播放的功能),避免视频的音频和屏幕阅读器提供的语音反馈重叠。

  • 清晰且包含的语言,不一定总指"查看"元素。 例如,可以说"包含 Xyz",而不是说"请参阅 xyz"。 你可以提供一种替代方法,而不是只说"观看视频":"观看视频,或收听视频的音频脚本。"

  • 可使文本更易阅读的较大字体,以及黑色或高对比度的文本。

若要了解 Microsoft 如何解决这类子受众的需求,请转到 Microsoft guide for people who are blind or have low vision(针对失明或弱视用户的 Microsoft 指导原则)。

色盲

色盲分为两种主要类型:难以区分红色和绿色,难以区分蓝色和黄色。 自定义网站时,请考虑以下事项:

  • 传达重要信息的颜色的替代项。 确保颜色不是你的网站上传达信息的唯一方式。 例如,确保用彩色突出显示的超链接也带有下划线,让色盲人士即使看不到彩色也能知道它是链接。

  • 亮色或色谱对侧的高对比对配色方案。 例如,黑白方案有助于色盲人士区分颜色。

  • 在网页上所有文本背后无图案的简单背景。

有关详细信息,请转到 Visual disabilities: Color-blindness(视觉障碍:色盲)

灵活性有限或运动性残疾

  • 键盘快捷方式(无鼠标操作或有限的鼠标操作)。

  • 提供取消主要操作的机会(例如,在视频门户中删除频道时,提供“取消”按钮),以确保用户可在使用输入设备造成任何错误后进行恢复。

  • 提供跳过长列表的方法(例如,在网站中的页面上提供可前往顶部、末尾或下一节的链接)。

  • 使链接包含较长的文段以便点击。 例如,使用很可能较长的完整标题而不是“单击此处”作为链接文字。

失聪或听力受限

  • 为视频提供字幕或文字转述。 • 为音频提供文字转述。

  • 为语音提示提供替代项。

  • 语言明确、无歧视,提供“听到”或“收听”元素的替代项。 例如,你可以说“收听音频,或阅读其文字转述”而不是“收听音频”。

认知障碍,例如阅读障碍或注意力缺陷

存在阅读障碍者称看到页面上的文字“游移混杂”,例如,某一行文字挤入下一行。 他们还常看到文字合并或扭曲。 他们和弱视用户具有类似的需求,尤其是要降低阅读负担。 使用熟悉的无衬线字体,如 Arial 或 Calibri,也对他们有益。 避免斜体、全部大写和下划线。

具有注意力缺陷的人在专注于句子、任务等时遇到问题。他们需要简单的网站设计,以便他们更容易集中注意力。 在元素过于拥挤的网站上处理信息时遇到问题。 在网站布局中有效使用空白区域,并使用左对齐文本,而不是居中或两端对齐。

资源

确定公司的可访问性策略、要求和准则

任何人创建适用于 Web 或公司 Intranet 网站的内容时,都应致力于方便残障人士访问,网站创建者必须遵循特定的可访问性准则。 改变 SharePoint Online 为创建网站提供标准开箱即用模板时,你需要记住这一点并至少执行下列操作(具体取决于你的自定义范围):

  • 确定组织所确立的构建网站(包括在 SharePoint Online 中自定义的网站)时必须遵守的可访问性准则和要求。

  • 联系组织中的可访问性联系人,并讨论自定义网站的潜在影响。 此外,请他们推荐用于测试你的网站某些方面的可访问性的工具。

  • 与你的可访问性联系人共享内容计划,请他们定期评估你的计划和网站自定义进度,以避免潜在的可访问性障碍。

  • 与组织中的残障人士交流,并针对在 SharePoint Online 中自定义网站的计划征求其意见。 他们也许能够深入介绍使用网站时遇到的一般挑战和使用 Intranet 网站时遇到的特定问题,这两点都可能鼓励你重新考虑自定义计划,或至少制定实际目标。

资源

熟悉各类网站目前广泛接受的可访问性准则

最重要的是,在 SharePoint Online 中创建的网站与其他任何网站类似。 因此,用于为任何网站创建易于访问的内容的常规准则也适用于在 SharePoint Online 中创建或自定义的网站。 以下介绍全面的详细准则。

资源

来自万维网 (W3C) WCAG (Web 内容辅助功能) W3C 是一个协同工作以制定 Web 标准的国际社区,包括 Web 辅助功能指南。 WCAG 是有关网站辅助功能的一些最全面的指南,它们是多个国家/地区辅助功能法规的基础。 WCAG 是现代 Web 和 Intranet 网站开发的实际标准。

WebAIM 提供参考指南和设计指南。 WebAIM 是 Web 可访问性的领先机构,提供完整的 Web 可访问性服务。 WebAIM 的使命是让组织能够使其 Web 内容便于残障人士使用。

此外,美国政府部门或机构的工作人员必须遵守联邦采购法规。 有关详细信息,请参阅 Section 508 standards for web-based intranet and internet information and applications(第 508 节 基于 Web 的 Intranet 和 Internet 信息和应用程序的标准)。

集中所有内容:在 SharePoint Online 中创建的网站上提供典型自定义项

熟悉作为设计一部分的可访问性,并了解更改 SharePoint Online 所包含标准模板对可访问性的潜在影响后,即可在自定义网站的同时保持其可访问性。

建议阅读以下文章:

在 SharePoint 中,你可以使用标准开箱即用模板(如博客团队网站项目网站模板等)轻松创建网站。 这些标准模板将内容置于网站时,其设计始终考虑可访问性。

本文适用于考虑在创建网站后进行自定义者,并且致力于让残障人士更易访问自定义网站。 本文涉及自定义网站前所需考虑的基本信息,包括受众需求辅助功能准则,并链接到可帮助你在进行基本网站自定义时仍保持网站可访问性的资源。

注意: 

  • 有关 SharePoint 中可创建网站的类型及其使用方法的详细信息,请参阅使用模板创建其他类型的 SharePoint 网站

  • 本文包括一些常用的基本自定义,任何人都可以通过浏览器中的 SharePoint 用户界面进行这些自定义,而无需了解作为网站基础的代码。 自定义网站的代码(例如 HTML、CSS 和 JavaScript),或进行广泛的自定义不在本文范围之内。 但是,本文中的可访问性信息适用于任何范围的网站自定义。

本主题内容

可访问网站的目标

许多人在创建网站后才会考虑 SharePoint 可访问性。 他们认为这是 Web 开发人员在创建网站后对网站代码进行的工作(例如调整 HTML、CSS 和 JavaScript 代码)。

但是,在着手创建任何网站之前,在设计过程中就应考虑可访问性。 考虑到这一点,在自定义在 SharePoint 中创建的网站之前,你就需要考虑自定义网站将对可访问性造成的影响。 首先,让任何网站易访问等于:

  • 让每个人都能使用。

    可访问性的目标是构建任何人(无论残障与否)都可以使用的网站。 可用性非常重要。 如果你都不能在网站内轻松地移动以获取所需内容或完成所需工作,其他人又怎么可能做到呢?

  • 残障人士可用性。

    可访问性的目标是包含而不忽略一部分受众。 它涉及在构建网站时满足残障人士的需求,便于他们访问。 毕竟,就像你组织中的其他任何人,他们也是你网站的用户。

设计网站时考虑可访问性,有助于为你的网站带来以下优点:

  • 无论人们使用何种设备或输入法(例如桌面浏览器、语音浏览器、移动电话浏览器、车载计算机等),均可访问网站。

  • 无论人们操作时有何限制(例如嘈杂的环境、照明程度不同的房间、免提驾驶环境等),均可访问网站。

  • 可预测。 网站革新很重要,但可预测性更为必需。 让网站上的导航易于理解并可预测,对所有人来说都更易于访问。

资源

了解受众(残障人士)及其需求

“残障人士”一词包括具有广泛需求的数百万人。 但是,每个子受众都具有特定的独特需求。 下表介绍了一些最为常见的残疾以及存在这些残疾的人群的相应需求。 自定义在 SharePoint 中创建的网站时,了解你的自定义将如何影响每个子受众是非常重要的。

注意: “辅助技术”描述了可解决残障人士需求的一组技术。 下表提及了部分此类技术,例如屏幕阅读器。 有关本文中各类辅助技术的详细信息,请转到有关受众所用辅助技术的实验。

部分最常见的残疾及其对应需求:

残疾

典型辅助需求

失明或弱视

  • 键盘快捷方式(无鼠标操作)。

  • 网页(包括任何对话框)上可预测的 Tab 键顺序和陆标,让受众可以在心中构建网页的模型,从而保持方向感而不会偏离浏览位置。

  • 屏幕阅读器(一种辅助技术)提供的语音反馈。

  • 视觉对象(图像、图标等)的替代项以及对所有图像(甚至仅用于装饰的图像)的描述性文字,例如替换文字。

  • 视频的音频转述以及视频播放器的设置(例如关闭自动播放的功能),避免视频的音频和屏幕阅读器提供的语音反馈重叠。

  • 清晰且包含的语言,不一定总指"查看"元素。 例如,可以说"包含 Xyz",而不是说"请参阅 xyz"。 你可以提供一种替代方法,而不是只说"观看视频":"观看视频,或收听视频的音频脚本。"

  • 可使文本更易阅读的较大字体,以及黑色或高对比度的文本。

若要了解 Microsoft 如何解决这类子受众的需求,请转到 Microsoft guide for people who are blind or have low vision(针对失明或弱视用户的 Microsoft 指导原则)。

色盲

色盲分为两种主要类型:难以区分红色和绿色,难以区分蓝色和黄色。 自定义网站时,请考虑以下事项:

  • 传达重要信息的颜色的替代项。 确保颜色不是你的网站上传达信息的唯一方式。 例如,确保用彩色突出显示的超链接也带有下划线,让色盲人士即使看不到彩色也能知道它是链接。

  • 亮色或色谱对侧的高对比对配色方案。 例如,黑白方案有助于色盲人士区分颜色。

  • 在网页上所有文本背后无图案的简单背景。

有关详细信息,请转到 Visual disabilities: Color-blindness(视觉障碍:色盲)

灵活性有限或运动性残疾

  • 键盘快捷方式(无鼠标操作或有限的鼠标操作)。

  • 提供取消主要操作的机会(例如,在视频门户中删除频道时,提供“取消”按钮),以确保用户可在使用输入设备造成任何错误后进行恢复。

  • 提供跳过长列表的方法(例如,在网站中的页面上提供可前往顶部、末尾或下一节的链接)。

  • 使链接包含较长的文段以便点击。 例如,使用很可能较长的完整标题而不是“单击此处”作为链接文字。

失聪或听力受限

  • 为视频提供字幕或文字转述。

  • 为音频提供文字转述。

  • 为语音提示提供替代项。

  • 语言明确、无歧视,提供“听到”或“收听”元素的替代项。 例如,你可以说“收听音频,或阅读其文字转述”而不是“收听音频”。

认知障碍,例如阅读障碍或注意力缺陷

存在阅读障碍者称看到页面上的文字“游移混杂”,例如,某一行文字挤入下一行。 他们还常看到文字合并或扭曲。 他们和弱视用户具有类似的需求,尤其是要降低阅读负担。 使用熟悉的无衬线字体,如 Arial 或 Calibri,也对他们有益。 避免斜体、全部大写和下划线。

具有注意力缺陷的人在专注于句子、任务等时遇到问题。他们需要简单的网站设计,以便他们更容易集中注意力。 在元素过于拥挤的网站上处理信息时遇到问题。 在网站布局中有效使用空白区域,并使用左对齐文本,而不是居中或两端对齐。

资源

确定公司的可访问性策略、要求和准则

任何人创建适用于 Web 或公司 Intranet 网站的内容时,都应致力于方便残障人士访问,网站创建者必须遵循特定的可访问性准则。 改变 SharePoint 为创建网站提供标准开箱即用模板时,你需要记住这一点并至少执行下列操作(具体取决于你的自定义范围):

  • 确定组织所确立的构建网站(包括在 SharePoint 中自定义的网站)时必须遵守的可访问性准则和要求。

  • 联系组织中的可访问性联系人,并讨论自定义网站的潜在影响。 此外,请他们推荐用于测试你的网站某些方面的可访问性的工具。

  • 与你的可访问性联系人共享内容计划,请他们定期评估你的计划和网站自定义进度,以避免潜在的可访问性障碍。

  • 与组织中的残障人士交流,并针对在 SharePoint 中自定义网站的计划征求其意见。 他们也许能够深入介绍使用网站时遇到的一般挑战和使用 Intranet 网站时遇到的特定问题,这两点都可能鼓励你重新考虑自定义计划,或至少制定实际目标。

资源

熟悉各类网站目前广泛接受的可访问性准则

在 SharePoint 中创建的网站与其他任何网站类似。 因此,用于为任何网站创建易于访问的内容的常规准则也适用于在 SharePoint 中创建或自定义的网站。 以下介绍全面的详细准则。

来自万维网 (W3C) WCAG (Web 内容辅助功能) W3C 是一个协同工作以制定 Web 标准的国际社区,包括 Web 辅助功能指南。 WCAG 是有关网站辅助功能的一些最全面的指南,它们是多个国家/地区辅助功能法规的基础。 WCAG 是现代 Web 和 Intranet 网站开发的实际标准。

WebAIM 提供参考指南和设计指南。 WebAIM 是 Web 可访问性的领先机构,提供完整的 Web 可访问性服务。 WebAIM 的使命是让组织能够使其 Web 内容便于残障人士使用。

此外,美国政府部门或机构的工作人员必须遵守联邦采购法规。 有关详细信息,请参阅 Section 508 standards for web-based intranet and internet information and applications(第 508 节 基于 Web 的 Intranet 和 Internet 信息和应用程序的标准)。

集中所有内容:在 SharePoint 中创建的网站上提供典型自定义项

熟悉作为设计一部分的可访问性,并了解更改 SharePoint 所包含标准模板对可访问性的潜在影响后,即可在自定义网站的同时保持其可访问性。

建议阅读以下文章:

需要更多帮助?

需要更多选项?

了解订阅权益、浏览培训课程、了解如何保护设备等。

社区可帮助你提出和回答问题、提供反馈,并听取经验丰富专家的意见。