分开的清单

菜单

前庭障碍的可及性:我的暂时性残疾如何改变我的观点

可访问性可能很棘手。有很多条件需要考虑,许多技术限制和奇怪的例外使得大多数设计师和开发人员很难掌握。

文章如下

我从未认为自己是一个无障碍的人专家,但我非常自豪地使我的项目Web内容可访问性指导方针(wcag)符合……ish。他们将通过大多数自动化测试,在可访问性树中完美显示,键盘导航也很好。我甚至会时不时地尝试(甚至失败)使用屏幕阅读器。

但生活会给我一个我可能永远学不到的教训:去年十月,我的固定的生活发生了翻天覆地的变化——我开始感到非常头晕,有一种不断地向右侧坠落或旋转的感觉。我患有迷路炎引起的严重眩晕症,这使我无法得到任何东西完成。

眩晕的原因很多,最常见的是病毒感染或内耳内漂浮的微小的无钙晶体,这几乎是我们身体的加速度计。任何干扰都会使大脑对身体的位置产生混淆的信号,这会引起严重的恶心,头晕,头痛。如果你觉得晕船,这是一种非常相似的感觉。如果不是,当你从过山车上下来的时候,想想那种感觉……就像这样,只有终日.

对大多数人来说,眩晕是他们一生只会经历一次的事情。,它通常在一两周后消失。发病率很高,据估计,多达40%的人一生中至少会出现一次眩晕。有些人一生都有这种疾病(或由一系列疾病和综合征引起的类似症状,这些疾病和综合征属于前庭障碍)4%的美国成年人报告长期的平衡问题,另外1.1%的人报告慢性头晕,根据美国语言听力协会.

在我看来,一个多月了。这是我在经历过程中学到的。

倾斜会引发前庭症状

这一切都是从我每天出去慢跑的时候开始的。我觉得有点头晕,突然我的视力完全扭曲了。一切都显得更遥远,就像在看一个有趣的房子的变形镜。我跌跌撞撞地回到家里休息。在那一刻,我相信我可能过度锻炼了,还有水合作用,食物,我只需要休息。时间会证明我错了。

我后来了解到,经历眩晕是你的一只内耳不断地对大脑说“一切都很好,我们是平和的,静止的,另一只耳朵在喊“哦,天哪,我们正在坠落,我们在坠落!!视觉刺激可以作为中介,支持一只耳朵或另一只耳朵的信息。眩晕也可以以相反的方式工作,头晕干扰了你的视力。

我很快发现当症状达到顶峰时,盯着远处的物体可以减轻坠落的感觉。有点.

以同样的方式,一些视觉刺激会使情况恶化。

从这个意义上说,垂直倾斜是一个大问题。例如,在网页上看一个微妙的垂直倾斜(你必须看两次才能确保它不是完全垂直的那种)会立即引发我的症状。无论是用来在文本旁边创建某种兴趣的长页面倾斜,还是用来标记活动选项卡的小装饰,看到任何轻微倾斜的东西都会立刻把我送进过山车。

水平倾斜(不管程度如何)和更硬的垂直倾斜不会引起这些问题。

我的最佳猜测是,轻微的垂直倾斜看起来像强制透视,因此加强了从高处坠落的感觉,如果可以的话,我建议避免垂直倾斜。或者让它们变得非常明显。稍微倾斜看起来像透视图,较硬的看起来像三角形。

目标大小很重要(即使在鼠标辅助设备上)

磁共振成像(MRI)扫描后,一些试验是为了消除神经疾病,以及其他证明无效的治疗方法,我被开了桂利嗪。

辛那利嗪是一种钙通道阻滞剂,简单来说,它可以防止必威官网网址多少出现故障的内耳“加速度计”向大脑发送错误的信息。
它创造了奇迹。在几乎无法下床十天之后,我终于有了一些接近我正常生活的东西。我会一直觉得头晕,一整天都有高峰,但在大多数情况下,这要容易得多。

在这一点上,我终于能够使用计算机(但仍然无法生成任何代码)。为了充分利用它,我开始了一项关于前庭障碍可及性的自我实验任务。在测试中,我发现首先让我感到震惊的是我总是会错过目标(链接和按钮)。

我来自与台式电脑一起成长的那一代,所以使用鼠标是第二天性。指针几乎是我思想的延伸,就像很多人经常使用它一样。但是辛那利嗪有助于缓解头晕,它有一个共同的副作用,负面影响协调和良好的运动技能(建议不要在治疗期间驾驶或操作机器)。当我意识到要让指针按我的意图去做要困难得多时,这并不奇怪。

常见的行为是:将指针移过我要单击的链接,在到达之前点击,或者多次尝试点击较小的目标。

成功标准2.5.5目标规模(AAA级)在万维网联盟(W3C)中,WCAG推荐了更大的目标尺寸,这样用户就可以轻松地激活它们。这一现象的明显原因是很难在输入较粗的小屏幕上精确定位目标(即,移动设备的触摸屏)。对于开发人员来说,一个相当常见的做法是为较小的视窗宽度设置较大的目标尺寸(假设控制挑战仅与触摸相关)。而忽略了大屏幕上预期与鼠标输入一起使用的问题。我知道这是我自己的错。

而不是仅仅针对较小的屏幕大小,有很多理由可以在全部的设备:对视力有限的用户有好处(当文本按比例放大,颜色对比度足够时)。移动障碍用户,如手震颤,当然,具有良好运动技能的使用者。

字体大小和间距

即使“享受”治疗提供的缓解症状,阅读任何东西在接下来的三周里仍然是一个挑战。

由于字体大小和间距较小,我在眩晕时完全无法使用移动设备,所以我不得不用我的台式电脑做一切。

我可以说我遇到了类似于轻度阅读障碍或注意力障碍的用户:每当我访问一个不遵循良好字体样式的网站时,我会发现自己一遍又一遍地读同一行。

这再次证明了可访问性是交叉的:当我们为某个特定的目的改进东西时,它通常也会给用户带来其他挑战。我曾经认为,关于字体风格的建议主要是针对近视和阅读困难的人。结果表明,对于眩晕患者来说,这些药物也是至关重要的,甚至对于那些有一些认知差异的人。一天结束的时候,每个人都得益于更好的可读性。

为了提高可读性,您可以采取以下措施:

  • 保持行高至少为字体大小的1.5倍(即,线高:1.5
  • 将段落之间的间距至少设置为字体大小的2.0倍。我们可以通过使用相对单位(如相对长度单位.
  • 字母间距应至少为字体大小的0.12倍。我们可以用字母间距CSS属性,也许把它设置成一个相对的单位。
  • 确保文本和背景之间有良好的对比。
  • 保持字体加粗在合理的水平上字体族.有些字体的笔画很细,很难阅读。使用较薄字体时,尝试相应地提高对比度和字体大小,甚至超过了wcag的建议。
  • 选择易于阅读的字体。关于哪种字体更适合用户,一直存在着一个大的且仍没有定论的争论,但我可以肯定的是,对于有阅读问题的用户来说,流行字体(比如用户可能已经熟悉的字体)通常是最不具挑战性的。

wcag对文本的建议相当明确幸运的是,这些建议是最常见的,但即使是他们有时也会落空。所以,最好跟着走可访问文本上的特定参考线以及你最好的判断。通过自动化测试并不能保证实际的可访问性。

另一个问题是,我对眩晕的体验与那些有阅读障碍和注意力紊乱的人相似,那就是我很难把注意力集中在一个地方。从这个意义上说…

动画效果不好(视差是纯粹的邪恶)

VAL HEAD已经覆盖视觉触发前庭障碍在一篇优秀的文章中,所以如果你还没读过,我建议你好好读一读。

总结,动画会引起恶心,头晕,还有一些用户的头痛,所以我们应该有目的地和负责任地使用它们。

虽然大多数动画都没有触发我的症状,视差滚动确实做到了。我一开始就不喜欢视差,我觉得很困惑。当你感到眩晕的时候,视差滚动复合物引入的问题。

真正地,没有文字来描述一个简单的视差效应有多糟糕,滚动劫持,甚至背景附件:固定会让我感觉。我宁愿跳上宇航员使用的20克离心机中的一台,也不愿看一个有视差滚动的网站。

每次我遇到它,我会把水桶放在身边好好利用,然后被迫躺在床上小时当我感觉房间在我周围旋转时,没有药物能让我摆脱困境。它是坏的。

虽然正常的动画并没有引起如此严重的反应,他们仍然是一个大问题。极端,自觉的,全神贯注地阅读会使屏幕上的任何东西都会立刻打断我的注意力,强迫我从头开始。我的意思是任何东西.

我经常会发现自己在浏览一个网站,结果发现卷轴上典型的折叠导航条会让我分心,以至于我完全不知道自己在哪里。自动播放传送带所以烦人的是,我会在它们出现时使用dev工具删除它们。背景视频会让我绝望地离开网站。

随着时间的推移,我开始使用鼠标选择作为指针;一个我已经读过的东西的视觉指示,这样每当有什么东西让我分心时,我就可以回到它。然后我尝试自定义样式表,尽可能禁用转换和动画,但这也意味着许多具有关键元素的网站根本没有出现,当它们被执行为从屏幕开始或以其他方式不可见时,在卷轴上出现。

当然,通过开发工具或使用自定义样式表删除内容并不是我们期望99.99%的用户都知道的事情。

所以,如果有的话,考虑将动画减少到最小。为用户提供关闭非必需动画的控件(wcag 2.2.3交互动画然后停下来,停止,或者把它们藏起来(wcag 2.2.2暂停,停止,隐藏)以这样的方式实现动画和转换:如果用户禁用它们,关键元素仍然显示。

对视差要格外小心:我的建议是,至少,尝试将其仅限于头(“hero”),注意保持平稳,真实的视差经验。我的头晕我会说,“别害怕使用视差。从未。曾经。但我想这可能是一个很难卖给利益相关者和设计师的想法。

还要考虑学习如何使用倾向于减少动作特征查询。这是对规格的更新添加(它是媒体查询5级模块,这是一个早期的编辑草稿阶段),允许作者根据用户是否请求系统最小化动画的使用来应用选择性的样式。操作系统和浏览器对它的支持仍然相当有限,但是我们将在查询中设置任何移动对象,以确定用户何时无偏好,阻止那些选择减少.

经过一周左右的摔跤网站提供静态体验,我想起了一件事,那就是在眩晕持续的时候,我最大的盟友:

读者模式

一些浏览器包括一个“读卡器模式”,它可以从任何样式选择中删除内容,让它远离任何干扰,并为文本提供完美的wcag兼容布局,以最大限度地提高可读性。

在多个网站上提供清晰一致的阅读体验非常有帮助,特别是对于有阅读障碍的用户。

我不得不承认:在经历我的前庭障碍之前,我从未使用过阅读器模式(浏览器中的正式名称有所不同),甚至没有检查过我的项目是否与之兼容。我甚至不认为这是一个有用的功能,作为对“读卡器模式”的快速搜索,用户实际上返回了相当多的线程,询问如何禁用它或如何从Firefox的地址栏中删除它的按钮。(似乎有人无意中激活了它……也许图标不够清晰。)

显示访问读卡器模式的按钮由浏览器试探法切换,基于页面HTML中语义标记的使用(或不使用)。不幸的是,这意味着并非所有的网站都提供这样的“奢侈品”。

我真希望在2019年我不必这么说……但是拜托了,拜托使用语义标记。对的会话语义学允许您的网站以阅读模式显示,为屏幕阅读器用户提供更好的体验。再一次,可达性是交叉的。

当我的眩晕持续的时候,阅读模式被证明是非常有用的。但还有更好的东西:

深色方案

到第四周,我开始感觉很好。我打开了Visual Studio代码尝试回去工作。这样做,我发现了另一个启示:在黑暗的背景下写一篇浅色的文章对我来说太容易阅读了。(尽管此时我仍然无法重返工作岗位。)

我很惊讶,因为我一直喜欢在浅色背景上使用深色文字的浅色模式来阅读,黑暗模式,在暗处有浅色文字用于编码。当时我不知道畏光症(对光敏感)这就是我发现很难在桌面上阅读和使用我的移动设备的原因之一。

据我所知,畏光症不是前庭障碍,但是有很多条件会触发它,因此,值得研究一下我们项目的可访问性。

CSS还计划通过媒体查询来切换配色方案。被称为首选配色方案,它允许根据用户对暗主题或浅主题的指定偏好应用样式。它也是媒体查询5级规范的一部分,在写这篇文章的时候它只在Safari技术预览版中提供,随着Mozilla计划在即将到来的Firefox 67中发布它。幸运的是PASCSS插件这使得我们可以在大多数现代浏览器中通过首选配色方案查询到颜色指数查询,有更好的支持。

如果明信片不是你的茶,或者,无论出于什么原因,您都不能使用这种方法自动将配色方案切换到用户的偏好,至少在应用程序的配置中提供一个主题选项。自从CSS自定义属性发布以来,主题化变得非常简单,因此,实现这种转换相对容易,并将大大有利于任何经历畏光。

继续前进

一个月几天之后,眩晕完全消失了,我可以不需要任何药物或进一步治疗而返回工作岗位。它应该保持这样,对于大多数人来说,这是一生中的一次。

我回到我的固定的生活,但这次经历彻底改变了我的心态。

如我之前所说,我一直在关注让我的项目与使用键盘导航和屏幕阅读器的人兼容。但是我学到了一个很难的方法,那就是有很多“看不见的情况”需要考虑到:前庭障碍,认知差异,阅读障碍,还有色盲,只是举几个例子。大多数时候我完全忽视了这些,为了通过自动化测试几乎没有解决问题,这意味着我无意中让一些用户无法访问网站,从而惹恼了他们。

在我眩晕的经历之后,我转向了无障碍设计和开发的第一方法.现在我问自己,“我会把这个决定留给任何人吗?在删除一行代码之前。无障碍不应该是事后诸葛亮。

确保我的项目从一开始就为那些有困难的人工作,也会提高其他人的经验。想想如何改善阅读困难的用户的文本样式,眩晕,或者视觉问题提高了所有用户的可读性,或者如何控制动画或选择配色方案对于注意力紊乱和畏光的用户来说至关重要,分别同时也是一个很好的功能。

它还将我的工作流程转变为一种更顺畅的开发体验,因为从一开始就解决可访问性问题可能意味着一个较慢的开始,但是,它也比之后试图修复损坏的可访问性容易得多,速度也快得多。

我希望通过分享我的眩晕经历,我已经说明了我们如何为每个人设计和开发一个更好的网络。记得,我们都只是暂时有能力.

关于作者

还没有评论