纽约大学网站的可访问性

纽约大学的数字无障碍政策现已生效. 任何利记APP下载公共网站添加或实质性更改的所有内容-含义, 除非是在密码保护的页面上，否则必须遵循特定的策略遵从性实践.

如果这个话题是新的你，请查看利记app官网的 易读性常见问题解答. 你也可以 查看录音 利记app官网的早期培训之一(使用NYU NetID登录方法). 另外, 您可以从下面的可访问性文档开始，或者浏览许多“如何”指南 纽约大学的无障碍网站.

页面标题

• 页面标题应该简洁、独特、清晰并具有描述性.
• 这不仅为用户提供了他们在任何特定页面上查看的内容的上下文, 但当用户在浏览器中打开多个选项卡时，它也会显示为选项卡标题.
• 模糊的标题:“利记APP下载”
• 改进的标题示例:“联系JD招生”
• 如果您希望页面标题不是“Title”字段，则可以使用Display Title字段. 您也可以在这里键入[notitle]来指示Drupal不显示页面标题.

标题 & 标题订单

当盲人用屏幕阅读器听网页时, 他们无法像视力正常的用户一样，快速浏览页面内容的组织方式. 许多盲人用户会先打开一个标题列表, 试着去了解页面上的内容以及它是如何组织的. 屏幕阅读器允许用户收听标题并直接跳转到任何标题. 欲了解更多信息，请访问纽约大学的无障碍页面 创建可访问的富文本.

• 按等级顺序适当地嵌套所有标题
• 页面标题使用H1标题，因此在页面上创建的第一个标题应该是H2.
• 在嵌套标题时，记住在创建子节时不要跳过级别. 例如，H2标题可以后跟H3，但不能后跟H4.
• 确保页面上的每个部分标题都使用标题. 不要把它写得太大胆.
• 不要仅仅为了美观而使用标题格式. 强调一个重要的观点, 考虑将句子加粗或应用标注文本样式，而不是错误地应用标题格式.

图片和ALT文本

在某些情况下，提供糟糕的ALT文本可能与根本不提供ALT文本一样糟糕. 写得很差, 模棱两可的, 或不相关的ALT文本实际上会恶化对页面的理解并导致混乱. Alt文本通常应该:

屏幕阅读器无法将图像翻译成可供用户阅读的文字, 即使图像只由文本组成. 结果是, 这是必要的图像有短, 描述性Alt文本，以便屏幕阅读器用户清楚地了解图像的内容和目的. 欲了解更多信息，请访问纽约大学的无障碍页面 创建可访问的图像.

• 书写Alt标签:

  • 准确等效 呈现与图像所呈现的内容和功能相同.
  • 言简意赅. 这意味着图像的正确内容和功能应该尽可能简洁地呈现出来. 通常不需要超过几个单词, 虽然很少有一两句话是合适的.
  • 不要冗余 或者在图像的上下文中提供与文本完全相同的信息.
  • 不要使用“image of ? ...或“图形的” ...来描述图像. 对于用户来说，它通常是一个图像. 如果图像传达了内容, 用户通常不需要知道它是传递内容的图像, 而不是文本
  • 当使用图像作为链接时, 使用Alt文本来描述图像的功能，比如它链接到哪里，而不是描述图像本身的内容.

• 如何在上传图片时添加ALT文本:

  • 每次将图片上传到网站时，请确保在ALT文本字段中添加ALT标签. 使用“浏览”按钮，在您的计算机中搜索您希望上传的图像文件.
  • 
  • 一旦您选择了要上传的图像，备选文本字段将出现. 这是听到你会在您的ALT文本为您的新上传的图像. Also remember to; include a Name for the image, 将复选框标记为已发布, 然后点击“保存”以保留所有更改. 
  • 

• 如何检查页面上的图像是否已经有ALT文本:

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

网页链接:

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

• 不 使用“点击这里”或“阅读更多”作为链接——链接有意义的单词或短语
• 不正确的例子: "点击这里" or "阅读更多"
• 正确的例子: "阅读利记app官网的常见问题解答" or "...你会看到一个列表 利记app官网即将举办的活动" or "...利记app官网的解释 职业咨询服务"
• 屏幕阅读器无法为链接文本以外的链接提供上下文，这意味着页面上的多个“点击这里”链接看起来都是一样的.
• 当使用图像作为链接时, 使用Alt文本来描述图像的功能，比如它链接到哪里，而不是描述图像本身的内容.
• 当创建一个新的链接，确保链接不会在一个新的窗口或标签打开

pdf及档案连结:

• 在链接文件时，将标题、文件类型和大小作为链接文本的一部分.

  • 例子: 纽约大学身份风格指南(PDF: 367 KB).

• 诸如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 . 如果标题单元格在第一行, 屏幕阅读器将假定它们适用于下面的列(有一个隐式的scope="col").
  • scope属性在表标题单元格与其相应的数据单元格之间建立显式关联. 对于简单的联想, 列标头的选项是scope="col", scope="row"表示行标题.
  • 如果标题单元格中的文本是模糊的(例如, 命名为“Column 2”), 或者如果它包含无关信息(如链接), 按钮或非列名的额外描述), 这可能会让屏幕阅读器用户感到困惑. 最好保持标题文本准确和简单.
  • 例子:
         
       
          
             
                
                
                
                
             
          
          
             
                
                
                
                
             
         

    Greensprings Running Club Personal Bests

    Name	1 mile	5 km	10 km
    Mary	8:32	28:04	1:01:16

• 如何检查一个表是否有标题和标题:

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

• 先进的表:

  • 对于更大更复杂的表格，请联系 法律.web@asvillemeuxfoot.com 根据您的要求，有人会帮助您建立您的高级表.

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

• 请访问利记app官网的网页 创建可访问的pdf.

颜色对比:

对于大多数网站用户来说，一个关键的可用性帮助是确保文本颜色和背景颜色之间有很高的对比度. 这对于影响视觉敏锐度或色彩感知的视觉障碍患者尤为重要. 当文本和背景之间没有足够的对比时, 有些人会觉得很难或根本读不懂.

• 为了测试你的对比，请使用 色彩对比检查器 输入前景色和背景色.
• 在WCAG AA下，你应该看到一个绿色的“通过”气泡，无论大小文本，如果它们的对比度足够的话.

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

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

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

媒体/视频字幕:

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

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

电子邮件 & 可访问性:

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

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