准确的电话号码和 WhatsApp 号码提供商。 如果您想要电子邮件营销活动列表或短信营销活动,那么您可以联系我们的团队。 电报: @xhie1

定义属性创建高对比度设计系统

定义属性创建高对比度设计系统

设计时我们会考虑创造些美丽的东西来激发情感并体现品牌理念。我们希望尽可能多地接触到人们,但有时我们开始努力寻找一种方法来设计易于访问的东西,同时仍然尊重品牌的外观和感觉。虽然在印刷设计方面可能没有一种简单的方法来克服这个问题,但我们可以通过使用 CSS 对对比度进行小的调整来为网络上的人们创造更好的体验。我不会骗你,这确实需要仔细规划并创建可靠的设计系统,但我们可以做到!让我们为每个人的眼睛创建一个设计。 在我们真正开始深入研究如何创建这样一个高对比度系统之前,让我们揭穿一些仍然流传在世界各地的神话。 误区 1:我们必须创建两个设计 # 有了仔细、深思熟虑的设计系统,就不必为了创建高对比度版本而创建多个设计。

所需要的只是仔细规

划颜色和组件虽然并非总是可行,但您可以从一开始就为品牌创建高对比度的颜色。当涉及到组件的实际设计时,在您的设计系统中创建两个颜色定义是一个很好的起点:您的主要设计 C级执行名单 颜色和高对比度变体。 具有主要设计颜色和高对比度颜色的两个颜色集 (大预览) 在创建那些不同的颜色集时,我们应该考虑我们的组件。我们可以考虑如何同时替换所有组件的颜色,而不是单独查看每个组件。当然,这是最理想的情况,如果有必要,我们可能需要详细指定一些组件。 误区 2:这需要太多时间 # 啊,关于可访问性和时间管理的古老神话。但让我们保持真实。在设计规划方面,为高对比度创建额外选项将花费少量额外时间。aria这比添加一些额外的属性(如果可能,您应该避免)或使用(r)ems字体大小要多一些工作。

C级执行名单

但公平地说你从那点

额外时间获得的回报可能是可观的特别是如果你决定创建一个具有较浅颜色或微妙调色板的设计。 误区 对比是主观的 # 虽然多种类型的残疾确实会影响用户对您网站的看法,但对比度是 引导 可访问性的可衡量的丰富性。获得 AAA 分数可能比获得 数更具挑战性。如果在你的整个网站上获得 AAA 分数真的是一个太大的挑战,你可以制定一个计划,根据内容的重要性做出选择,为主要内容和导航创造最高的对比度,也许满足于双 A 表示不太重要的信息。你已经在用这些术语思考的事实表明你有正确的心态并且关心你的用户。双倍得分不应该太难实现,但至少要努力争取更多。 照顾更好的对比度就是照顾您的用户。

n70ef

留下您的信息