阅读时间6分钟 (1182字)

网站无障碍入门

May-Accessibility

我们都知道,或者至少在某个地方听说过或阅读过,网站需要对每个人都是可访问的。但这究竟是什么意思,你能做些什么来使你的网站完全可访问呢?每天都在体验无障碍问题挑战的朱利安·怀特,为Joomla社区杂志解释了基础内容

什么是网站无障碍?

简单来说,网站无障碍确保了任何有不同能力(以前被称为残疾)的人都能完全与网站的每个部分互动。这不仅限于视力障碍的人,还包括有阅读障碍、行动不便、学习困难和其他使人衰弱的条件的人。

大多数人访问网站不会有任何问题。而对于那些能力受限的人来说则不同。他们在尝试阅读文章、填写表格或证明他们是真人而不是恶意机器人时可能会遇到挫败感。

不要让你的网站成为障碍,确保它对所有人均开放且可访问。

互联网在日常生活中变得日益重要,从工作、电子商务到社交活动。这就是为什么确保网站对每位访问者都是完全可访问的是至关重要的。这是开发者必须认真对待的事情。

关于我

作为一名严重视力受损的人,我完全依赖屏幕阅读器来访问和操作我的电脑、平板电脑和智能手机,因为我几乎没有有用的视力。没有这种辅助技术,互联网这个令人难以置信的世界将完全对我关闭,并剥夺我的独立性。

从2016年初开始,我对开发网站产生了兴趣,经过详细的研究后,我决定Joomla是前进的方向。

多年来,我通过使用各种有用的网站和论坛,学习了HTML、CSS、phpMyAdmin和SQL,以帮助解决出现的问题。

有时这极其乏味,尤其是在尝试理解代码块时。这让我感觉自己更像《黑客帝国》中的尼奥,代码在我脑海中滚动。我坚持不懈,尽管某些方面如图像和颜色永远无法理解,但我可以想象网页的布局,决定对象应该放置的位置,最重要的是,确保我的网站对使用屏幕阅读器的用户来说是可访问的。

因此,我想向您传授我在开发Joomla网站时采用的一些技术。我希望这能帮助开发者理解如何改进他们的网站。这通常可以通过简单的解决方案来实现,例如在哪里放置cookie通知或图像替代文本的最佳实践。

网站无障碍是否适用于我的网站?

你是否曾注意到网站下方的导航中隐藏的无障碍选项?也许你甚至花时间调查了那个链接背后是什么,并想知道,这适用于我吗?

答案是肯定的,你在开发网站时应该考虑这一点,而不仅仅是碰运气。

不可访问网站的影响

2019年底,美国华盛顿最高法院为视力受损(部分视力受损)和严重视力受损(失明)的人打开了大门。如果他们的网站不可访问,他们现在可以起诉公司和个人,即使你不在美国,这也可能发生。

Dominos比萨是第一个受到这一有时资源不足的网站开发领域影响的组织。只要进行一些简单的添加,他们的网站就可以避免这笔费用和不良宣传。

学习如何改进您的网站

在这篇关于网站无障碍的文章系列中,我将探讨影响我日常生活的许多问题,从有趣和幽默的到糟糕透顶的,最终迫使我放弃并尝试其他地方。

让我们开始吧

跳转链接

使用屏幕阅读器浏览网页可能是一个缓慢的过程,尤其是对于那些刚开始使用辅助技术的人来说。这就是为什么跳转链接如此重要的原因。屏幕阅读器用户不能像完全视力正常的人那样浏览文本或图像,而是依靠逐个宣布每个对象。

场景

当网页加载时,屏幕阅读器通常会聚焦在页面上的第一个对象。这可能是一个cookie通知或网站标志。但想象一下,你必须通过搜索字段、导航链接(菜单)和广告等障碍才能到达主要内容。如果用户想查看网站上的多个不同页面,这很快就会变得繁琐。

这就是跳转链接发挥作用的地方,它们允许网站访问者快速选择页面上的某个区域,直接跳转到那里,而无需先浏览一大堆信息。一个简单的跳转链接可能给用户提供立即跳转到主要内容的机会。这是可以接受的,然而,在Joomla 4中,我们都有启用交互式跳转链接菜单的选项。

以前,在我使用的许多Joomla 3模板中,跳转链接都没有包含。我必须自己使用自定义模块和内部页面链接将它们嵌入到模板中。由于Joomla开发者的出色工作,这不再是必要的。

一旦为网站的前端启用,任何使用屏幕阅读器的人都会看到一个名为“键盘导航”的选项,它将位于网页的初始着陆点附近。当用户选择使用键盘导航时,他们将被提供一系列选项,可能包括:

  • 主要内容
  • 导航(主菜单)
  • 导航(下级菜单)
  • 页脚
  • 页眉
  • 表单

当然,这些选项将根据您页面的布局而有所不同,但它们清楚地定义了屏幕阅读器用户可以通过单次按下所选键组合直接跳转到的位置。

如何在Joomla 4中启用跳转链接

默认情况下,Joomla 4的管理区域已启用跳转链接,但您可以通过以下步骤轻松在前端启用它们。

  1. 登录到您站点的管理区域。
  2. 选择 插件
  3. 搜索 系统 - 跳转到导航 并打开其仪表板。
  4. 使用位于“站点部分”旁边的下拉菜单选择 两者 选项,或者如果您不需要在管理区域中启用它,则选择 站点仅
  5. 保存并关闭.

就是这样。您已经迈出了让您的Joomla 4网站比互联网上数百万其他网站更具可访问性的第一步。相信我,每个访问您网站的屏幕阅读器用户都会真心感谢您花时间让他们的生活变得轻松一点。

想要更多可访问性技巧和技巧吗?

当然您想!在本系列文章的其余部分关于网站可访问性的文章中,我将涵盖一系列技巧,帮助您让您的网站因所有正确的理由而受到关注。

下一篇文章将探讨GDPR和Cookie通知

发表在Joomla社区杂志上的一些文章代表了作者对特定主题的个人意见或经验,可能不代表Joomla项目官方立场

1
Joomla的J4新HTTP头部插件
赢得Joomla的机会!
 

评论 2

已经注册? 在此登录
Adrian Versey on Saturday, 28 May 2022 03:58
好文章。

好文章。我期待着这个系列的其余部分。

0
好文章。我期待着这个系列的其余部分。
ANDI on Saturday, 28 May 2022 12:58
好文章

好文章,谢谢!!

0
好文章,谢谢!!

通过接受,您将访问由 https://magazine.joomla.net.cn/ 外部的第三方提供的服务