密歇根州立大学的学生在电脑上阅读和工作

日历可访问性指南

十大博彩推荐排名州立大学活动日历是公开查看, 因此,所有发布的事件必须遵循可访问性指导方针,以符合联邦 第508节 标准.

本页包含支持以下指导方针的最佳实践、示例和资源.

  • 对于无法看到图像的人来说,图像本质上是不可接近的. 然而,它们可以通过强化所提供的信息来帮助提高理解能力. 图像可以增强理解力.
  • 不允许使用低质量或低分辨率的图像. 图像分辨率应为96或150像素.

    红鹰洛奇的高分辨率图像
    高分辨率图像

    红鹰洛奇的低分辨率图像
    低分辨率图像

    高分辨率图像对弱视人群很重要. 他们需要能够放大它们,并在必要时放大细节,而不会使图像呈现模糊. 图像需要可以在不同的设备上访问和缩放,包括投影仪和打印机.
  • 颜色对比 必须清楚. 目标是4分.前景色和背景色的比例为5:1. 这个比例可以确保中度视力低下的人能够区分颜色并看到你的内容.

    密歇根州立大学科尔大厅的钟与旗对比不够
    对比度不足

    使用 色盲模拟器 工具来模拟它是什么样子,看你的设计与各种色觉障碍.
  • 不要使用包含文字、传单或徽标的图像. 屏幕阅读器不能“读取”图像. 手机用户很难看到文字图像,因为线条不能回流, 所以浏览器让它变小了. 有阅读困难或视力障碍的人无法放大文本图像,否则会变得模糊.

    校园活动图文图片
    文本图像示例

    审查WCAG 2.1关于 文字图片(无例外) 以获得一套全面的建议.
  • 图像应该以替代文本的形式为屏幕阅读器提供替代文本. 备选文本应该简短(最多80个字符). 他们应该传达图像的目的,而不是描述图像. 相同的图像可以有不同的alt文本取决于他们的上下文.

    上下文 Alt文本
    十大博彩推荐排名州立学校吉祥物 红鹰洛奇
    Machuga Heights大厦 在Machuga Heights大厦前的岩石
    十大博彩推荐排名州立大学住宿生活 洛奇准备好去马丘加高地游览了

    不要包含“image of”、“photo of”或文件本身的名称.g.”形象.jpg”). 避免在所有使用图像的地方使用相同的替代文本.
    查看WebAim的指南 替代文本 以帮助您确定图像的最佳替代文本.
  • 避免在事件描述中使用链接url. 屏幕阅读器将读取每个字符. 相反,将链接集成为可点击的短语. url可能不容易被人类或屏幕阅读器读取.
  • 让可点击的短语尽可能简短,同时在脱离上下文的情况下仍然有意义. 它将节省屏幕阅读器用户的时间,因为更少的需要说话.
    示例:“注册”比“注册,请按这里”更可取。
  • 避免含糊或通用的文本,如点击这里或阅读更多. 链接文本应该脱离上下文,因为屏幕阅读器经常从一个链接导航到另一个链接, 跳过周围的文本. 他们会按顺序大声读出每个链接.
    示例:如果链接文本为“红鹰中心”,,屏幕阅读器将显示“链接红鹰中心”,用户将知道链接到的网页很可能是关于红鹰中心的. 而不是, 如果链接文本是“点击这里,,屏幕阅读器会显示“链接点击这里。,,用户将不知道链接的网页是关于什么的.
  • 避免使用相同的单词链接到两个不同的URL,或者使用不同的单词链接到同一个URL.
    浏览网页的指引 链接和超文本 以及W3C的指南 链接目的(上下文中) 仔细选择要超链接的单词,并为可能使用屏幕阅读器或其他辅助技术的视力不正常的人提供上下文.