Post by account_disabled on Dec 2, 2023 12:03:39 GMT 8
这就是用户体验(UX) 发挥作用的地方。用户体验设计允许您考虑有关用户动机的原因。所使用的方法的“HOW”以及针对其所针对的公众的“WHO”（著名的用户角色！）。
为了优化用户体验，你不能只关注图形方面、文字、动画等。你必须主要关注用户。您需要确保以最佳方式为用户提供他们正在寻找的东西。
在可访问性领域，有许多指南可以帮助您实现目标。了解它们并 电话号码清单 将其付诸实践非常重要，下面您将找到有关此主题的一些基本参考资料。
网页内容无障碍指南- WCAG
无障碍材料设计指南
人机界面指南 - Apple
3、适应用户的设计
界面设计是最常用于使每个人都可以访问网站或应用程序的主轴。
让我们回到结构、颜色和形状的基础知识：
架构：网站的结构必须符合 HTML5 标准。请记住，特别是使用标签对文本进行优先排序应该允许人们仅阅读标题即可理解页面的内容。请务必使用图像和颜色定位来定位内容。不要忘记包含替代文本以匹配每个图像。确保布局的最大清晰度和一致性。
间距 ：还要确保在不同的可点击元素之间提供足够的空间。
对比：不要忘记充分对比文本和背景。这可能看起来很明显，但不要将浅灰色文本放在白色背景上，并且通常要明智地使用对比。如果访问者无法阅读您的网站，那将是一种耻辱。不要忘记包含足够清晰的焦点状态，以帮助用户导航网站并了解他们在网站上的位置。
颜色：注意不要并排使用相似的颜色或色盲人士难以区分的颜色。不要使用颜色作为传达信息的唯一视觉方式。同样，不要试图通过颜色传达太多含义。如果只是在阳光直射下观看屏幕，您的努力就会化为乌有。
字体：喜欢经典且可读的字体。要解决大小问题，请为用户提供自行配置的选项。
可供性：可供性或“物体建议其自身用途的能力”对于避免犹豫和沮丧至关重要。让互动元素看起来……互动！
4. 使用你可以使用的工具
即使您了解 WCAG 的理论最佳实践，它们的实现也并不明显。有许多工具可以帮助您使数字产品更易于访问。
A11Y 项目为您列出了这些在线工具。在整个产品开发周期中对您有用的帮助。Chrome 提供了一系列扩展程序，允许您使用 AX 和 DevTools 检查站点的可访问性。
为了优化用户体验，你不能只关注图形方面、文字、动画等。你必须主要关注用户。您需要确保以最佳方式为用户提供他们正在寻找的东西。
在可访问性领域，有许多指南可以帮助您实现目标。了解它们并 电话号码清单 将其付诸实践非常重要，下面您将找到有关此主题的一些基本参考资料。
网页内容无障碍指南- WCAG
无障碍材料设计指南
人机界面指南 - Apple
3、适应用户的设计
界面设计是最常用于使每个人都可以访问网站或应用程序的主轴。
让我们回到结构、颜色和形状的基础知识：
架构：网站的结构必须符合 HTML5 标准。请记住，特别是使用标签对文本进行优先排序应该允许人们仅阅读标题即可理解页面的内容。请务必使用图像和颜色定位来定位内容。不要忘记包含替代文本以匹配每个图像。确保布局的最大清晰度和一致性。
间距 ：还要确保在不同的可点击元素之间提供足够的空间。
对比：不要忘记充分对比文本和背景。这可能看起来很明显，但不要将浅灰色文本放在白色背景上，并且通常要明智地使用对比。如果访问者无法阅读您的网站，那将是一种耻辱。不要忘记包含足够清晰的焦点状态，以帮助用户导航网站并了解他们在网站上的位置。
颜色：注意不要并排使用相似的颜色或色盲人士难以区分的颜色。不要使用颜色作为传达信息的唯一视觉方式。同样，不要试图通过颜色传达太多含义。如果只是在阳光直射下观看屏幕，您的努力就会化为乌有。
字体：喜欢经典且可读的字体。要解决大小问题，请为用户提供自行配置的选项。
可供性：可供性或“物体建议其自身用途的能力”对于避免犹豫和沮丧至关重要。让互动元素看起来……互动！
4. 使用你可以使用的工具
即使您了解 WCAG 的理论最佳实践，它们的实现也并不明显。有许多工具可以帮助您使数字产品更易于访问。
A11Y 项目为您列出了这些在线工具。在整个产品开发周期中对您有用的帮助。Chrome 提供了一系列扩展程序，允许您使用 AX 和 DevTools 检查站点的可访问性。