如果图标首先需要用户交

Arzina44

能。超过亿人患有某种形式的残疾我们打赌这些用户占您用户群的很大一部分。在网站设计的各个方面包括图标遵循可访问性准则可确保残障人士残障人士和限制人士不会被拒绝与其他访问者相同的体验。如何制作无障碍图标为了使网站或应用程序上的访问者可以访问您的图标您需要遵循一些可访问性原则。以下是设计或实现图标集时需要记住的一些提示。使图标在页面上清晰可见。为了易于访问图标应该在网页上清晰可见。互才能看到例如单击或鼠标悬停则可能会错过该图标这意味着并非所有用户都会从页面获得相同的信息。这是地图的示例。


使用图标菜单如下图所示访问者可以通过单击图标来搜索该地区的杂货店餐馆外卖选项酒店和加油站。例如点击餐馆图标将显示当地餐馆的列表这些餐馆在地图上用刀叉图标标记。谷歌地图中带有可访问图标的导航按钮这些选项甚至在您进行 印度电话号码列表 搜索之前就出现在页面顶部并且旨在与背景形成鲜明对比以使其可见。使用附带文本来减少歧义。在上面的地图示例中还要注意每个图标旁边的文本。您可能想知道为什么需要包含文本毕竟图标的目的不是取代文本吗这一点很重要因为普遍理解的图标很少见。放大镜意思是搜索是少数真正得到广泛认可的放大镜之一。



然而对于大多数图标来说有必要为图像附上文本标签以避免歧义。甚至移动菜单上无处不在的汉堡图标也可能被用户忽视。事实上当菜单一词添加到图标时测试显示出更好的参与度和转化率。添加文本标签的另一个好处是使链接的点击区域更大因此更容易单击或点击并降低交互成本。使用足够的色彩对比度。您还应该考虑图标可访问性的颜色。如果图标的颜色对比度相对于其背景颜色太低则一些视力有限的用户可能无法看到或使用它。考虑下面的图标集三个颜色对比度较差的社交媒体图标大多数访问者都能够看到这些社交媒体图标。然而由于颜色对比度低视力低下或色盲的人可能无法做到。此外当这些图标在较小的屏幕上缩小时任何人都很难看到。内容可访问性指南建议图像的对比度至少为装饰性图像和属于非活动界面组件的图像除外。如果您不确切知道这意味着什么也。