跳转到主要内容
  1. /
  2. 的帖子
  3. /
  4. 发现与用户体验
  5. /
  6. 提高可访问性在我们的…
发现与用户体验

提高可访问性在我们的博客

Jaci威尔金森,这是一个合作发表的帖子,发现和用户体验(DUX)和Alexis Guilbault DUX Web内容助理。

公平的可访问性是一个关键组成部分,可用的web内容创建。有许多步骤的人管理网站,社交媒体账户,和博客可以采取结构内容,造福所有的读者。创作者需要确保其内容与辅助技术,如屏幕阅读器兼容“说话”网页和其他在线盲人读者的信息。

2019年4月下旬,DUX部门审计的47个帖子IU图书馆博客和使用三个关键的易访问性评估实践。这篇文章强调结果和解释这三种做法:

  1. 嵌入视频字幕,
  2. 战略内容组织与标题标签,
  3. 提供描述性的标题和/或替代文本图像。

由于这个评论,我们在这三个领域推出明确的指导方针,我们问博客创造者为WordPress中创建内容遵循前进。

视频和字幕

关闭字幕为观众提供文本和额外的解释信息是听力受损,也有助于观众不讲英语。

只有6 47 IU图书馆博客的视频,2的6没有字幕。嵌入式视频需要字幕可用在视频播放器。

如何让嵌入式视频可以吗

首先,只有嵌入视频字幕。检查如果视频字幕通过检查视频播放器的“抄送”按钮。如果你让自己的视频,上传到YouTube (0 r另一个服务如Vimeo),一定要添加封闭字幕

现在,我们不能auto-enable字幕WordPress。然而,如果您上传您自己的视频到YouTube,你可以auto-enable字幕通过视频管理器。

标题

内容组织在网上任何工作至关重要,和标题中发挥核心作用和不使用屏幕阅读器用户如何参与我们的工作。略读是由所有的用户使用的标题与标题标签时。标题标签是一小块的HTML代码区分标题和副标题的内容,让你的博客文章结构。

屏幕阅读器预览的标题与标题标签内的每一篇文章,忽略文本粗体或更大的字体大小。因此,使用标题标签,更多的用户可以预览和浏览部分内容。

例如,看看这篇文章的结构。它是由通过使用两个标题大小更具可读性。三种实践我们强调在这篇文章开始于一个解释部分。这时,一个小标题区分每个实践的“如何”部分。

IU图书馆博客,使用的只有6 47博客标题。只有2文章使用标题标签,另4粗体文本使它看起来像一个标题。标题很重要插入作为读者和路标应该显示一个段落或部分是什么。正如上面提到的,他们也方便浏览,允许一个用户到他们正在寻找尽可能有效地内容。

如何插入标题标签

插入标题标记,首先选择你想让一个标题的文本。然后,与“段落”,点击下拉菜单并选择您想要添加数字标题标记。这将标题标签添加到您的帖子。你可以看到他们在“文本”选项卡中,旁边的“视觉”下面的GIF。例如,对于下面的标题,代码会读< h2 > Hello world。< / h2 >。

GIF的添加标题标签的过程。它始于用户键入Hello world和选择文本。然后,它显示了用户选择标题2和文本变大。

有六个大小的标题标签,从< h1 >和<编辑>结束。H1通常是保留给博客标题。H2标签是用于创建部分在你的博客上,和H3标签使导航更容易在这些部分。你在序号使用标题标签。例如,您将使用H4为创建子部分和H3节带领下。

选择文本和标题

Alt文本,或替代文本,让屏幕阅读工具来描述图像有视觉障碍的用户。Web内容创作者必须添加描述性,博客文章的有用alt文本时,上传图片。描述性的标题可以取代alt文本。大多是文本的图像,像一个图表或一首诗,应该包括“文本版本”屏幕阅读器在博客的主体。

30的47个国际单位图书馆博客咨询(64%)与图像的可访问性问题。一些帖子没有任何描述图像的屏幕阅读器,而一些含糊不清的标题,没有准确地交流是什么图。

如何添加alt文本和标题

添加替代文本图像或gif,像上面包括,点击媒体添加到您的文章,选择铅笔或“编辑”按钮。在这里,您将能够添加替代文本和/或标题。

记住,标题和alt文本不应该直接从文本中重复信息,但是,相反,应该描述图像是什么以及观众能够看到。例如,假设我们写了一篇关于Bloomington-classic遗留下来的打破了。我们可能包括这个形象的电影海报。

从1979年礼貌IMDb脱离电影海报。海报描绘了四个年轻人坐在一个长满草的山坡,引用电影,告诉你你能做什么和你的高中文凭”在天空之上。

打破了电影海报,(1979),礼貌IMDb。

这个标题描述的图像是什么,电影海报,同时也表明它是我们写的电影,今年它,和图像的来源;然而,它不描述图像本身是什么。为了更好的“描述性”标题,我们可以添加这个在alt文本:“打破了从1979年礼貌IMDb电影海报。海报描绘了四个年轻人坐在一个长满草的山坡,引用电影,告诉你你能做什么和你的高中文凭”在天空之上。“这标题描述图像,给读者一种海报是什么样子。

谁的报告作者的博客文章

学生工作是我们提供的服务和资源的关键。学生工作者主要写这篇博客!但不幸的是,我们的博客审计表明,许多帖子写的学生访问或临时雇员少于其他职位。请教育所有博客创作者如何创建访问内容。(提示:这篇文章是一个伟大的方式去做!)这是一个技能可以兜售他们的下一份工作面试。

可访问性是可用性

通过确保嵌入式视频字幕,组织博客文章标题,并提供替代文本或描述性的标题图片,我们可以让IU图书馆博客为所有的观众更有用。在某种程度上,这里列出的做法可能会被编译成一个更大的可访问性政策或实践文档,将涉及的不仅仅是图书馆博客。如果或当这种情况发生时,这篇文章将提供链接到任何新的更新文档。

如果你有问题出现在这里的方法或者想了解其他方面更容易使您的web内容,邮件DUX部门主管,Jaci Wilkinson wilkinj @国际单位。edu。她对这些指导方针也欢迎您的反馈。

留下一个回复

你的电子邮件地址将不会被发表。必填字段标记*

这个网站使用Akismet来减少垃圾邮件。学习如何处理你的评论数据

Baidu
map