在公司中建立真正的数字可访问性文化是一项坚韧和毅力的使命。关于可达性的讨论不难陷入常见的陈词滥调。可访问性对于人们来说非常重要。数字产品和服务的可及性促进了包容性。或者甚至,团队中的所有专业人员都应该参与无障碍工作。当然。任何心智正常的人都不会质疑这些说法(我希望如此)。 然而,很少有公司能够触及的第二部分是“如何做?”我们如何在数字化转型团队的日常工作中实现这一目标?众所周知,数字化转型团队沉浸在要求很高的脚本中,而且可用人员的数量通常非常有限?大多数时候,最终的选择是在“我们这样做”和“我们这样做”之间。它不应该,因为,在这些情况下,我从未见过可访问性在这个等式中获胜。 不应该是这样的。你不需要这样。首先,因为在可访问性和其他任何东西之间进行选择并不是正确的选择。辅助功能不再只是添加到其他功能中的另一个功能。这是企业的附加值,目前也是一项可能给公司带来严重后果的法律义务。另一方面,有一些智能、优化且有影响力的方法可以将可访问性原则融入团队的自然动态中。可以在不颠覆团队运作的情况下致力于可访问性。从本质上讲,这就是 AccessibilityOps 所做的。赋予人们权力并为团队提供简单的流程,以便他们可以将无障碍工作融入到他们的日常生活中,而无需付出过多的努力。 可达性和设计 在设计中致力于数字无障碍可能涉及多项行动。显然,我们需要特别注意颜色以及如何使用它来传达含义。当然,元素的交互尺寸必须舒适。但最重要的是,我们必须从多元化的角度来思考设计。界面不是海报。我们可以控制该设计的许多方面,但用户与界面的交互方式受到无数变量的影响。设备类型、环境、用途、网络质量等。所有这些都极大地影响每个人的体验和交互。除此之外,当数字可访问性问题被纳入设计过程时,它会增加更多的变量。

人们经常使用所谓的辅助技术和策略。基本上,这些都是技术工具,或者至少是人们为了找到更舒适的使用模式而采用的“技巧”。例如,著名的屏幕阅读器通常与盲人的使用相关(但不仅对盲人有用),也是一种辅助技术。改变不同元素之间的颜色或颜色对比度也是一种辅助技术。增加字体大小(我们在本文中讨论过)是另一个例子。有无数的辅助技术和策略。几乎与每个人的不同使用环境一样多。 我们无法控制一切 换句话说(这对我们设计师来说是“坏消息”),从用户的角度来看,“我们的设计”会受到我们无法控制的转换的影响。它将由用户“改造”,确保他们能够以最舒适的方式与应用程序及其提供的一切进行交互。这是一件好事。如果发生这种情况并且一切顺利,我们肯定会很好地完成我们的无障碍工作,我们都值得祝贺。如果用户应用任何这些支持技术和策略,但仍然无法使用数字应用程序,则表明某些功能未按预期运行。 哦,说到这一点。甚至不要考虑阻止这些技术或支持策略的使用。他们可能会“破坏”你美丽的设计,但他们正在让越来越多的人真正使用该应用程序。最后,这不正是我们承诺要做的事情吗?为(所有人)人设计。无一例外吗? 增加字体大小 我们有多少次听到有人——朋友、家人,甚至同事——抱怨这个或那个文字太小?文本在数字体验中发挥着非常重要的作用。很多信息都是通过文字传达的:使用说明、按钮标题或交互元素。所有这一切都使用文本作为沟通工具。如果阅读所有这些元素都很困难,自然,体验就会受到严重影响。 舒适的文本阅读,无论其功能如何,都是一条不容商榷的原则。通过在设计中使用舒适的尺寸可以促进这种阅读。然而,支持技术和策略,通过增加字体大小的功能,也可以帮助提高可读性。根据APPT数据,26%的Android和iOS移动设备用户增加了默认字体大小(2026年2月数据)。四分之一的用户增加了智能手机上的字体大小。这是一个非常重要的人员样本,使得此功能在设计过程中不可避免。

遵守指南 增加界面中的字体大小可能会带来巨大的设计挑战。重要的是要理解,由于用户操作,某些文本元素的大小可能会突然从初始大小增加一倍。 “除了标题和文本图像之外,无需辅助技术即可将文本大小调整高达 200%,且不会丢失内容或功能。”——成功标准 1.4.4,《网络内容可访问性指南》(WCAG) 2.2 版的“调整文本大小”

此成功标准处于 AA 合规级别,这意味着根据任何法律框架,这都是绝对强制性的功能。 这个成功标准中的200%很容易理解。如果我们假设我们以 100% 的比例设计界面,这意味着元素大小是初始大小,那么将文本增加最多 200% 将相当于初始大小加倍。也可以使用其他放大比例,例如120%、140%等。换句话说,我们必须确保用户可以通过支持技术或策略将文本增大到初始大小的一倍(这不是一个小细节)。 为了遵守这个标准,我们不需要在界面中提供文本大小增加工具。实际上,这些功能只不过是冗余。设备已经允许以标准化方式完成此操作。真正需要此设置的用户知道这一点(因为没有它,他们的生活会更加困难)。好吧,他们已经在他们的设备上应用了这个设置。这意味着我们可以消除这些额外的界面元素,从而简化体验。

标准化访问 关于辅助技术,尤其是在增加字体大小的情况下,需要记住的一个重要概念是,大多数设备已经默认安装了许多此类工具。换句话说,在许多情况下,用户不需要购买自己的软件或购买特定类型的设备来获得此功能。 无论是在移动设备上还是在网络浏览器上,在绝大多数情况下,都很容易找到已安装的功能,这些功能允许您增加我们在整个界面中使用的默认字体大小。这种增加字体大小的原则可以应用于数字产品,例如应用程序,甚至可以应用于当今使用的标准网络浏览器上运行的任何类型的网站。 iPhone 在 iPhone 设备上,默认集成了字体增大功能。要使用此功能,只需访问“设置”面板,选择“辅助功能”,然后在“视觉”选项组中,访问“文本大小和显示”功能并配置该屏幕上所需的字体大小增加。

谷歌浏览器 默认情况下,Web 浏览器还提供增大字体大小的功能。例如,在 Google Chrome 中,此功能可在“选项”面板中使用,特别是在“外观”区域中。在此组中出现的选项列表中,只需选择“字体大小”选项即可。通常情况下,会选择“中-推荐”选项。您可以将此设置更改为任何其他可用的字体大小。例如,尝试“非常大”选项。

在 Figma 中测试 为了确保数字无障碍工作在团队的日常生活中发挥作用,找到简单的工作流程至关重要。可以整合到团队日常工作中的行动或举措,以综合的方式解决可访问性问题,并且不需要对当前现实进行巨大的转变。他相信,如果有必要的话,大多数情况下都不会发生。因此,设计简单的工作流程是真正实现可访问性的一半,在这种情况下案例,也在设计团队内。 关于测试设计中字体大小的增加,我们今天可以使用非凡的工具。那些还记得在 Adob​​e Photoshop 中设计复杂界面的日子的人会认识到我们今天拥有的工具的差异(值得庆幸的是)。现在,通过 Figma 等工具,可以在设计中创造如此的活力,以至于测试字体大小的增加以提高可访问性对于团队来说几乎是不可避免的。

注意:要参加此测试,您需要充分掌握 Figma 的文本样式、自动布局和变量。这三个是无需太多额外努力即可获得成功的基本工具。如果您尚未掌握这些功能,强烈建议您从这里开始。不要跳过步骤。学习是一个渐进的过程,必须以结构化、循序渐进的方式进行。 我们想去哪里? 我们想要执行的 Figma 中的字体大小增加测试很简单。我们希望有一组变量可用于界面中使用的所有文本样式,从而允许我们选择是否要以 100%、120%、140%、160%、180% 还是 200% 的比例查看文本比例的界面。当我们应用这组变量时(很像应用浅色和深色模式的变量),我们观察界面中文本的转换,并了解具有不同印刷比例的每个版本的界面需要多大程度的适应。

我们如何实现这一目标? 为了让这个测试顺利进行,你需要做一些基础工作。设计系统可以极大地帮助优化大部分初始工作。但我不会骗你。为了使测试顺利进行,您的设计需要具有非常严格的组织和系统化水平。 这并不是真正的指南,因为每个团队都有自己的工作模型,并且这些建议可以以不同的方式应用(这没关系)。然而,为了使该测试发挥作用,确保设计中的某些假设非常重要。为了帮助您分阶段实施此测试模型,请遵循以下一些步骤。分步说明将指导您组织文件并确保您能够以最简单、最实用的方式完全执行此测试。 1. 设计接口 这一切都始于设计。在进行任何测试之前,重点应该放在我们稍后要测试的每个界面的设计上。现阶段,我们稍后将执行的字体大小增加测试仍然没有具体的关注点。当然,所有界面设计从一开始就应该遵循应用于设计的最基本的可访问性建议。

2.将自动布局应用于所有元素 在您创建的每个屏幕设计中,您需要确保完美应用自动布局。这是非常重要的一步。正是这种自动布局在整个结构和设计元素中的一致应用,将在我们开始测试字体大小增加时保证界面的可扩展性。你真的不能低估这一步。如果你没有给予它应有的关注,当我们测试界面中的排版缩放时,你会发现一切都崩溃了,就像瓷器店里的大象一样。

3. 构建和应用文本样式 为了执行我们的字体大小增加测试,我们还需要您将文本样式应用于每个界面设计。您甚至可能在绘画时就开始创建它们。伟大的。如果您还没有这样做,那么现在就这样做很重要。为了让测试完美地进行,我们确实需要这个。不要在设计中留下任何未应用文本样式的文本元素。

4. 定义变量集 100% 该测试强制进行相当高程度的优化。实际上,这意味着我们必须使用 Figma 变量来表示界面中文本样式的所有特征。在此阶段,您必须至少为应用于绘图的文本样式的字体大小和行高定义Figma“数字”变量。通过此步骤,您将为 100% 可视化模型(即绘图的初始版本和参考版本)定义字体大小增加比例值。为绘图中的每种文本样式构造这些变量非常重要,因为随后我们必须考虑每个文本元素的放大比例。

5. 将变量应用到文本样式 定义 100% 比例文本样式的变量后,您现在必须应用它们已创建的文本样式的元素。不要忘记至少将变量应用于字体大小和行高特征。如果您有更多的印刷变量,那很好。但您至少应该将变量应用于字体大小和行高。这确实非常重要。

6. 定义用于增加文本大小的变量 现在您已将变量应用于 100% 比例文本样式,下一步是为其他字体大小增加比例创建变量。在实践中,您必须创建变量来告诉系统当增量比例为 120%、140%、160% 等时每种文本样式将增长到什么字体大小。 要定义字体大小和行高值,只需将初始值乘以比例百分比即可。例如,如果文本样式的字体大小为 16px,则 120% 比例的大小将为 16 乘以 1.2,得到的结果为 19.2。对您选择的字体大小增加比例百分比的所有字体大小和行高值重复此计算。 您还可以选择是否对最终值应用舍入。这是一个近似测试,因此四舍五入可能产生的任何差异不会影响对测试结果的最终感知。

7. 将变量应用于不同的比例版本 关键时刻已经到来。下一步是了解我们是否一切正常,以便测试完美运行。因此,您应该复制原始界面,并为每个对您有意义的字体大小增加率应用变量集。对您定义的所有字体大小增加百分比重复此过程。 建议您可以使用 120%、140%、160%、180% 和 200% 的增长百分比作为参考。如果您想简化,可以减少正在使用的缩放百分比的数量。无论您使用多少百分比,您都应该始终使用最小的 100% 和 200% 比例。

8. 确定需要改进的领域 通过在同一屏幕上应用不同的字体大小放大比例,可以轻松了解可能需要改进的地方。这是在界面设计中增加字体大小的真正测试和最有趣的辅助功能工作开始的地方。 在分析各种屏幕时,请记住一些重要的方面:

文本看起来巨大这一事实并不是问题,也不会“破坏”设计。请记住,这可能意味着某人能否使用特定产品或服务之间的区别。 当增加字体大小导致用户无法阅读某些文本或激活某些控件时,就会存在辅助功能问题。 对于已经很大的文本元素,增加字体大小可能没有意义。这样做可能会使这些元素不成比例,这不会提高可读性(因为它们已经是一个很好的尺寸)并且会占用完全不必要的空间。 如果有元素似乎从屏幕中弹出,则第一步是确认如何应用自动布局。通过正确使用自动布局,可以轻松解决许多设计问题。 无论字体大小增加多少,保持排版的视觉层次结构都是至关重要的,因为这种可读性对于感知屏幕上呈现的不同级别的信息非常重要。 此测试可以帮助识别可能需要直接在代码中进行调整的元素,以便在给定的增长规模下正常运行。并非所有事情都可以仅通过设计来解决,但这很好。可访问性本质上是团队的努力。

9. 对设计进行修正和调整 最后,根据应用了不同文本放大比例的各种屏幕,您可以做出有意义的设计更改。其中一些调整可能只需要在代码中进行。在这些情况下,您记录所有这些建议并将其传递给开发团队。同样重要的是(再次)强调,通过简单而正确地应用自动布局属性,您在设计中可能遇到的一些问题可以在设计过程中快速解决。

10.回到开头并重复这个过程 这是一种循环方法。这意味着您应该在整个项目中根据需要多次重复这些步骤或其变体。很自然,随着时间的推移和流程优化,一些这些步骤将不再有意义。这绝对不是问题。但这里要认识到的最重要的事情是,可访问性和测试字体大小增加的过程不应该只进行一次,仅此而已。这是一个在每个项目和团队的日常工作中需要多次完成的测试。

设计系统的作用 乍一看,这个步骤列表似乎是一个复杂的练习。但事实并非如此。这是因为这些步骤中的绝大多数(如果不是全部)都很容易在设计系统存在的任何环境中执行。事实上,设计系统已经成为产品设计行业不可避免的标准。我们可以讨论每个团队所谓的设计系统,但事实是,今天很难找到一个至少没有一个最小结构的组件和样式库的产品设计团队。

有了这个基础,无论有多少记录,都可以很容易地使用 Figma 变量应用这种类型的字体大小增加测试。此外,如果您的设计系统已经具有例如用于明暗模式的结构化变量,则意味着您已经应用了我们用于执行此测试的完全相同的原则。所以,没什么新意。 使用设计系统涉及一定程度的结构化和组织,这对于创建此类测试也非常有用。有一个神话认为设计系统限制了创造力。这不是真的。设计系统有助于解决设计中的“官僚”部分,因此我们实际上可以有更多的时间来做重要的事情:在这种情况下,测试可访问性并构建越来越多的真正可供大多数人使用的产品和服务。 示例文件 查看示例总是比阅读流程描述更容易。如果这在许多知识学科、设计领域都是如此,那么这个前提就更有意义了。因此,在这个免费发布并向社区公开可用的 Figma 文件中,您将找到此处描述的整个测试过程的实际示例。请记住,这只是一个示例。在 Figma 文件的上下文中执行此类测试的方法可能有无数种。

请务必以批判的眼光看待这种方法。这是一个按照特定过程测试字体大小增加的建议。尽管如此,该方法应该适应团队的具体现实、流程和成熟度。简单地复制其他团队的公式而不了解它们在我们自己的环境中是否有意义,肯定会导致可访问性工作不成比例。每种情况都是独特的。这种方法试图在这个特定的上下文中尽可能地简化可访问性工作。请记住:如果发生了什么事,无论多么小,这都是向前迈出的一步,而不是倒退一步。团队中的每个人都应该庆祝这一点。

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free