阅读时间6分钟 (1128字)

适用于Joomla 3.x的辅助资源

August-TemplateA11y

«善良是聋人能听到的语言,盲人能看到的语言》(M.Twain):使用可访问的模板,我们真的可以做到这一点!

大家好,Joomlers,祝八月快乐!今天,我们从Joomla辅助团队带来一些好消息:同时我们在开发新的、可访问的Joomla 4,我们决定为您选择一些可访问的资源,这些资源可以立即与Joomla 3一起使用。

“善良是聋人能听到的语言,盲人能看到的语言”。用马克·吐温的这句名言,我们开启了一系列由Joomla辅助团队制作的文章,以突出Joomla 3中立即可用的资源,以便开发可访问的网站。

我们开始审查模板、扩展和在线资源。我们将与您分享访问任何技术文档的链接。我们将分析哪些系统可以检查网站并获取有关我们平台数字可访问性的有用信息,以及有关如何改进它们的宝贵信息。

例如,最近的法规,如欧洲议会的无障碍法案,要求我们将无障碍视为规则。遗憾的是,有必要强制要求,以迫使开发人员考虑无障碍性,但最终这将允许更多用户访问网站和服务。

在介绍本月资源之前,让我们回顾一下无障碍性的含义。

无障碍性是什么意思?

无障碍性是指设备、服务、资源或环境易于被任何类型用户使用的特征(来源维基百科)。我们选择使用最广泛的在线百科全书中最通用的定义,以强调从其最常见含义开始,必须共享这一概念。

为了有效地应用于所有参与者

  • 生产设备的人;
  • 制作服务和资源可用的人;
  • 使用它们的人。

在这里,我们谈论用户访问的权利:

  • 在场所、自然环境和建筑中;
  • 在网络上;
  • 在所有类型的设备上;
  • 广义上的文化体验。

无障碍性始于有意识的规划,无论是网站、设备、服务、资源还是区域:也就是说,无障碍不是天生的,而是逐渐形成的。

如何实现无障碍性?

处理人们的感官和运动差异,研究健全人的工效学限制,了解如何与辅助设备接口以减少(但不取消)感官或运动缺陷,遵循国家和国际指导方针。

网页无障碍性

特别是,网页无障碍性旨在解决以下需求:

  • 视觉问题:从完全失明到各种程度的低视力,无法区分颜色、对比度和细节。
  • 运动困难:手部使用的完全或部分障碍,包括震颤、肌肉无力、精确肌肉控制丧失。
  • 听力缺失或丧失:在各种程度上防止或减少使用他们想要发布的内容的能力。
  • 癫痫发作:由视觉闪烁或闪光效果引起的癫痫发作。
  • 智力和发展障碍:阅读障碍等学习障碍,不同原因的认知障碍,记忆力丧失,无法保持注意力等。

一个无障碍网站应该是

可感知的

  • 提供非文本内容的文本替代方案;
  • 将音频和视频内容与字幕和/或转录本集成;
  • 应用正确的对比度级别;
  • 通过操作方式,如增加字体大小、改变设备方向,不会导致内容丢失。

可操作的

  • 可使用键盘导航;
  • 提供清晰直观的导航;
  • 提供足够的时间来完成操作;
  • 提供跳过单个页面上重复块的能力。

可理解的

  • 使用简单语言编写内容;
  • 提供广泛的首字母缩略词描述;
  • 提供任何错误的适当指示。

健壮的

  • 确保与用户程序的最大兼容性,从操作系统到浏览器,包括辅助技术。

数字无障碍性从模板开始

即使Joomla 4的目的是建立一个完全无障碍的系统,包括前端和后端,我们目前可以使用资源来管理这些事情,使我们能够获得对所有用户都无障碍的平台。为此,最好仔细管理模板的选择,这不仅可以获得良好的结果,还可以提供更大的使用灵活性。

创建一个无障碍网站从选择模板开始。

我们与米兰盲人研究所基金会的朋友合作,他们确认了这一点:他们在Joomla上有一个网站,并推广Joomla盲人课程。他们的经验和我们对CMS的了解使我们能够在网站开发方面探索无障碍的道路。

今天,我们推出一个免费提供给非商业用途的Joomla 3可访问性模板。

b2ap3 amp template accessible etico joomla

Etico:符合Wcag 2.1指南的无障碍模板

“Etico”可访问性模板由Joomlers Donato Matturro和Vito Disimino创建,他们是JAT(Joomla!无障碍团队)的成员,作为一项无障碍项目的一部分,该项目与Joomla Lombardia协会合作,该协会是AgID联盟的前成员,并遵循意大利政府数字意大利机构提出的指南。

该模板已在一些组织和协会的平台以及决定使其沟通更具道德性的商业平台上安装。要查看其功能,您可以访问官方在线版本,链接为这里

以下是该模板提供的一些功能

  • 仅使用键盘进行页面导航 - 使用TAB键
  • 跳过菜单 - 通过键盘导航激活,允许您直接定位到页面部分以跳过主菜单的导航
  • 页面各个部分丰富的颜色选择
  • 可选性激活无障碍工具栏的各个部分(对比度、布局和字体大小)
  • 符合数字意大利机构的指南风格
  • 高级定义模板位置
  • 选择使用内部字体或通过Google Font连接
  • 使用Font Awesome 4.7/5.0图标或Bootstrap图标
  • 能够分配访问键菜单项
  • 通过WAVE无障碍检查器无错误

b2ap3 amp screen shoot template accessible etico joomla

如何获取新无障碍模板的评估副本

仅限于教育和非商业目的免费使用此模板。

请记住无障碍性!

感谢您一路以来的关注,最重要的是,感谢您考虑数字无障碍:这是一种道德的、有意识的和负责任的行为!

在下一章中,我们将更详细地介绍无障碍Joomla 3.0模板,并探讨网上可用的其他资源。

Donato Matturro e Vito Disimino

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

0
欧盟2019/1150法规对电子商务的影...
社区开放 - 2020年8月
 

评论 3

已注册? 登录此处
Brian Teeman 在 2020年8月20日星期四 10:04
这不可访问

这个模板可以从哪里下载?

至少在演示中存在多个重大问题,这些问题阻碍了该模板达到WCAG A级合规性,因此不应将其用作Joomla的无障碍模板。

没有访问模板,我将不会在这里发布问题,因为这可能是网站构建者犯了错误的情况。

0
这个模板可以从哪里下载?至少在演示中,存在多个重大问题,导致这个模板连WCAG A级合规性都达不到,因此不应该被用作joomla的可访问模板。没有访问模板,我将不会在这里发布问题,因为这可能是网站构建者犯了错误的情况。
Donato Matturro 于 2020年9月14日星期一 15:19
模板更新

感谢你的提示,Brian,我们正在进行一些测试,并将尽快更新你。
同时,您可以通过演示页脚中指示的电子邮件地址请求模板的最后一个版本:http://pa-demo.joomlalombardia.org/index.php/eng/

0
感谢你的提示,Brian,我们正在进行一些测试,并将尽快更新你。同时,您可以通过演示页脚中指示的电子邮件地址请求模板的最后一个版本:[url=http://pa-demo.joomlalombardia.org/index.php/eng/][/url]
Brian Teeman 于 2020年8月20日星期四 11:18
此模板不可访问

演示链接上显示的模板不可访问,甚至在WCAG A级都未能通过

请告诉我这个模板可以从哪里下载,以便我可以检查问题是否出在构建演示网站的人身上,或者问题是否出在模板上。

0
演示链接上显示的模板不可访问,甚至在WCAG A级都未能通过。请告诉我这个模板可以从哪里下载,以便我可以检查问题是否出在构建演示网站的人身上,或者问题是否出在模板上。

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