Everything you never wanted to know about visually-hidden
2 months ago
- #web-development
- #accessibility
- #CSS
- 本文探讨了'visually-hidden'这个CSS类的发展历程，该类用于在视觉上隐藏元素的同时保持屏幕阅读器可访问性。
- 这项技术起源于2000年代初，最初是为了满足无障碍需求而开发，特别是针对'跳过导航'链接和表单标签。
- 多年来，'visually-hidden'类逐渐积累了大量属性以应对浏览器兼容性问题，但其中许多现在可能已经过时。
- 现代替代方案如'clip-path: circle(0)'或'transform: scale(0)'被提出作为更简洁的解决方案，但仍需充分测试以确保兼容性。
- 文章质疑是否应该标准化原生的'visually-hidden'解决方案，但专家认为这可能助长滥用而非解决根本的无障碍问题。
- 核心观点是'visually-hidden'应当谨慎使用，因为它常被用来掩盖糟糕的设计决策，而语义化HTML始终是无障碍的最佳实践。