使用溢出控制时需要保留的可访问性



单独设置一个方🎵向的处理方式时,浏览器会分别考🌟虑横向和纵向边界。横向内容常见于长链接、表格、代码行和图片,纵向内容常见于弹窗、下拉面板、聊天记录与文章摘要。



弹窗正文可以使用“最大高度加自动滚动”的组合,例如将最大高度限制在视口高度的一定比例内,并设置属性值为 auto。移动端还应预留上下内边距,避免💎最后一段文字紧贴底部按钮。



响应式表格适合在表格外层建立独立的横向滚动区,而不是强制每一列缩⚡到难以阅读。独立滚动区需要保证触摸操作可🔮用,同时避免表格宽度影响页面主体宽度。



页面出现滚动条、裁切或空白时的排查顺序



可访问的滚动区域需要具备可识别的用途、足够的尺寸和明确的操作反馈。只有一条很窄的横向滚动区域,用户可能不知道其中还有完整内容。



举报/反馈