css实用技巧——最佳可访问性隐藏（网站左上角的logo，用label替代表单提交按钮）

css实用技巧——最佳可访问性隐藏（网站左上角的logo，用label替代表单提交按钮）

可访问性隐藏

“可访问性隐藏”：虽然内容肉眼看不见，但是其他辅助设备却能够进行识别和访问的隐藏。

核心代码

.hide { position: absolute; clip: rect(0 0 0 0); }

使用场景一：网站左上角的logo

logo一般使用图片，但为了更好地SEO以及无障碍识别，还会补充网站的名称，但网站的名称不能被看到，实现方式如下：

使用场景二：用label替代表单提交按钮

type为submit的按钮在不同浏览器UI不同，为了保持兼容性，经常使用label来替代提交按钮

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。