Objective
标题包括以下注意事项：
页面内容应使用标题进行组织。
页面应以分层方式构建，通常最重要的（通常<h1>为页面标题或主要内容标题），然后是第二度标题（<h2>，通常是主要节标题），下至第三度标题（<h2> 的子节）等。
要填充第一级标题，请考虑以下几点：
第一级标题应包含页面最重要的标题（通常是文档标题），以传达页面内容。
Career Site Builder 会自动从页面标题为每个页面添加 <h1> 标签，但通常不显示。该网站仍然符合辅助功能准则。
招聘网站构建器站点的主页将进入 设置 站点→配置 站点→信息 中的页面标题，但不会显示在页面上。
对于其他页面类型，标签取自该页面的页面标题，默认情况下隐藏。
但是，在"类别"页面上，标签可以是可见的，也可以是隐藏的。
要检查空标题，请考虑以下几点：
屏幕阅读器和键盘用户通常按标题元素导航。空标题不会提供任何信息，并可能导致混淆。
基本上，应填充具有标头的任何元素，但可以将其隐藏。
文本建议包括以下内容：
确保遵循以下图像建议：
选择图像时，请考虑以下内容：
确定每个组件的焦点"安全区域"。
每个组件的"安全区域"将因配置为在台式机/平板电脑/手机上显示的高度/宽度而异。
通过查看组件在每个设备类型上的最终维度来识别"安全区"。
宽裁剪图像可通过以下方式实现多功能性：
布局中附加裁剪和覆盖元素的灵活性更高。
可在各种组件和布局中轻松修改图像。
使用大图像部件时，请考虑优化移动设备的图像并添加两次部件，一次用于台式机/平板电脑，一个用于移动设备。如果图像上有文本，此功能尤其有用。但是，如果页面上有许多组件，请限制复制图像组件以防止页面加载时间过长。
图像由客户通过授予对图像库、登录照片站点或图像的 zip 文件的访问权限来提供。
客户负责提供符合指南的图像。引导他们转到 SAP Help Portal 的 设置和维护 SAP SuccessFactors Recruiting 指南中的 图像推荐 。
至少需要 15 到 20 个高分辨率就业品牌图像。
所有 Career Site Builder 图像都应面向横向，而不是纵向。
为每个图像包括备选文本，以提高站点的可访问性。有关详细信息，请参阅"辅助功能"部分。
对于背景图像，选择细微的图案和颜色。
图片上的文字是过时的 Web 实践，不推荐使用。
建议不要使用图像滑块。
图像建议还包括以下内容：
图像的最大文件大小为 500 KB。
强烈建议优化图像，因为它会降低加载速度，从而提高站点的性能。
建议客户的媒体资源专门为 Web 导出所选图像。
可以使用图像程序，例如 Adobe Photoshop。另外，也可以使用免费的图像压缩机，如 FastStone PhotoResizer。
您可以在线使用 Microsoft Paint 或 SnagIt 或 GIMP 或 PicMonkey 等简单应用程序对图像进行简单更改，例如调整大小。
要在"油漆"中调整大小，请选择"调整大小"、"按像素"和"维护纵横比"。例如，使用此方法将 1400 px 宽的图像减少到 1200 px 宽。
避免使图像变大，因为这会降低图像质量。
要在"油漆"中修剪图像，请选择图像并调整大小，然后选择修剪。
如果客户需要帮助提供 Web 就绪图像，建议让 SAP 的 Web 设计团队准备其图像文件。需要对时间开票。
Alt 文本（也称为备选文本或 alt 标记）用于描述 Web 页面上的图像。由于下列主要原因，向网站上的照片添加替代文本非常重要：
如果图像加载失败: 如果出于任何原因图像没有在网页上呈现,alt 标记将显示在它的位置。这意味着该网页的访客理解应该存在什么图像，即使他们无法看到它。
对于搜索引擎：搜索引擎，如 Google 和 Bing 定期爬网。他们很容易理解页面上的文本副本，但图像难以阅读。这就是替代文本播放的地方。Alt text 用于向搜索引擎描述图像显示的内容，以便用户在执行图像搜索时获得更好的结果。替代文本还提高了网站的 SEO 值。
对于屏幕阅读器：某些用户使用屏幕阅读器浏览 Web 页面。这些屏幕阅读器将识别和解释屏幕上显示的内容。因此，必须以备选文本传达上下文信息，以便更详细地解释图像。
提示
应为所有图像填充所有语言的备选文本。为每个图像输入唯一的替代文本。包括有关图像的任何唯一或相关内容。从图像选择器窗口添加替代文本。您可以在上载图像时添加图像，也可以稍后添加。
同时确保为徽标提供替代文本。
要检查具有相同替代文本的附近图像，请考虑以下事项：
当两个图像具有相同的 alt 文本时，这通常会导致冗余或指示错误的 alt 文本。
移除不必要的冗余并确保每个图像的 alt 文本是合适的。
您不需要包含 alt 文本的唯一时间是，图像用作装饰背景图像时。
关于图像上的嵌入式文本的一些注意事项包括：
屏幕阅读器或搜索引擎无法读取嵌入式文本。
主要做法是不使用图像上的嵌入式文本。
如果客户想要保留包含嵌入式文本的图像，请向图像添加替代文本。
请注意，Web 辅助功能工具（如 WAVE）无法检测图像上的嵌入式文本。
链接的主要实践包括以下内容：
超级链接有意义的文本：链接到"单击此处"标签对于 SEO 而言是不好的，对于用户来说，他们被隐式地被迫查找有关其确切点击内容的更多信息。为每个链接添加标题标签。用户在单击页面时应充满信心。
使用一致的样式：选取设计并坚持。链接在整个站点中的显示方式不应有变化。
剪切蓝色非链接文本。蓝色与点击功能密切相关。如果站点上的蓝色文本不可单击，则会导致沮丧。下划线文本也是如此：它与链接密切相关。
鼠标悬停链接应更改鼠标悬停时的样式，向用户强调其可单击。
填充可确保链接有足够的空间可在移动设备上单击。
要检查空链接，请考虑以下几点：
如果链接不包含文本，则不会向用户显示链接的功能或用途，这可能会为屏幕阅读器用户造成混淆。
最常见的问题是利用图像上的嵌入式文本作为链接。
移除空链接或在描述链接功能和/或目标的链接中提供标题文本。或者向图像添加替代文本。
要替换或删除冗余标题文本，请考虑以下几点：
任何具有链接的内容也应具有标题标签。标题文本通常在用户将鼠标悬停在链接上时显示。
标题文本用于提供咨询信息；具体来说，应指明链接的实际作用。该页面上具体是什么？你会在那里学到什么？
作为领先实践，标题文本应与链接名称不同，但最好使用冗余标题文本，而不是不填充。
在某些区域中，产品在后台复制链接文本作为标题文本，因此不会将其标记为可访问性错误。无法对此进行修改。
移除冗余链接时，请考虑以下几点：
所有用户都需要充分的对比度，尤其是对于视力低的用户。这通常是悬停颜色的问题。
将前景文本和背景颜色之间的对比度增加到大于 4:5:1 的对比度。
较大文本（大于 18 分或 14 点加粗）不需要与较小文本一样多的对比度。确保对比度大于 3:1。一些客户的品牌颜色没有提供足够的对比度。鼓励他们在其网站上使用符合对比度指导原则的颜色。
您可以更改 WAVE 中的颜色以查看哪些颜色可以遵循指导原则。
为确保前台文本和背景颜色之间有充分的区别，请考虑以下事项：
请注意，WAVE 将文本颜色与部件的背景颜色进行比较，而不是背景图像。因此，即使使用带有深色背景图像的白色文本，WAVE 也会将其标记为对比度错误。
除非同时更改部件的背景颜色，否则将标记错误。
其他考虑因素包括：
搜索体验
Google 职位地图
视频
原始搜索网格格式不符合辅助功能准则，导致视障人士难以在招聘网站上找到工作。
与客户合作，启用统一数据模型，以便候选人可以使用增强的可访问搜索功能。
Google 职位地图在外部维护，不遵循所有可访问性指南。
客户现在可以配置地图，以显示之前隐藏的消息，该消息只能从屏幕阅读器读取。从 Google 地图组件中，启用显示标题。在 工具→翻译 中更改提供的文本。单击链接以打开填充了搜索栏和搜索结果的页面。
SAP 不托管视频。指导您的客户首先将其招聘网站的视频发布到 YouTube、Wistia 或 Vimeo。客户需要提供在线托管视频的位置的直接路径。
招聘网站构建器中可访问性的快速提示包括：