区分无障碍与通用设计的不同
无障碍设计和通用设计是两种优秀的设计理念，它们都是为了让网站更加易于使用，但是它们适用的人群和方法都是有所不同的。
无障碍设计是一种设计理念，旨在创建一个适用于所有人的网站，包括老年人、视力或听力障碍者以及其他残障人士。这种设计强调在使网站可访问方面更加注重个人需求。
通用设计也着眼于使用者的需求，但不限于残障人士，它是一种旨在简化设计，统一使用者体验的设计理念。
虽然两种理念重点不同，但是其实现方法和设计原则都是相似的，例如，要确保网站的内容清晰易懂，对比度适当，颜色搭配合理以及布局合理等等。这些原则都有可能对弱视、色盲等各种障碍人士产生影响。
现在，我们来一起探讨一下如何进行无障碍设计和通用设计。
无障碍设计
无障碍设计的目标是给所有用户都提供一致、易用的体验，无论是残障人士还是普通使用者。
以下是无障碍设计的一些原则：
确保内容易于理解：应该精简掉不必要的内容和复杂的措辞，尽可能的使用短语句，让所有人容易理解。
对比度：网站上的文字和背景色彩要有足够对比度，这样对于色盲或弱视用户来说，内容才能更容易的识别。
图片标识与悬停：对于那些对图像或者图片无从分辨的人，可以统一使用 alt 标签，并让所有图片具有悬停效果，这样可以增强用户的感知，让网站更加易用。
表格：表格必须条理清晰，让人一眼便可看清，同时包含有表格头并格局一致。盲人通过阅读屏幕阅读器，也可容易地理解表格的内容。
这些原则都是让内容更具可读性和易用性。 在正式应用时，需要将这些原则转化成具体的代码实现。
通用设计
通用设计是一种更通用、更简单的设计理念，目标是提供一种无障碍的体验，使所有使用者都能与网站进行良好的互动和使用。
以下是通用设计的一些原则：
简化的布局：更简单的布局意味着更少的干扰性信息轮，更少的分心。减少分心，这样用户可以更容易地查找和使用网站的内容。
统一的颜色方案：保持一致的颜色方案，易于理解，不论是弱视、色盲用户还是普通受众。
大小适度的字体：对于老年人和部分弱视用户来说，字体大小通常是一个问题，网站应保持适当的字体大小，以便所有用户能够清楚地阅读网站上的内容。
可导航性：网站所有信息和页面的可导航性和可发现性是通用设计的重点之一。导航和搜素功能应该简单易懂，用户能够找到他们需要的信息。
结论
了解无障碍设计和通用设计的差异并不难，优秀的设计应该能让人们无障碍地进入世界。通过遵循上述原则，可以确保在任何情况下，用户都可以获得一致的、无障碍的体验。
以下代码是我们关于无障碍设计的一个示例，使用 alt 属性描绘图片内容，让图像更加易于理解：
这是一个例子，使用 alt 属性来描述图像内容。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6731bb400bc820c5823a215e