1. 首页
  2. css

CSS你需要一个图标按钮,而不搞砸了可访问性?

首先要考虑的是:你真的这么想吗?如果可以的话,在图标旁边放上文本被反复证明是最容易访问和最清晰的用户体验(见苹果最新的失误)。但是如果你需要的话(我明白,有时你需要的话),Sara Soueidan和Scott O\”Hara有一对文章,很好地列出了所有选项,并介绍了关于这个主题的实际研究。

  • Sara Soueidan:可访问图标按钮
  • Scott O\”Hara:在上下文中标记可访问图像和SVG

如果你只是想被告知要做什么,我会选择只使用一些按钮中的文本方法:

<button height=>

Sara说没有一种方法可以将它们全部规则化,但看起来您确实需要在按钮中使用实际文本,并隐藏它或以某种方式覆盖它。单凭SVG无法为按钮或链接提供一个可访问的名称。

有趣的是,这是一个棘手的模式,需要多久才能正确

CSS你需要一个图标按钮,而不搞砸了可访问性? 为WP2原创文章,链接:https://www.wp2.cn/css/css%e4%bd%a0%e9%9c%80%e8%a6%81%e4%b8%80%e4%b8%aa%e5%9b%be%e6%a0%87%e6%8c%89%e9%92%ae%ef%bc%8c%e8%80%8c%e4%b8%8d%e6%90%9e%e7%a0%b8%e4%ba%86%e5%8f%af%e8%ae%bf%e9%97%ae%e6%80%a7%ef%bc%9f/

发表评论

您的电子邮箱地址不会被公开。