纽约大学的数字无障碍政策现已生效. 所有内容添加或实质性改变在任何纽约大学法律公共网站-含义, 除非是在一个有密码保护的页面上,否则必须遵循特定的策略遵从性实践.
如果这个话题对你来说是新的,请回顾新太阳城-首页-apple app store-新太阳城有限公司的 常见问题上可访问性. 你也可以 查看记录 (使用NYU NetID签到方式). 另外, 您可以从新太阳城-首页-apple app store-新太阳城有限公司下面的可访问性文档开始,或浏览许多“如何”指南 纽约大学的可访问性网站.
页面标题
- 页面标题应该简洁、独特、清晰和描述性.
- 这不仅为用户提供了他们在任何特定页面上正在查看的内容的上下文, 但当用户在浏览器中打开多个标签时,它也会作为标签标题出现.
- 例子:“Contact Us”
- 改进标题示例:“联系JD招生”
- 如果你想让你的页面标题不是‘Title’字段,你可以使用Display Title字段. 您也可以在这里输入[notitle]来指示Drupal不显示页面标题.
标题 & 标题订单
当盲人用他们的屏幕阅读器听网页的时候, 他们无法像普通用户那样快速浏览页面内容,从而轻松了解页面内容的组织方式. 许多盲人用户会先打开一个标题列表, 试着了解页面上有什么,以及它是如何组织的. 屏幕阅读器让用户听标题,并直接转到任何标题. 欲了解更多信息,请访问纽约大学的无障碍网页 创建可访问的富文本.
- 正确地以层次顺序嵌套所有标题
- 页面标题使用H1标题,因此在页面上创建的第一个标题应该是H2.
- 嵌套标题时,不要在创建子节时跳过级别. 例如,H2标题后面可以跟着H3,但不能跟着H4.
- 确保页面上每个部分的标题都有一个标题. 不要只是把它加粗.
- 不要仅仅为了美观而使用标题格式. 指出重要的一点, 考虑将句子加粗或应用标注文本样式,而不是错误地应用标题格式.
图片和ALT文本
在某些情况下,提供编写糟糕的ALT文本可能与根本不提供ALT文本一样糟糕. 写得很差, 模棱两可的, 或者不相关的ALT文本实际上会加深对页面的理解,造成混乱. Alt文本通常应该:
屏幕阅读器无法将图像转换成文字供用户阅读, 即使图像只包含文本. 作为一个结果, 图像必须简短, 描述性Alt文本,使屏幕阅读器用户清楚地了解图像的内容和目的. 欲了解更多信息,请访问纽约大学的无障碍网页 创建易访问的图片.
-
写作Alt标签:
- 准确和对等 与图像所呈现的内容和功能相同.
- 言简意赅. 这意味着图像的正确内容和功能应该以适当的简洁方式呈现. 通常不超过几个字是必要的, 虽然很少有一两句话是合适的.
- 不要多余 或者在图像的上下文中提供与文本完全相同的信息.
- 不要使用“image of ? ...或“图形的。 ...来描述这幅图像. 对于用户来说,它通常是一个图像. 如果图像传达的是内容, 通常不需要让用户知道是图像在传递内容, 而不是文本
- 当图像用作链接时, 使用Alt文本来描述图像的功能,比如它链接到哪里,而不是描述图像本身的内容.
-
如何在上传图片时添加ALT文本:
- 每次上传图片到网站时,请确保在ALT文本字段中添加一个ALT标记. 使用“浏览”按钮,搜索您的计算机,以寻找您希望上传的图像文件.
- 一旦您选择了要上传的图像,将出现Alternative文本字段. 这是听到您将键入您的ALT文本为您新上传的图像. Also remember to; include a Name for the image, 将复选框标记为已发布, 并点击“保存”以保留所有更改.
-
如何检查页面上的图像是否已经有ALT文本:
- 为了检查现有的图像是否已经有ALT标签, 浏览网页,希望你检查图像是否有ALT标签,点击“编辑”
- 在所见即所得中,双击图像,应该会弹出一个窗口
- 在弹出的“嵌入媒体”中,点击“选定实体”下的图像链接.这将把你带到图像页面,在那里你将点击“编辑”
- 在这里您将看到“Alternative Text”字段是否为空. 如果一个图像已经有ALT文本,它会出现在这里. 如果图像没有显示,在字段中输入ALT文本,然后单击“保存”
网页链接:
超文本链接是HTML最基本的元素之一. 像这样, 使超文本链接可访问是网页可访问性的最基本和最重要的方面之一, 无论是直接还是通过使用某种辅助技术, 可以访问它们. 因为链接对于网页内容的功能来说是非常基本的, 无法访问的链接是全面访问的最严重障碍之一. 欲了解更多信息,请访问纽约大学的无障碍网页 创建可访问的富文本.
- 不 使用“点击这里”或“阅读更多”链接-链接有意义的单词或短语
- 不正确的例子: "点击这里" or "阅读更多"
- 正确的例子: "阅读新太阳城-首页-apple app store-新太阳城有限公司的常见问题解答" or "...你会看到一个列表 新太阳城-首页-apple app store-新太阳城有限公司新太阳城-首页-apple app store-新太阳城有限公司" or "...新太阳城-首页-apple app store-新太阳城有限公司的一个解释 职业咨询服务"
- 屏幕阅读器无法为链接文本之外的链接提供上下文——这意味着一个页面上的多个“点击这里”链接看起来都是相同的.
- 当图像用作链接时, 使用Alt文本来描述图像的功能,比如它链接到哪里,而不是描述图像本身的内容.
- 当创建一个新的链接,确保链接没有在一个新的窗口或标签打开
pdf及文件连结:
-
链接文件时,应将标题、文件类型和大小作为链接文本的一部分.
- 诸如PDF文件大小之类的信息可以通过右键单击PDF然后点击“获取信息”来找到.”
表:
在页面上集成适当的结构使人们更容易使用屏幕阅读器. 不要使用超出其预期用途的结构元素. 例如, 使用表格元素来创建列会使依赖屏幕阅读软件的用户感到困惑. 屏幕阅读器将宣布表的结构, 用户可能会认为他们是在浏览表格数据,但实际上并非如此. 欲了解更多信息,请访问纽约大学的无障碍网页 创建可访问表.
-
表标题/名称:
- 数据表的名称/标题应该准确地描述表的唯一标识或用途, 有意义的, 而简洁地. 每个数据表在同一页上的其他表的上下文中应该是唯一的
- 当用户导航到表时,屏幕阅读器读取表的标题或名称, 让用户了解这个表是关于什么的.
- 例子:
1st Quarter Results
Goal
Actual
January
$200,000
$150,000
-
表头:
- The only way that screen readers can know if a table cell is a header is by marking it with
. 如果标题单元格在第一行, 屏幕阅读器将假设它们应用于下面的列(有一个隐式作用域="col"). - scope属性显式地在表头单元格和相应的数据单元格之间建立关联. 对于简单的关联, 列标题的选项是scope="col", scope="row"表示行标题.
- 如果标题单元格中的文本是模糊的(例如, 命名为“第二栏”), 或者它是否包含无关的信息(如链接, 按钮或非列名的额外描述), 这可能会让屏幕阅读器用户感到困惑. 最好保持标题文本的准确和简单.
- 例子:
Greensprings Running Club Personal Bests
Name
1 mile
5 km
10 km
Mary
8:32
28:04
1:01:16
如何检查表是否有header和caption:
- 检查现有表是否已经有表标题/名称和标题, 导航到你想要检查的表格页面,点击“编辑”
- 在WISYWIG, 右击表格,点击“表格属性”或点击工具栏中的表格图标
- 该弹出窗口有一个“Caption”字段. 如果一个表已经有标题文本,它将出现在这里. 如果图像没有,则在字段中输入Caption文本
- 如果您的表已经有标题, 标题下拉菜单会显示“第一排”,”“第一列,”或两.
- 更改完成后,单击“确定”
先进的表:
- 如果需要更大更复杂的桌子,请联系 法律.web@b-linedelivery.com 根据您的要求,将会有人帮助您建立您的高级表.
文件(pdf, Word文档等.):
- 请访问新太阳城-首页-apple app store-新太阳城有限公司的网页 创建易访问pdf文件.
颜色对比:
对大多数网站用户来说,一个关键的可用性帮助是确保文本的颜色与其背景的颜色之间有一个高度的对比. 这对视力受损的人来说尤其重要,因为他们的视觉灵敏度或颜色感知能力受到了影响. 当文本与背景的对比不足时, 有些人会发现阅读困难或不可能.
- 为了测试你的对比度,使用 颜色对比检查 输入前景色和背景色.
- 如果大小文本的对比度确实足够,您应该会在WCAG AA下看到一个绿色的“Pass”气泡.
网络写作-内容、语言和可读性:
应该根据上下文使用简单的语言和清晰的格式来组合内容. 做到这一点的一些方法是确保句子和段落简短明了, 避免使用不必要的复杂语言. 欲了解更多信息,请访问纽约大学的无障碍网页 为网络写作.
- 使用辅助技术的用户能够更好地浏览一个不杂乱的网站.
- 清晰易浏览的网站会吸引更多的浏览者. 它们通过呈现简洁且易于导航的内容来实现这一点,同时避免页面看起来杂乱.
- 用户喜欢能够快速找到自己感兴趣的内容,而不必花时间搜索. 设计一个包含容易找到的信息、定义良好的网站对用户和网站所有者都是有用的.
媒体/视频字幕:
想象一下看一部没有音频的电影, or listening to dialogue without watching the screen; it would be difficult to understand the full context of the movie. 如果您的页面包含视频内容, 提供标题是必要的, 成绩单, 和/或音频描述,以确保所有用户能够理解您的视频的信息. 欲了解更多信息,请访问纽约大学的无障碍网页 媒体和视频字幕.
- 视频内容必须有字幕,以确保所有用户能够理解您的视频的信息. 音频内容必须有文字记录.
电子邮件 & 可访问性:
就像网站的可访问性, 电子邮件的可访问性是非常重要的,它与网站有很多相同的概念. 如果可能的话, 确保遵守培训和本文档中指出的易访问性技巧, 在你自己的邮件中添加正确的标题 & 标题订单, 包括Alt文本图像, 正确使用描述性超链接, 足够的颜色对比, 最后, 用简单的语言和清晰的格式为网页写作,这是适合手头的上下文.
欲了解更多信息,请访问Mailchimp的页面 电子邮件营销的易用性.
- The only way that screen readers can know if a table cell is a header is by marking it with