跳过导航

可访问性

页面内容

This page aims to centralize web accessibility resources to foster a culture w在这里in accessibility compliance represents an ingrained concept 和 thus meets the web accessibility st和ards required by laws such as The Americans with Disability Act 和 Section 508. From a more practical st和point, creating accessible content allows the largest number 个人使用发布的数字信息.  此外,发帖不可访问 content can present a barrier to successful course completion 和 long-term degree 成就. USM九游会国际社区成员被鼓励使用所提供的资源 to create accessible digital content to allow for consumption by individuals across 不同的能力水平.

九游会国际 has adopted the best practices 和 st和ards 定义如下 Web内容可访问性指南(WCAG.1 AA.

T在这里 are four main guiding principles of accessibility upon which WCAG has been built.  这四个原则的首字母缩写为倒 可感知的可操作的可以理解的 和 健壮的.


可访问性基础

图片

图片 with text, like posters or infographics are inaccessible to unsighted visitors. By law everything that is available to sighted 用户 must also be available to unsighted 用户. 因此,图像中显示的任何信息也必须写入 在纸上的文字里.

If the image is also a link, then the link destination should be described in the alt文本.

Alt文本(图像描述)

To make images accessible to people who are visually impaired, it’s important to always 包括“alt”文本.屏幕阅读器使用Alt文本来解释图像显示的内容.

当 writing alt文本, you want to provide a concise but complete description of what 在图像中. 你可以省去像“photo of”或“image of”这样的短语,因为 所有文本已经暗示了这一点. 一些屏幕阅读器会在125个字符之后切断所有文本, so it’s important to keep your description to that character count or less, if possible. We also suggest using a period at the end of alt文本 so that the screen reader pauses 在继续剩下的内容之前.

Alt文本示例

Southern Miss cheerleader shouting into megaphone at Friday night pep rally 在精灵公园

好的:啦啦队长的照片

更好的场景:啦啦队长用扩音器大声喊叫

Best: Southern Miss cheerleader shouting into megaphone at Friday night pep rally 在精灵公园

链接

屏幕阅读器逐字读出所有文本,包括url. 创造一个更好的 user experience for those with screen readers, it’s important to use meaningful hyperlinks 而不是拼出url. 您还需要将超链接文本保持在100个字符以内 或者更少,以确保屏幕阅读器可以访问它们.

Screen readers also can read all the hyperlinks, allowing unsighted 用户 to “scan” 网页. 为了使这个功能对视力不佳的读者有用,我们建议避免 “在这里”和“点击这里”链接,因为它们不告诉用户链接的位置. 创建 meaningful hyperlinks helps sighted 用户 as well because it allows them to quickly 浏览网页寻找重要的链接.

下面是一些如何重写“在这里“和”点击这里“链接:

而不是“您可以通过 点击这里“试试:

在线申请USM!

而不是“查看服务的完整描述” 点击这里“试试:

有关我们服务的更多信息,请查看 完整服务描述(PDF).

而不是“点击此处注册“试试:

通过我们的系统在线注册.

Our content management system applies the proper “markup” or coding to help make tables 无障碍阅读. 如果您将表复制/粘贴到CMS中,您将 want to make sure it’s coded properly so that non-sighted readers can access it. W3C 有优秀的资源吗 创建可访问的表.

除了正确编码之外,所有表都必须包含标题. 标题 表的内容应该有一个简短的标题吗.

视频

It is recommended that all videos used on the USM 网站 be captioned 和 use an 像YouTube这样的视频播放器. 如果你使用的是自动生成的字幕, be sure to review the captions for accuracy before adding the captioned video to your 网站. 自动生成的封闭字幕准确率通常在80%左右. 你必须 进去编辑文字记录.

想了解更多关于编辑YouTube视频字幕的信息? 看看这个谷歌 支持文章:编辑或删除标题"

pdf文档

Many pdf文档 aren’t accessible to screen readers at all, 和 even ones that are accessible 会不会难以使用. 我们建议限制PDF的使用,但如果需要PDF,他们可以 必须是可访问的.

创建可访问的PDF从文档阶段开始. 我们建议使用Word, PowerPoint或Excel已经可以访问,然后导出为PDF格式. 当 在写文档时,你会用到:

  • 有意义的超链接
  • 图片上的所有文字
  • 分页,而不是跳转到下一页
  • 标题,遵循一致的标题层次或结构
  • 简单的表

Once the document has been created be sure to save as a PDF 和 choose 'Best for electronic 发行和可访问性”,如果这是一个选项的话. 保存为PDF格式允许屏幕显示 阅读器访问原始文档中的代码. 如果你用PDF格式打印, it will strip all this code away, making the content inaccessible to a screen reader.

有关使PDF更易于访问的详细信息,请参阅Adobe的“使PDF易于访问”教程.

标题

Section, page title, 和 heading tags tell non-sighted 用户 how content is organized 在一页上. 因此,对信息层次结构适当使用标记是很重要的 并按适当的顺序(H1, H2, H3等).). 请不要简单地使用标题 文字更具视觉吸引力.

For example, you wouldn't want to use a heading tag to highlight an application deadline. You also wouldn't want to use bold text in place of a heading tag because this would get skipped when a screen reader "scans" the headings 和 won't have the same orientation 效果作为标题将.

颜色对比

Text 和 icons, in order to be easy to read, must have sufficient contrast between 前景和背景颜色. W3C Web内容可访问性指南(WCAG) 定义为符合要求而必须满足的特定对比度. 我们通常 see issues with color contrast is using a different background color than the st和ard 白色/灰色的表格,上面有文字. 某些颜色不能满足对比度要求 从而导致可访问性问题. 下面的工具和参考资料中有一些工具 部分,这将有助于确定将工作的颜色.

工具和资源


  • This accessibility testing toolkit from Deque (accessibility consultancy) is what 我们的CMS将在不久的将来转移到. 它可以作为 斧 Chrome扩展.
  • 站点改进可访问性扩展
    The 站点改进可访问性扩展 are free 和 can check any web page for accessibility 任何给定时间的问题. 所有的分析完全在浏览器内完成,允许 secure evaluation of password-protected or non-public pages, multi-step forms, 和 动态内容.

  • Developed by WebAIM, this online tool evaluates the accessibility of a web page 和 显示结果使用图标和指标,嵌入到原始页面. 它是可用的 作为一个独立的网站,或者作为 波浏览器扩展 Chrome和Firefox都有.
  • 功能可访问性评估员 (身上)
    这是一个来自伊利诺伊大学的在线网站可访问性评估器. 仙灵 is capable of crawling a 网站 和 providing a summary report, plus reports for 每一页.
  • PageSpeed见解 - This is a tool by Google that will analyze your page for more than accessibility 比如加载速度和搜索引擎优化.
  • 色彩对比分析仪
    This free application, available in Windows 和 Mac versions, makes it easy to check 前景 & 背景颜色组合. 两个版本都包括一个滴管工具 方便地从屏幕上的任何地方抓取特定的颜色.
  • WebAIM颜色对比检查器
    This h和y online tool includes a feature to “lighten” or “darken” existing colors 直到找到符合WCAG 2的组合.1的要求. 这个功能 is also built into the 波 Extension (see 波 under “Third Party 可访问性 Checkers & 浏览器扩展”).
  • 改良式戏剧活动
    改良式戏剧活动 (“Non-Visual Desktop Access”) is a free, open source screen reader for Windows. WebAIM发布了一个方便的指南 使用改良式戏剧活动评估网页可访问性. This is a great tool to get an idea of what a person using a screen reader hears 浏览您的网站时.

尝试发布页面时可能遇到的特定错误

报头嵌套问题

这些错误通常是指您的标头级别乱序. 想想你的 标题作为页面的大纲. 如果一个人遇到那轮廓和部分 of the outline are skipped, they assume something is missing or an error was made.

首先是一级报头(H1). 这通常是你的页面标题和自动获取 在填写页面标题字段时放置在页面上. 很多人会开始 creating their page 和 use an H3 as the header immediately following that because 他们根据标题的大小进行选择. 你可能觉得这样更好,但不幸的是 不符合无障碍标准. 你必须在你的页面中首先使用H2. 然后 H3,等等. 所以一个合适的结构应该是这样的:

头2

头3

头3

头2

头3

头4

头2

更多关于标题和适当的结构


锚不包含文本

This error is normally triggered because you have linked an image to another page. This can be fixed by simply filling out title字段 of your link in the WYSIWYG 编辑器. 单击图像,然后单击编辑器中的链接按钮,然后填写 title字段.

链接模式窗口的截图,标题栏突出显示

The other way that this error is caused is deleting text that used to the be a link 编辑器在代码中留下了链接标签. 如果可以用错误文字来说明 out w在这里 the empty link is, then just hit delete in the empty space in that area, 你也许能解决这个问题. 如果没有,你可以填写一份 支持请求 和 we will try to remove the empty link as soon as possible so you can get your 页面发布.


b (粗体)使用的元素, i (斜体)元素

这通常是由从其他应用程序复制/粘贴文本引起的. 为了解决这个问题, just highlight the text that you have in bold or italics, click the relevant button 关闭,然后点击它回来再次加粗/斜体您的文本. 编辑就会 添加可访问的适当标记.

示例和更多信息


id 属性不是唯一的

在页面上使用相同的跳转菜单链接可能会产生此错误. 每一个锚 跳转链接必须是唯一的. 但大多数情况下,这个错误是由旧代码生成的 以前的软件是在您的页面上. 如果你得到这个错误,不 在你的页面上有跳转链接,那么请发送一个 支持的票 我们将清除代码中多余的id标签.


问题?

If you should have any questions or concerns about accessibility on USM’s 网站, 请填写一张 Web支持请求 或电子邮件 webFREEMississippi.

您是访问我们网站有困难的访问者吗?

请参阅我们的 无障碍网页声明 他们有获得帮助的工具和资源.