您还应该考虑图标可

Arzina444

代文本吗这一点很重要因为普遍理解的图标很少见。放大镜意思是搜索是少数真正得到广泛认可的放大镜之一。然而对于大多数图标来说有必要为图像附上文本标签以避免歧义。甚至移动菜单上无处不在的汉堡图标也可能被用户忽视。事实上当菜单一词添加到图标时测试显示出更好的参与度和转化率。添加文本标签的另一个好处是使链接的点击区域更大因此更容易单击或点击并降低交互成本。使用足够的色彩对比度。访问性的颜色。如果图标的颜色对比度相对于其背景颜色太低则一些视。

力有限的用户可能无法看到或使用它。考虑下面的图标集三个颜色对比度较差的社交媒体图标大多数访问者都能够看到这些社交媒体图标。然而由于颜色对比度低视力低下或色盲的人可能无法做到。此外当这些图标在较小 印度电话号码列表 的屏幕上缩小时任何人都很难看到。内容可访问性指南建议图像的对比度至少为装饰性图像和属于非活动界面组件的图像除外。如果您不确切知道这意味着什么也没关系。您可以使用像这样的在线对比度检查器轻松检查图标的颜色对比度。编写简洁有效的替代文本。替代文本或简称文本对于可访问的图像来说是必须的因为它向使用屏幕阅读器的访问者描述图像。对于图标请使用替代文本来描述单击时图标的功能。例如这个图标可访问的电。



子邮件图标示例可能有以下替代文本此外装饰图标不需要替代文本因为它们不向访问者提供信息。例如下面的列表中使用了四个图标来说明项目但告诉盲人有一个房子图标或钥匙图标是多余的他们需要知道的是随附的文本带有图标的公寓列表图片来源对于这些装饰性图标您仍应在图像标签中包含属性但将该值保留为空如下所示使图标足够大以方便查看和交互。图标大小也很重要特别是对于图标链接。最好记住的尺寸是像素因为任何较小的图标对于某些用户来说都很难在他们的移动设备上看到或点击。在导出之前检查图标的大小并根据需要进行调整。现成的图标集如果您对设计工具没有信心或时。