Get best of the week

质量检查及其在为残疾人创造资源中的作用



在本文中，我想提请注意一个事实，即残障人士对网站和应用程序的可访问性问题比看起来更为严重。在这之下，列出了用于测试和微审核几个知名站点的有用工具。

首先，让我们定义术语。

HIA-有限的健康选择。这样的人在非常不同的频谱的身体和/或心理发展中可能会有偏差。根据该对HIA 2018 WHO（世界卫生组织）的报告：

  • 超过10亿人（约占世界人口的15％）患有某种形式的残疾。
  • 110至1.9亿成年人有行动不便，视力/听力障碍等
  • 俄罗斯有超过1200万残疾人士（其中大多数是成年人）。

借助技术，残障用户可以或多或少地充分工作，发展和娱乐，订购衣服和产品，总的来说，可以像其他人一样做所有事情。
为了使这些人更容易访问Internet，您应该更加注意服务和数字产品的可用性。

这是质量检查，我们该怎么办


质量检查的主要目标是确保服务或产品的质量。我希望“质量”的概念越来越适合“可访问性”。根据我在下面编写的手册，可访问性是在Web上实施内容的方式，其使用范围尽可能广泛，包括残疾人在内的用户都可以使用它。

顺便说一句，这些建议将有助于使没有特定限制的用户更容易访问该网站。在与客户的对话中我该如何主张产品开发？

  • 每天都有很多残疾人在互联网上，通过这样的修订，他们可以毫无问题地使用该产品，
  • 适应将有助于该产品在竞争对手中脱颖而出，
  • 适应性强的产品可以积极影响用户数量并影响整个公司的评价，
  • , , , . ,
  • “accessibility id” ( iOS) iOS ,
  • , .

?


Web内容可访问性指南（WCAG） 中描述了产品符合性的详细标准。

从主要方面：取决于特定情况和用户组，遵循三个级别：最低，中级和最高。这些级别分为四个主要原则：可感知性，可控制性，可理解性，可靠性。

每个原则都包含不同的内容要求，例如，提供非文本元素的文本版本，确保仅完全控制键盘或避免对健康有害的设计元素非常重要。等级要求的完整列表，可以发现在同一WCAG 2.1。

在Internet上，大多数情况下，您可以找到适合残疾人士使用的显示设置面板。顺便说一下，HIA面板有一些故事。您仍然可以检查其实现与布局的匹配方式。但是如何理解视障人士阅读该信息或该信息的程度已经是一个问题。

例如，您如何知道患有子宫肌瘤的人（一种对绿色光谱波的敏感度略有降低的视觉状态）看页面元素是否正常？为解决此问题，NoCoffee工具是合适的。

Nocoffee-适用于浏览器（Chrome，Firefox）的免费扩展程序，它是视觉缺陷的模拟器。非常易于使用且有效。该工具很受欢迎，在许多平台上获得了好评，在不同平台上的下载量超过20,000，平均评分为4（满分5分）
图片
。NoCoffee的工作原理

使用NoCoffee，您可以检查显示各种色盲的人：盲，偏盲，畸形，偏盲，三角畸形，Tritanopia，色盲，四色症。可以模拟各种视觉缺陷/眼睛疾病和其他外部因素：低视敏度，白内障，低峰值对比度，眼球震颤，视野缺损。

我很幸运（或不走运），我的哥哥患有子宫肌瘤，我请他描述他在应用子宫肌瘤滤镜的部位看到的颜色。之后，我检查了我们的结果，结果却是相同的（加或减）。

“ HIA设置”面板的示例


俄罗斯

图片

的养老基金在养老基金门户“ HIA设置面板”上，存在一些布局错误。但是有一个好处：它有自己的播放器来播放选定的文本。这是屏幕阅读器的替代方法。屏幕阅读器是一种用于从计算机或智能手机屏幕读取的程序，专为盲人和视障人士设计。她为文本，界面元素配音，还提供声音和振动反馈。

该站点专注于屏幕阅读器的工作，并且确实适合他们的工作，但以后会更多。

VTB

图片

银行VTB银行已实现了“ HIA设置面板”，更改此面板本身的设置时，显示元素存在一些问题。但总的来说，值得赞扬-我在其他银行中找不到这种功能。

全俄残疾人协会，

图片

但在全俄残疾人协会的网站上，虽然显示为“ HIA设置面板”，但是其功能很小，并且存在布局问题。当然，我希望这样的资源更适合其用户。

WorldSkills通往未来的门票

图片

我们在WorldSkills通往未来的门票的网站上工作。在这里，我们实现了用于显示残疾人页面元素的设置。除了更改元素的颜色外，还有一种单独的设计（不同于标准），用于在切换颜色时显示元素。

除了调整颜色主题外，在HIA面板中通常还具有增加文本大小的功能，打开/关闭图像显示的功能（在以上所有示例中都是如此）。

定制文本显示的能力较不常见：字符和衬线字体之间的间隔，这种设置是为患有阅读障碍的人设计的（阅读障碍是一种起源于神经系统的特殊学习障碍，其特征在于准确或流利的单词识别困难以及读写能力不足） 。顺便说一下，这是在俄罗斯外贸银行和俄罗斯养老基金的网站上实施的。

不幸的是，没有神经功能障碍的模拟器，并且实际上，检查带有衬线或字符间隔增加的文本的正确性的唯一方法是检查阅读障碍者的功能。

返回可访问性测试


另一个好的测试工具是ax。

ax旨在验证网站或应用程序是否符合WCAG 2准则，这是浏览器的扩展，目前已安装100,000次以上，等级为4.5。

斧头的运作方式

该工具易于使用。您必须在浏览器中安装扩展。通过开发人员面板进行管理-安装后，将出现一个新的斧头标签。当您切换到该广告时，我们会看到一堆广告，呼吁“购买专业版”，但最重要的是“分析”按钮。

对国家服务局其中一页的分析表明，有10个未遵守WCAG要求。我们可以假设该站点非常适合残疾人士使用：
图片

但是在分析FIU的其中一页时，发现了29个不一致之处。这里肯定需要改进，特别是考虑到残疾人和老年人正在精确地使用该资源这一事实。
图片

全俄残疾人协会的站点与WCAG建议存在69个不一致之处。
图片

分析aXe后我们会得到什么：
  • . : , WCAG 2.
  • .


为了使该网站适应于具有良好运动技能的人和无法使用鼠标的人，有必要实现页面元素，以便用户可以使用Tab键在它们之间进行切换。

一个很好的例子是“ Gosulugi”：
图片

该图显示了如何使用Tab键按正确的顺序依次浏览页面的各个元素。

全俄罗斯残疾人协会的站点不适合使用Tab键进行切换。
图片

不显示突出显示的页面元素。元素之间的过渡是逐渐且不一致的。这会使残疾人的生活大大复杂化。

屏幕阅读器的正确操作主要受以下因素影响：不对图像使用alt属性，对标题不使用标签，使用元素标记表单，工具提示等。

以上所有问题将有助于找到aXe。如果您在分析页面或Web应用程序时消除了斧头确定的大多数问题，则屏幕阅读器将正常工作。自然，理想的结果永远不会，但是在解决由aXe识别的问题之前和之后的屏幕阅读器读取文本的测试结果之间的差异将是巨大的。

有用的材料


Web内容可访问性指南（WCAG）2.0-为残疾人开发软件的基础法规文件；

WebLind是为视障人士提供的有关网站开发的良好资源；

指南 -为开发人员，管理人员，设计师在网站上实施的残疾人资源。

总


总的来说，在可访问性方面改善资源的工作领域确实是巨大的。我希望不久将有更多这样的工具，以及质量检查和开发人员可以向企业说明进行这种调整的必要性。这对每个人来说都是一件好事：残疾人可以充分利用资源，企业将获得新的用户。

如何访问您的网站或应用程序？您是否使用任何测试工具？

More articles:


All Articles