根据世界卫生组织的数据，全世界有 5000 万人患有癫痫症。患有这种神经系统疾病的人容易癫痫发作、抽搐和/或失去知觉。
作为设计师，重要的是在设计之前考虑那些生活在这种情况下的用户的痛点——包括强光、动作、令人吃惊的弹出窗口等。深入学习本文，了解如何让癫痫患者更容易使用您的产品。
癫痫是一种慢性疾病
癫痫是一种影响大脑活动的中枢神经系统疾病。大脑不同部分之间的交流是通过数十亿神经元之间的电流进行的。如果由于某种原因发生短路，大脑的一部分或整个大脑会暂时停止工作。当一个人可能失去意识或有时意识时，这会导致所谓的癫痫发作或癫痫发作。反复发作的活动会导致认知障碍、行为异常，甚至脑损伤。
癫痫有很多不同的原因，从头部受伤到感染——或者有时根本没有明显的原因。我们所知道的是，它可以影响任何人，无论他们的性别、年龄或种族背景如何。虽然我们仍然不知道在大多数情况下触发什么，但有证据表明某些重复的感觉刺激可能会引发某些人的癫痫发作。作为设计师，我们的目标是避免使用此类触发器来为癫痫患者创造更好的用户体验。
避免闪烁的元素
有证据表明闪光灯是常见的癫痫发作诱因之一。由光引起的癫痫发作称为光敏性癫痫。基本上，任何闪烁或闪烁的内容都可能引发光敏性癫痫——想想视频、动画 gif、CSS 或 JavaScript 动画等。
但究竟什么是闪烁？从黑到白的视频是否被视为闪烁？
WCAG 有一个定义通用闪烁的标准。闪烁图像的相对亮度至少有 10% 的反复变化，较暗图像的亮度低于 0.80。当然，显示器本身或图像的渲染也会导致设计人员无法控制的闪烁。我们的目标是创建不违反 Flash 阈值的内容。
避免对比模式
某些视觉图像即使在没有闪烁的情况下也会引发光敏性癫痫——即暗区和亮区交替的图案，如条纹。
这里的主要嫌疑人是条纹图案。如果您使用的任何方向的条纹会改变方向、振荡、闪烁或相反，则显示不超过五个明暗对。如果图案不变或向一个方向平稳漂移，您最多可以使用八对，而不会对癫痫患者造成不适。方格图案会产生类似的效果，因此请遵循相同的规则。
避免引起癫痫发作的颜色
有证据表明，红色会影响人类的生理和心理——事实上，它甚至对能够感知它的动物有一定的影响。不，我们不是在谈论据称讨厌红色的公牛 - 令人惊讶的是，他们甚至看不到它。但是动物使用一种生物机制来向捕食者表明它们不值得攻击，并猜测是什么——红色表示危险。
对于癫痫患者来说，红色，尤其是与闪烁相结合的颜色，比其他颜色更容易引起癫痫发作。饱和红色主要以影响认知障碍的人而闻名。为了安全起见，请避免过渡到饱和红色或从饱和红色过渡，因为这被认为是一种风险。
使用简单的移动元素
虽然对光敏性及其与癫痫的关系还不是很清楚，但癫痫患者报告说，某些图像类型比其他图像类型更容易引起癫痫发作。一个例子是旋转加载器，当它们显示进度时会闪烁。对于癫痫友好型设计，请选择更简单的装载机，以尽量减少可能的闪烁。
谨慎使用视差
视差滚动是网页背景以比前景慢的速度移动时的效果。虽然它可以创造一个很好的深度元素，但它也可能会让人迷失方向，尤其是对于患有癫痫等神经系统疾病的人。我们的建议是谨慎使用视差，巧妙地应用它，或者为用户提供控制以关闭效果。
默认关闭自动播放
动画不是癫痫患者的朋友，因为它们可能包含闪烁和频闪的图像。更糟糕的是，很多人直到癫痫发作才知道自己患有光敏性癫痫。
允许用户控制视频和 GIF 何时开始播放——让他们选择加入而不是退出。有很多方法可以做到这一点，例如不将autoplay属性添加到<video controls>或将animation-play-state设置为 paused 作为初始状态。它将有助于限制将用户暴露于潜在的癫痫发作和头痛诱发内容的风险。
不要忘记视频控制
不向元素 <video> 添加任何属性听起来是个好主意，因为它会阻止它自动播放。但这也意味着该元素将没有任何控件，而用户开始和停止视频是必不可少的。
不要忘记将 controls 属性添加到您的视频元素，以确保播放媒体项的 UI 控件可见。根据浏览器的不同，它包括播放/暂停、音量控制、进度条、快进和全屏模式。
本文内容为转载
网友评论