改善可及性：Aircove 案例研究

改善可及性：Aircove 案例研究

撰文者

Agata Szczuka

审稿者

David Gilbert

审稿者

David Gilbert

分享到 Facebook分享到 Twitter分享到 Whatsapp分享到 Telegram通过电子邮件分享

这篇文章由 ExpressVPN 的高级前端工程师 Agata Szczuka 撰写，她主导了 Aircove 界面的可及性改进。

我们决定开发自己的路由器Aircove 和 Aircove Go 的一个主要原因，是为了简化每个人的 VPN 路由器设置过程。通过提供内建 ExpressVPN 功能的路由器，我们能够接触到更多人，包括那些会觉得在路由器上手动配置 VPN 过程过于复杂的人。

随著不同技术能力的用户开始使用 Aircove，我们也开始更广泛地思考包容性。改善可及性成为了下一步的自然选择。

改善数字产品和服务的可及性确保了残障人士平等的使用权利，无论这些障碍是视觉、听觉、运动还是认知方面的。事实上，提供更好的可及性通常也会使所有用户获得更好的体验。

我们希望强调一些最近根据 W3C 指导方针所做的可及性提升，W3C 是一个负责制定互联网产品标准的组织。

可快速键盘导航的跳过链接

各种残疾和伤害使得一些人无法使用鼠标或触控板进行导航。这些人往往更喜欢仅用键盘进行导航。即使是那些不会有使用鼠标问题的人，有时也会选择用键盘进行更方便、舒适和快速的导航。

当一个网站没考虑到可及性时，使用键盘在屏幕上移动元素可能会很繁琐。用户通常需要从左上角开始，经过一长串的菜单项和图标，才能找到他们想要的内容。

可及性键盘导航的最佳做法是在页面顶部提供跳过链接，使用户能够立即跳到页面的某些部分。在 Aircove 仪表板上，跳过链接可以直接将用户带到设备组和设备列表。

修复缺失的错误讯息和不清晰的成功回馈

我们发现在 Aircove 界面中有些地方缺少错误讯息，无法清楚告诉用户遇到了什么问题。例如，必填字段在留空时会变成红色，但没有进一步的错误讯息。不仅无法清楚地表达需要填写，红色对一些色盲人来说也不易辨认。此外，一名用户可能只是没有注意到颜色的变化，并不知道出现了问题。添加错误讯息解决了这一问题。

在其他情况下，我们还改善了成功讯息，清楚告诉用户其行动是否已成功完成或已保存，并使其变得更加明确。

改进图标和符号的替代文字

视障人士通常依赖屏幕阅读器来阅读页面上的内容，同时显示字幕。例如，当用户导航到购物车图标时，字幕可能显示为购物车按钮，而语音会播报这些词语。这段文字称为替代文字。

在我们进行可及性改进之前，界面中的元素有著非常通用的标签，比如按钮。我们已经对其进行改进，使其更具描述性。

在使用辅助技术时隐藏装饰内容

对于使用屏幕阅读器的人来说，语音会从上到下浏览页面上的所有元素，包括标志和图片。不过，根据可及性的最佳实践，应该避免让屏幕阅读器读取对用户没有用的信息，比如纯装饰的图形。

明确标记为装饰性图像将使辅助技术跳过该图像，犹如它在页面上不存在。这样可以减少用户聆听装饰性图像描述所需的时间，而这些描述可能会是冗长且晦涩的文件名称。

黑暗模式

或许最令人兴奋的是，我们推出了黑暗模式，根据您的设备系统偏好自动启用。大多数人都会认同，在低光环境中阅读黑暗模式的内容会更舒适尤其在白色屏幕可能亮得刺眼的情况下。最终，在深色和浅色主题之间提供选择，改善了可用性，虽说这不完全是出于更好的可及性考量。

可及性：永远有改进的空间

提升可及性对我们与用户来说都是有意义的。如果您是产品设计师，我们希望这篇文章能激发您的灵感。但这仅仅是个开始。我们听到了您的需求，希望能更轻松地在组之间移动设备、在任何时候在屏幕上显示更多组，以及使移动体验更容易导航，所以请密切关注Aircove 还有许多更新在路上。

获取 ExpressVPN

30天退款保证

获取 ExpressVPN

什么是 VPN？

Agata Szczuka

Agata 是一名高级前端工程师。

为这篇文章点赞。或分享您的想法！

19

2