
固定页眉、联系条和Cookie提示可能遮住正获得键盘焦点的链接或输入框。即使鼠标用户能点击、页面没有横向溢出,也需要单独检查焦点可见性与滚动避让,不能只提高按钮层级。
用键盘完整走一遍页面
从页面开始使用Tab与反向Tab,记录焦点经过导航、正文、表单和页脚时是否能看见当前目标。不要只检查输入框外框颜色,若整个控件藏在固定条后面,鲜明轮廓也无法帮助用户判断位置。打开菜单或弹窗后还要继续检查。
测量固定覆盖与视口变化
底部联系条高度、顶部页眉和移动键盘会共同压缩可用区域,较大字体或浏览器放大后尤其明显。固定内容如果占据太多空间,单靠一个滚动偏移值未必足够。应考虑减少固定区块、在必要状态收起或改变布局,而不是让内容永远在后面滚动。

为自动滚动安排可见空间
按真实滚动容器使用适当scroll-padding等策略,或调整组件行为,使聚焦目标进入未遮挡区域。不要在每次焦点变化时粗暴跳到页顶,也不要强行把焦点移给咨询按钮。用户应能保持自己的阅读和操作顺序。
检查动态提示和关闭行为
Cookie横幅、错误提示和展开的联系面板可能在加载后才出现,需要在这些状态下重复键盘路径。提供必要关闭或避让方式,并检查关闭后焦点去向。按照适用规范评估最低与更佳可见性,避免以目标还露出一点点就忽略实际阅读困难。
关键区别

焦点轮廓:说明当前位置;控件被挡时仍无用。
固定区块:覆盖视口区域;缩放后影响可能更大。
滚动避让:使目标进入可见区;不能抢走操作顺序。
怎样确认处理到位
主要键盘路径中的控件不被固定内容完全遮住,放大与手机状态仍可理解当前位置,提示关闭和焦点返回均合理。
容易误判的边界
本篇针对焦点遮挡,与一般锚点标题偏移不同;没有横向溢出或鼠标能操作,不代表键盘访问已经通过。
