本文详解为何为 span 添加 tabindex 和 role="link" 反而破坏可访问性，并提供符合 wcag 和 aria 最佳实践的原生 html 解决方案——仅用语义化 ` 配套 css 示例（确保 可点击区域足够大，符合 wcag 2.5.5 目标尺寸要求）： ? 关键要点总结： 遵循“第一规则：若原生元素可胜任，请勿使用 ARIA”（First Rule of ARIA Use），不仅能提升可访问性，还能降低代码复杂度、增强 SEO 友好性，并确保未来浏览器更新不会意外破坏交互逻辑。.grid_item {
display: block;
padding: 1rem;
text-align: center;
border-radius: 8px;
transition: background-color 0.2s;
}
.grid_item:hover,
.grid_item:focus {
background-color: #f5f5f5;
}
.grid_item img {
max-height: 60px;
max-width: 100%;
vertical-align: middle;
}
