容器内的水平滚动是否被认为是不可访问的(即使页面本身是响应式的)

Is horizontal scrolling within a container considered inaccessible (even though the page itself is responsive)

这是我正在查看的指南:https://www.w3.org/WAI/WCAG21/Understanding/reflow.html

例如,在下图中,突出显示的红色容器水平滚动,但页面的其余部分是响应式的。

w3 指南说应该避免二维滚动,但我不知道那是否特别意味着页面本身不应该水平滚动。

我认为 1.4.10 Reflow 旨在解决整个页面需要垂直和水平滚动才能在移动设备上阅读的网页。如果你的只需要在一个小区域水平滚动,那么你应该没问题。

这可能会有帮助:

1.4.10 Reflow (AA)

Intent: Having to scroll in two dimensions to view content on a page makes seeing and reading the content difficult. If a user has to scroll in order to see a full line of text, it becomes very difficult to then follow to the next line.

https://dequeuniversity.com/resources/wcag2.1/1.4.10-reflow

在这样的设计中还有几点值得注意:

  • 根据 2.1.1. Keyboard.
  • ,此部分中的项目需要可通过键盘访问
  • 根据 1.4.4. Resize Text
  • ,用户应该能够在不破坏布局的情况下将文本缩放到 200%
  • 根据 2.4.7 Focus Visible.
  • ,当键盘用户通过链接切换时,焦点环应该可见