由于移动设备的迅速普及及其独特的特性，移动 Web 应用程序、本机应用程序和混合应用程序的可访问性至关重要。
您可能知道 Web 可访问性的原理，但由于屏幕尺寸小、触摸屏手势和移动设备的其他典型问题，移动可访问性需要您注意。
符合 WCAG 标准的移动应用程序拥有更多的受众并且更易于使用。值得注意的是，解决可访问性问题会使您的所有用户受益。当按钮放置在拇指区域之外时，不仅有运动障碍的用户在访问按钮时会遇到困难。单手操作手机的人（在购物和推车或握着孩子的手时）也可能无法按下按钮。
为什么移动可访问性很重要
首先，让我们看一些数字。全球 15% 的人口（约 10 亿人）经历某种形式的残疾（视觉、认知、听觉、运动等）。随着人口老龄化，残疾人数也在增加。
与此同时，移动用户数量和来自移动设备的网络流量每年以 1.8% 的速度增长（约 9500 万人）。根据 GSMA Intelligence 的最新数据，全球有 53.1 亿独立手机用户，相当于人口的 67.1%。此外，大约 92% 的网络流量来自移动设备。
因此，如果您希望您的应用程序或移动网站版本成功，您应该注意移动可访问性，以便所有对您的产品感兴趣的人都可以访问它。
此外，移动界面具有不同于桌面的独特可访问性问题，例如：
• 触摸屏，
• 小屏幕尺寸，
• 不同的输入方式，
• 在不同的环境中使用，例如明亮的阳光或不稳定的互联网连接。
不仅是手机和平板电脑
移动可访问性不仅仅意味着让您的移动应用程序可用于智能手机和平板电脑。它还确保残障用户可以在以下方面消费内容：
• 智能电视，
• 汽车仪表板，
• 智能手表和其他可穿戴设备，
• 出租车和飞机的座椅靠背屏幕，
• 家用电器和其他智能家居技术。
不幸的是，移动应用程序还没有一个全面的可访问性指南，例如Web 内容可访问性指南 (WCAG)用于 Web 和桌面界面。移动设计师应该关注一般建议以及仅与移动设备相关的关键元素，如触摸目标大小、屏幕大小、设备手势和数据输入。
设计损伤类型
通过了解残障人士在与界面交互时遇到的挑战，设计师可以开发最佳实践并实现其可访问性目标。一般来说，我们可以将大多数损伤分为 4 类：
视力障碍
视障人士难以解释界面元素。轻度视力障碍可能包括需要戴老花镜才能近距离观看。更严重的形式包括完全失明等。色盲者可能无法清楚地辨别某些颜色，因此您不应仅依靠颜色来指示错误或活动状态。
听觉障碍
听觉障碍的特点是听力部分或完全丧失。老年人可能有轻微的年龄引起的听力问题，而有些人可能会完全丧失听力或耳聋。在与界面交互时，用户可能难以收听音频或视频内容。添加成绩单和标题可能是一种解决方案。
行动障碍
行动障碍会影响粗大运动技能（如步行）或精细运动。用户在手动操作对象时遇到困难，并且可能需要特殊设备或替代方法来访问内容。诸如断臂之类的暂时性移动障碍会影响用户在移动键盘上打字或使用手机执行其他任务的能力。创伤后瘫痪等永久性移动障碍需要用户使用辅助设备访问移动设备。
神经和认知障碍
神经和认知障碍可能是遗传的或由脑或神经损伤、感染、生活方式或环境健康问题引起。癫痫、学习障碍、神经肌肉疾病、自闭症、ADD、脑肿瘤、脑瘫等，都会影响一个人的学习、记忆或集中注意力的能力。它们还会干扰视力、听力和运动能力。例如，使用没有足够间距的大块小文本或使用易读性低的字体可能会影响阅读障碍用户和视力障碍者。
WCAG 标准的重要性
WCAG 标准规范网页和 Web 应用程序的可访问性。但是手机呢？移动设备与台式机/笔记本电脑系统如此不同，以至于它们肯定需要一种独特的方法来满足可访问性法规。实际上，他们之间的差距并没有那么大。例如，许多台式机/笔记本电脑设备都有触摸屏，而许多移动设备可以使用外部键盘和鼠标进行操作。
此外，大多数 UI 组件和设计模式都用于台式机/笔记本电脑和移动系统。这就是为什么您可以而且应该依靠 WCAG 2.1 的建议来维护 Web 和非 Web 界面的可访问性。
WCAG 的建议起初可能显得过于强烈。但是，WCAG 的 4 条原则可以帮助设计师保持系统化。
可感知的
用户应该能够正确访问和处理您的内容。理想情况下，您的系统应解决各种残疾问题并与不同类型的辅助技术设备配合使用。
可操作
“可操作”意味着人们应该能够通过不止一种方法访问关键特性和功能。例如，您应该为交互元素提供足够的触摸目标大小，考虑替代输入条目，并确保用户有其他方式来访问通常通过手势接近的功能。
可以理解
用户必须不仅能够访问而且能够理解内容。清晰的标签、简洁的句子和充分的说明有助于向用户阐明他们应该做什么来完成任务。
强大的
系统应支持其目标受众可能使用的各种操作系统、浏览器和辅助技术。遵循开发标准和约定可确保您的代码不受障碍地跨平台支持。
针对不同屏幕尺寸的设计
更小的屏幕尺寸是移动设计的主要挑战之一。您应该做出的首要决定之一是决定设计方法 - 响应式或自适应。或者您可能想使用本机应用程序。无论采用何种设计方法，您都需要优化移动视口的信息并整理界面以保持可扫描性和清晰度。
还有哪些其他做法可以帮助设计师即使在小屏幕上也能保持可访问性？
信息层次结构
如果你有一个现有的网站或桌面应用程序，你不能简单地剪掉一半的内容来为移动应用程序优化它。相反，您需要根据移动使用场景定制内容。包括更少的内容模块和更少的图像，并优先考虑事物，将最流行的功能放在用户最先看到的位置。
谨慎使用移动 UI 组件
乍一看，使用选项卡、模式、卡片、下拉菜单、手风琴和其他类似元素似乎很有帮助，因为它们可以根据要求显示额外的内容并且占用更少的空间。但是，对于有障碍的用户来说，它们可能具有挑战性。为了增强可访问性，扩大字体大小并提供足够大的触摸目标区域，以最大限度地减少弱视用户放大内容的需求。
避免将元素排成一行
排成一行的元素更难扫描。您在移动设备上也没有那么多的水平空间。将表单域或选择控件（如复选框和单选按钮）置于彼此下方。
触摸大小和位置
移动页面可能包含多个交互元素，例如主要和次要按钮、导航菜单、图标和链接。这些元素必须足够大并且彼此之间有足够的距离，以便用户可以轻松地接触到它们。
WCAG 建议 触摸目标区域的最小尺寸 至少为 9x9mm，相当于 34px。此外，Material Design 指南建议触摸目标大小至少为 48x48px，而 iOS 指南指定的最小尺寸为 44x44px。
但是，如果您正在设计一个将在用户外出时使用的应用程序，则控件应该具有更大的目标，以便为错误留出更多空间。
此外，在交互元素之间提供足够的间距（至少 8dp/16px），并在触摸目标接近最小值的元素周围添加少量非活动空间。
交互式元素的放置也可能会破坏交易。由于用户经常用一只手操作移动设备，因此必须将主按钮放在拇指可及的范围内。
更大的触摸屏需要更大的目标才能被注意到，这减少了到达它们的时间。智能手表等较小的触摸屏应使用手势或语音控制作为替代交互方式。
保持手势简单
人们将移动界面与 触摸屏手势联系起来，这些手势 可能很简单（如点击或滑动）或更复杂，涉及多个手指或点击。
为满足可访问性要求，设计人员应尽量使用最简单的手势，避免或替换对有视觉、运动或灵活性障碍的用户来说太具有挑战性的复杂手势。
开发人员还应帮助残障用户防止无意或意外的点击。
只有当手指的第一个和最后一个位置在这个交互元素的内部时，系统才应该激活一个元素。当用户的手指在第一次触摸后移开时，不应激活该元素。
另一个常见的错误是缺少触摸屏手势的视觉指示。例如，从屏幕边缘滑动激活菜单就不容易被发现。作为一种解决方案，我们可以通过标签和帮助文本告知用户手势和功能。
一些移动应用程序涉及设备操作手势，例如摇晃或倾斜。确保提供模拟设备运动的替代触摸和键盘控制选项。
力求一致性
一致性 和标准构成了 Jakob Nielsen 的十个启发式方法中的第四个。因此，一个好的系统应该在任何地方都使用相同的模式，并遵循特定于平台和领域的约定。
一致性并不是要限制设计师的创造力并使所有产品看起来都一样。相反，遵循标准的应用程序对用户来说更容易预测，更容易学习，并且导致更少的认知负担。
在每个页面的左上角放置一个徽标，在主页上使用房子图标，在侧边栏菜单中找到像设置这样的次要目标，并为活动元素（按钮或链接）使用相同的颜色——这些熟悉的模式帮助用户导航、感觉更舒适、更快地适应新应用并减少困惑。
数据输入的简单
对于所有类型的受众，尤其是有运动、视觉或认知障碍的受众，数据输入可能既耗时又具有挑战性。
尝试通过以下方式尽量减少进入的需要：
• 根据最常见的答案提供智能默认值，
• 提供用户的最后条目和最受欢迎的答案和选择，
• 根据用户的位置（如时间、国家、城市等）和之前保存的信息（电子邮件、电话号码、信用卡号码等）自动填充数据，
• 用复选框、单选按钮、切换开关或菜单等选择控件替换输入。
• 考虑添加替代屏幕输入的其他数据输入方式，例如语音输入。
感知内容的多种方式
可访问性原则之一要求系统是可感知的。这意味着所有用户都应该能够尽可能轻松地访问内容。实施这些指南有助于使您的设计易于理解：
• 设置默认文本大小并允许用户使用页面上的文本调整控件来调整它。正文的最小推荐大小为 16 像素。
• 允许用户使用双指缩放来放大整个屏幕。
• 使用简短的句子（5-8 个单词）并使用空格将长文本分成可消化的块。
• 使用准确的替代文本。有视觉障碍的用户在没有屏幕阅读器的情况下无法访问图像、视频、GIF 和插图。确保图像与替代文字一起出现——传达图像含义的信息性描述。
• 提供视频内容的字幕和文字记录，让有听力障碍的人能够阅读他们听不到的内容。
使用清晰易读的字体，即使在较小的尺寸下也易于阅读，并且在相似的字体之间有明显的区别，例如 Source Sans Pro、Public Sans、Merriweather 或 Roboto Mono。
可访问性颜色对比
颜色是传递信息和影响用户情绪的强大工具。设计师依靠颜色来通知用户错误、指示活动和禁用状态、显示交互性、对相关对象进行分组或使元素脱颖而出。
这就是为什么保持足够的色彩对比度如此重要的原因。这对于人们经常在极端阳光下在户外使用的移动设备尤其重要，因为他们可能无法很好地看到界面元素。
WCAG 的标准要求正常大小的文本（粗体小于 24 像素或 18.5 像素）的颜色对比度至少为 4.5:1，较大的文本（粗体大于 24 像素或 18.5 像素）至少为 3:1。
网络目标对比检查器是用于检查背景和文本之间的对比度的最流行的工具之一。
以上内容为转载
网友评论