先看核心问题
可访问性首先体现在基础语义。真正执行操作的控件应使用 button,而普通跳转使用 a。展开菜单时同步 aria-expanded,关闭后把焦点还给触发按钮,可以让键盘用户知道界面发生了什么,也能减少鼠标用户在复杂布局中迷失。
判断时关注具体信号
颜色同样需要克制。强调色适合用在少量按钮、当前状态或重点标签,不宜大面积铺满正文。正文与背景保持足够对比,并为 focus-visible 提供明显边框,能让不同设备和不同光线环境下的阅读都更稳定。
把信息放回实际浏览路径
动画应该是增强,而不是障碍。系统开启 prefers-reduced-motion 时,页面可以减少平滑滚动和大幅过渡。这样既照顾对运动敏感的用户,也能让低性能设备更轻松地加载与浏览。