Get best of the week

我们如何在Alfa Digital中进行辅助功能测试

数字产品不仅应该美观，方便，有利可图，而且应该适合残疾人士使用。这比乍看起来更重要。有时，这必须传达给企业，产品负责人和直接同事。但是事实证明，这将使您的产品达到一个新的高度。我们与一名高级iOS开发人员在一起法米尔科讲述我们的经验。

阿尔法银行是中央银行设立的一个特别工作组的一部分，该工作组的目的是提高视力障碍人群的金融产品质量。已经开发了一种特殊的工作和评估方法，所有银行都遵守。

这就是我们测试的方式。

图片

用户和方案


首先，我们邀请（不同群体）视力障碍人士进行测试。

第一组视觉障碍者是完全盲人，他们被迫使用特殊的设备和软件（屏幕阅读器，VoiceOver）。

第二和第三组视力受损，视疾病而定，使用此类设备或在没有设备的情况下成功进行治疗。

是的，需要注意的一点是，当您进行任何测试时（其结果将是整个应用程序或其各个功能的完成或什至处理），将其传达给业务将不会受到损害。因为这也需要花费时间，精力。事实证明，一方面，视力障碍者的这种行为是公司的社会责任，另一方面，如统计数据所示，该国多达30％的人口在不同情况下可能会因视力而暂时遇到困难，而这已经令人印象深刻的数字。

因此，我们聚在一起，坐下来与他们一起测试使用Alpha Mobile的四种最受欢迎​​的方案。他们来了：

  • 申请授权
  • 余额检查
  • 查看您的帐户（历史记录，状态）
  • 手机账户充值

当然，根据特定的人，情况可能会有所不同-有人经常使用QR码为住房和公共服务付款，有人将钱转移给亲戚，但最常见的是这四种。

测试方法和工具


有一个特殊的GOST R 52872-2012，“视障人士的可访问性要求”，其中详细介绍了所有标准。这就是我们所使用的，为每个发现的错误分配一个相应的标签。总的来说，所有发现的问题都分为三类。

设计问题。例如，在移动银行的入口处，这是每个人输入PIN码的通常窗口，您不必专注于输入字段，并且此人也不会大声说出他必须输入多少次PIN码。

图片

我们是如此。听起来像是马马虎虎的问题，但这是至关重要的。如果一个人听不到他是否正确输入了密码，还剩下多少次尝试，那么他很可能会超过此尝试次数。这意味着，由此带来的所有不便，将暂时阻止Alfa Mobile的入口。

代码质量问题。这是当您并非所有发音正确的时候。例如，在某些地方，导航箭头可以说成是“桌子的尽头”和类似的系统部件。

图片

对比问题。例如，在这里，即使视觉正常，也很难阅读文本。您必须摆脱这一点，并立即考虑到这一点。

图片
“
我们的工作主要有四个步骤：

  • 聚集了一组测试人员（7人）并退还了该应用程序
  • 与开发部门分开，分析问题和要素
  • 他们把它们写下来放在一个盘子里
  • 批判开始编辑

测试确实有助于苹果公司创建产品的方法。首先，直接在设备上测试所有内容非常方便，Cuppertinians调整了所有功能。

其次，还有Xcode及其可访问性检查器，当您将鼠标悬停在屏幕上时，该实用程序会显示按钮和元素的特定视图，您可以快速阅读所有内容并了解其是否会正确发声。实际上，在我们的案例中，这是主要问题-为VoiceOver签名按钮。


我们通过评估有视力障碍人士使用的移动应用程序的功能和便利性来发现缺陷。通过测试所有基本用户方案的通过来进行评估。

客户可使用的基本用户方案越多，脚本通过期间发现的障碍和困难越少，则评分越高。

脚本可用性的级别由最关键的问题决定。

  • 严重接收到一种情况，其中检测到严重可用性问题，该问题根本无法完成任务。
  • 未成年人收到一个场景，其中当用户在完成任务时遇到重大困难时，将检测到中等严重程度的可访问性问题。
  • “低”表示当用户在完成任务时遇到一些困难时，会检测到低关键可用性问题。

如何避免可及性缺陷？


首先，使用UI Accessibility Element协议。

然后，您需要改善“画外音”（一种特殊的Makoshi功能，该功能可帮助视障用户使用语音命令和键盘）：

  • 签名按钮。
  • 添加值。
  • 留下一个提示。
  • 组控件。
  • 更正错误的铭文。
  • 指明控件的类型：按钮，题词，链接等。
  • 如果按钮或项目太窄，则将其扩展（最小44：44）

以下是我们建议的其他内容：

1.按钮-.accessibilityLabel

必须给每个按钮起一个简短且具有共鸣的名称。如果您忘记了，VoiceOver会套期保值，它将尝试读取按钮上的文本或图标名称。

您需要签名的内容：

  • 有图标但无文字的按钮；
  • 图片。如果可能的话，最好在图片上签名。
  • 如资产中所示，按钮和无标签的图片将使用图标名称

图片


2.值-.accessibilityValue

除了名称外，您还可以编写一个值。例如，当使用textField输入金额时，您需要在帐户名称或数字结尾处签名，并指出卢布的数量。

图片

3.提示-.accessibilityHint

如果要进一步阐明操作，可以在.accessibilityHint中编写提示。但是您不应该过分依赖提示：不断的说明会打扰您，因此一些用户会通过手机的设置将其关闭。

该按钮的发音为“到另一家银行”，以进行说明，您可以留下提示，什么类型的转账，多快等。


4.组控件-.accessibility

默认情况下，每个元素都是分开说的。这很不方便：压力区域减小了，您可能没有注意到什么，因此需要进行概括。

现在，该单元格具有多个字段：卡，钱和姓名，每个单元格3个控件。必须归纳一下，有一个单元格和一个名称，因此结果更接近含义。


如何解决？

  1. 使整个单元均可访问控制。默认情况下，所有视图仅是其他元素的容器； VoiceOver会忽略它们。要将视图标记为最终元素，必须将单元格设置为isAccessibilityElement = true。
  2. 给该单元命名。您不再专注于标签，因此需要手动指定文本。accessibilityLabel = specialOffer.title

您可以简化：

  1. 使整个单元均可访问控制。设置单元格isAccessibilityElement = true
  2. 在accessibilityLabel中，写下最重要的内容：卡的名称和帐户。VoiceOver以逗号分隔，将标点符号考虑在内。
  3. 在accessibilityValue中指定其他信息，在我们的例子中，这是什么帐户，多少钱。
  4. 表示可以按压单元格，即 这本质上是一个按钮。accessibilityTraits = .button


总


USABILITYLAB排名在应用程序可用性方面排名第一。这并不意味着我们很酷，而且已经解决了所有一般问题，成为了理想的应用程序。但是我们正在努力，要考虑到与有视力障碍的人一起工作的所有微妙之处和特征。

这个故事帮助我们吸引了这些人，这也很酷-他们经常向我们发送反馈，并且许多受访者现在正在帮助不断测试Alfa Mobile。

我们会进一步努力。

More articles:


All Articles