技术

纽约大学网站的可访问性

纽约大学的数字无障碍政策现在生效了. 所有在纽约大学法律公共网站上添加或实质性更改的内容, 除非是在有密码保护的页面上,否则必须遵循特定的策略遵循实践.

如果您对这个主题不熟悉,请查阅澳门最新网上赌场无障碍的常见问题. 你也可以 查看录音 澳门最新网上赌场早期的培训之一(使用NYU NetID签到方法). 另外, 你可以从下面的易访问性文档开始,或者浏览许多“如何”指南 纽约大学无障碍网站.

页面标题

  • 页面标题应该简洁,独特,清晰和描述性.
  • 这不仅为用户提供了他们在任何特定页面上正在查看的内容的上下文, 但当用户在浏览器中打开多个选项卡时,它也会显示为选项卡标题.
  • 模糊标题示例:“澳门最新网上赌场”
  • 改进的标题示例:“联系JD招生”
  • 你可以使用Display Title字段,如果你想让你的页面标题是'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中,双击图像,然后弹出一个窗口
    • 嵌入式媒体弹出
    • 在“嵌入媒体”弹出框中,单击“选定实体”下的图像链接.这将进入图片页面,点击“编辑”
    • 编辑图片页面
    • 在这里,您将看到“Alternative Text”字段是否为空. 如果一个图像已经有ALT文本,它将出现在这里. 如果图片没有,输入ALT文本并点击“保存”
    • 图像可选文本字段

网页链接:

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

  • 使用“点击这里”或“阅读更多”链接——链接有意义的单词或短语
  • 不正确的例子: "点击这里" 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下,你应该看到一个绿色的“Pass”气泡.

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

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

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

媒体/视频字幕:

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

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

电子邮件 & 可访问性:

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

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