1. David Wu首页
  2. web前端
  3. CSS

厦门网站制作:Web设计师面临的挑战是确保网站的可访问性

在过去几年中,可访问性已成为网页设计中讨论最多的主题之一。这是一件好事。随着越来越多的日常生活在线上移动,确保内容和服务尽可能广泛的受众可以使用至关重要。这样做的义务既有道德的,在某些情况下也是合法的。 设计师的问题在于,虽然可访问性的一些部分相当明显(如添加替代文字的图像),但其他方面也没有被广泛宣传。另外 WP网站建设

在过去几年中,可访问性已成为网页设计中讨论最多的主题之一。这是一件好事。随着越来越多的日常生活在线上移动,确保内容和服务尽可能广泛的受众可以使用至关重要。这样做的义务既有道德的,在某些情况下也是合法的。

设计师的问题在于,虽然可访问性的一些部分相当明显(如添加替代文字的图像),但其他方面也没有被广泛宣传。另外,我们经常依赖第三方的项目,如主题,插件等,可能要求合规 – 但我们如何真正了解?

另一个问题很多设计师可能是:当是一个网站访问 足够?换句话说,一个网站在什么时候跨越该门槛可以访问?

设计师(包括您的真实)对于可访问性有很多疑问。所以,我们征求了Joe Dolson的帮助,Joe Dolson是一位无障碍顾问,他对这个问题有深刻的了解和热情。他会提供一些关于我们面临的最棘手的问题的见解。

继续阅读,以便更好地了解网络可访问性,并发现一些有用的资源,以指导您正确的方向。

厦门网站制作

厦门网站制作

缺少件

辅助功能包括广泛的实践和技术 – 超过我们可能会意识到。即使是那些认为我们对无障碍问题有一个体面的处理的人也许会失去一些重要的元素。

“当开发人员和设计师开始了解无障碍问题时,他们通常首先关注盲人的问题。”Dolson说。“这导致失踪的两个无障碍区域对于其他残疾人的视力至关重要。”

视觉焦点
Dolson列表中的第一个项目是Visual Focus。他解释说:

“视觉焦点是在使用键盘导航时,可以直观地识别页面上的位置。如果您按Tab键浏览页面上的链接,表单字段和按钮,您会经常发现您无法区分当前在页面上的位置 – 这是由于缺乏视觉焦点。

详细了解Visual Focus: http : //oregonstate.edu/accessibility/focus

放大文本
设计的另一错误元素是 – 当用户放大文本时会发生什么?多尔森阐述:

“放大的文字对于视力低下的人来说至关重要,他们可能需要将文本放大到正常大小的几倍才能阅读。这可能会导致一些不同的问题:重叠文本,水平滚动以查看整个页面或极其窄的列,文本每隔几个字符包装可以使页面很难消费。

无障碍内容策略

当向网站添加内容时,有时候更容易的事情是写一个文本,并链接到包含更多信息的附件文件(如PDF)。但是,这是可访问性的最佳做法吗?

Dolson表示,附件应该可以访问,但是注意到“文档的内容需要可以访问,而且可以以各种各样的方式实现。您可以提出可访问的网页将构成不可访问的PDF的替代方案。“

所以,虽然可以使PDF文件的内容可以访问,但仍然可以将相同的内容和位置放在HTML中。

了解有关创建可访问PDF文件的更多信息: http : //webaim.org/techniques/acrobat/

厦门网站制作

厦门网站制作

利用工具查找潜在问题

创建可访问网站的巨大进步之一是可以帮助您嗅探出问题的工具。根据Dolson的说法,这些工具“…在评估Web可访问性的过程中起了非常重要的作用”。不过,他警告说:“虽然重要,但绝对不能取代人的判断和审查”。

WAVE(Web Accessibility Evaluation Tool)是最有名的解决方案之一。粘贴到您网站的网址(或者更好的是使用Chrome或Firefox扩展程序),WAVE将加载页面中的一些热图,什么是好的,什么不是。它会捕捉到缺少alt标签,表单标签,甚至指出颜色对比问题。然后,您可以点击特定的错误,并在您正在测试的页面上直接看到它们。

这是一个真正显示错误某些事情容易的工具。但是,指出第三方插件和主题的缺陷也很好。

一旦像WAVE这样的工具发现任何问题,您可以随时通过手动应用修复程序。然而,Dolson指出,可能会有一些alt文本的问题,工具不一定会被检测到。他说:“一个自动化工具只能判断您的图像是否具有替代文字。它不能做的是确定文本是否真的适合替代图像。“

所以,虽然像WAVE这样的工具可以让您的生活更加轻松,但您仍然需要做一些小小的事情来确保可访问性。

了解有关Alternative(ALT)文本的更多信息: http : //oregonstate.edu/accessibility/alttext

厦门网站制作

厦门网站制作

你在遵守吗?

这是一个真正给设计师和网站所有者造成混乱的问题。事实上,即使无障碍专家也无法提供绝对的声明。多尔森解释了挑战:

“第一个挑战是确定法律实际上规定了您的网站的可访问性。这取决于您的网站支付的费用,您所在行业的哪个部分,以及您的网站负责的国家(这是一个单独的甚至更复杂的问题!)。在美国境内,无障碍治理在很大程度上受到1990年美国残疾人法案(ADA)的管辖。

ADA规定,营业地点应为残疾人提供平等的住宿 – 但是,从行为之日起可以推测,实际上并不包括任何可构成可访问网站的信息。有关1998年“康复法” 第508条所述美国联邦政府网站的具体指导方针,但这是一个完全独立的法律体系,您不能得出ADA将遵循相同准则的结论。“

至少说这是很复杂的。在Dolson看来,按照Web内容无障碍指南(WGAC)2.0,如果您有法律上的挑战,至少会给您一些声音防御。
*一如以往,请务必咨询法律专业人士,了解您的具体情况。

厦门网站制作

厦门网站制作

建议测试您的网站

除了通过自动化工具测试和修复错误之外,还建议您自行进行一些测试。这样,您至少可以了解用户体验是什么样的。Dolson的建议:

使用屏幕阅读器
Mac或iOS用户可以启用VoiceOver功能。Windows 10具有内置的旁白功能。或者,您可能需要安装像NVDA这样的第三方应用程序。

拔掉鼠标
尝试只使用键盘导航您的网站。以下是启用键盘访问的一些提示。

增加字体
放大您的网站使其文本为400%,看看它如何影响布局。

安装浏览器扩展
NoCoffee是一款免费的Chrome扩展,可以模拟色盲和其他视觉问题。RGBlind对Firefox用户执行类似的任务。

使用这些方法是一个很好的方法,至少让自己一个如何访问你的网站的想法。但它们不应该被视为一个完整的模拟。Dolson建议,这些工具虽然有价值,但并不总是准确的表示。例如,屏幕阅读器的经验丰富的用户可能会与您的网站有不同的体验 – 特别是如果您不熟悉自己使用此类软件。

厦门网站制作

厦门网站制作

值得努力

正如我们所了解的,在可达性方面有很多需要考虑的事项。幸运的是,有一些非常有用的工具,资源和专家,我们可以依靠,使我们走向正确的方向。

理想情况下,上述实践和概念应该成为您典型的站点设计和构建过程的另一部分。这样,它将成为你的第二性质 – 就像HTML或CSS一样。缓慢但肯定地,这将有助于我们进入一个更易于访问的网页。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/7420

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注