技术

纽约大学网站的可访问性

纽约大学的数字无障碍政策现已生效. 所有在澳门太阳城集团公共网站上添加或实质性更改的内容, 除非它位于受密码保护的页面上,否则必须遵循策略遵从性的特定实践.

如果这个话题对你来说是新的,请阅读澳门太阳城集团常见问题上可访问性. 你也可以 查看记录 澳门太阳城集团早期的培训之一(使用NYU NetID登录方法). 另外, 您可以从澳门太阳城集团下面的辅助文档开始,或者浏览许多“如何”指南 纽约大学的可访问性网站.

页面标题

  • 页面标题应该简明、独特、清晰和描述性.
  • 这不仅为用户提供了他们在任何特定页面上所查看内容的上下文, 但当用户在浏览器中打开多个选项卡时,它也会以选项卡标题的形式出现.
  • 模糊的标题示例:“Contact Us”
  • 改进的标题示例:“Contact 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, 为Published标记复选框, 并点击“保存”以保留所有更改. 
    • 添加图像弹出窗口ALT文本字段
  • 如何检查页面上的图片是否已经有ALT文本:

    • 为了检查一个现有的图像是否已经有一个ALT标签, 导航到页面,希望你检查图片是否有ALT标签,然后点击“编辑”
    • 在WYSIWYG中,双击图像,应该会弹出一个窗口
    • Embded媒体弹出
    • 在“嵌入媒体”弹出框中,单击“选定实体”下的图像链接.这将带你进入图片页面,在那里你可以点击“编辑”
    • 编辑图片页面
    • 在这里,您将看到“Alternative Text”字段是否为空. 如果一个图像已经有ALT文本,它将出现在这里. 如果图像没有,在字段中输入ALT文本,然后单击“保存”
    • 图像可选文本字段

网页链接:

超文本链接是HTML最基本的元素之一. 像这样, 使超文本链接可访问是一个最基本和最重要的方面的网页可访问性,以便用户, 无论是直接还是通过使用某种辅助技术, 可以访问它们. 因为链接是网络内容功能的基础, 不可访问的链接是整体可访问性最严重的障碍之一. 欲了解更多信息,请访问纽约大学的无障碍页面 创建可访问的富文本.

  • 使用“点击这里”或“阅读更多”链接——链接有意义的单词或短语
  • 不正确的例子: "点击这里" or "阅读更多"
  • 正确的例子: "阅读澳门太阳城集团的常见问题解答" or "...在那里你会看到一个列表 澳门太阳城集团即将来临的事件" or "...解释澳门太阳城集团的 职业咨询服务"
  • 屏幕阅读器无法提供链接文本之外的上下文,这意味着一个页面上的多个“点击这里”链接看起来都是一样的.
  • 当图像被用作链接时, 使用Alt文本来描述图像的功能,比如它链接到哪里,而不是描述图像本身的内容.
  • 当创建一个新的链接时,确保该链接没有在一个新的窗口或选项卡中打开

连结至pdf及档案:

  • 当链接一个文件时,包括标题,文件类型和大小作为链接文本的一部分.

  • 可以通过右键单击PDF,然后单击“获取信息”来查找诸如PDF文件大小之类的信息.”

表:

在页面中集成适当的结构可以让使用屏幕阅读器的人更容易使用. 不要使用超出预期用途的结构元素. 例如, 使用表格元素进行布局以创建列可能会使依赖屏幕阅读软件的用户感到困惑. 屏幕阅读器将宣布表的结构, 而且,用户可能认为他们正在浏览表格数据,但事实并非如此. 欲了解更多信息,请访问纽约大学的无障碍页面 创建可访问表.

  • 表标题/名称:

    • 数据表的名称/标题应准确描述该表的唯一标识或用途, 有意义的, 而简洁地. 每个数据表在同一页上其他表的上下文中应该是唯一的
    • 当用户导航到表时,屏幕阅读器读取表的标题或名称, 让用户了解表格是关于什么的.
    • 例子:
           
         
            
               
                  
                  
                  
               
            
            
               
                  
                  
                  
               
            
           
      1st Quarter Results
       GoalActual
      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 . 如果标题单元格在第一行, 屏幕阅读器将假设它们适用于下面的列(有一个隐式的scope="col").
    • scope属性在表头单元格与其对应的数据单元格之间建立了显式关联. 对于简单的关联, 列标题的选项是scope="col", 和scope="row"用于行标题.
    • 如果标题单元格中的文本是模糊的(例如, 命名为“第2列”), 或者它是否包含无关的信息(如链接, 不是列名的按钮或额外描述), 屏幕阅读器用户可能会感到困惑. 最好保持标题文本的准确和简单.
    • 例子:
           
         
            
               

                  

                  

                  

                  

               

            

            
               
                  
                  
                  
                  
               
           
      Greensprings Running Club Personal Bests
      Name1 mile5 km10 km
      Mary8:3228:041:01:16
  • 如何检查一个表是否有标题和标题:

    • 检查现有表是否已具有表标题/名称和表头, 导航到你想要检查的表格的页面,然后点击“编辑”
    • 在WISYWIG, 右键单击表格并单击“表格属性”或单击工具栏中的表格图标
    • 弹出窗口有一个“标题”字段. 如果一个表已经有标题文本,它将出现在这里. 如果图像没有,则在字段中输入标题文本
    • 如果您的表已经有标题, Headers下拉菜单将显示“第一行”,”“第一列,”或两.
    • 更改完成后,单击“确定”
    • 表标题和属性
  • 先进的表:

文件(pdf, Word文档等.):

颜色对比:

对于大多数网站用户来说,一个关键的可用性帮助是确保文本颜色和背景颜色之间有很高的对比度. 这对于有视觉障碍的人来说尤其重要,因为他们会影响视力或颜色感知. 当文字与背景之间的对比不足时, 有些人会觉得阅读困难或不可能.

  • 为了测试你的对比度,使用 颜色对比检查 输入前景色和背景色.
  • 你应该看到一个绿色的“通过”气泡下的WCAG AA大小文本,如果他们确实有足够的对比度.

网络写作——内容、语言和可读性:

内容应该用简单的语言和适合手边上下文的清晰格式组合在一起. 做到这一点的一些方法是确保句子和段落是简短和清楚的, 避免使用不必要的复杂语言. 欲了解更多信息,请访问纽约大学的无障碍页面 为网络写作.

  • 使用辅助技术的用户能够更好地浏览一个不杂乱的网站.
  • 清晰易操作的网站能吸引更多的浏览者. 它们通过呈现简洁、易于浏览的内容来实现这一点,同时避免页面看起来杂乱无章.
  • 当用户能够快速找到他们感兴趣的内容而不需要花费时间搜索时,他们会很高兴. 设计一个定义良好的站点,并提供易于查找的信息,这对用户和站点所有者都是有益的.

媒体/视频字幕:

想象一下看一部没有音频的电影, or listening to dialogue without watching the screen; it would be difficult to understand the full context of the movie. 如果您的页面包含视频内容, 提供标题是很重要的, 成绩单, 和/或音频描述,以确保所有用户都能够理解视频的信息. 欲了解更多信息,请访问纽约大学的无障碍页面 媒体和视频字幕.

  • 视频内容必须加标题,以确保所有用户都能理解视频的信息. 音频内容必须有文字记录.

电子邮件 & 可访问性:

就像网站的可访问性, 电子邮件的可访问性是非常重要的,并且分享了许多适用于网站的相同概念. 如果可能的话, 确保坚持在培训和本文档中指出的可访问性提示, 放入你自己的邮件中,比如适当的标题 & 标题订单, 包括图像的Alt Text, 正确使用描述性超链接, 足够的颜色对比, 最后, 用简单的语言和适合手边上下文的清晰格式为网络写作.

欲了解更多信息,请访问Mailchimp的页面 电子邮件营销中的易用性.