DOM 具有 RTL/LTR 选项的 Web 组件的可访问性顺序很重要吗?
DOM order matters for accessibility in web components with RTL/LTR options?
根据WCAG,我正在尝试使 React 组件具有至少 AA 级别的可访问性,另一方面,我的组件需要具有 RTL(从右到左)和 LTR(从左到右)选项,LTR 是我的默认配置,一切都符合 AA 规则,但是当我更改为 RTL 版本时,我的所有视觉效果都会更新,但 DOM 顺序是相同的。
在这篇文章中 DOM order Matter 清楚 DOM 订单问题然后我问:
- 我的组件可以访问吗?
- 我应该如何使我的组件 100% 可访问?
如果您的 DOM 顺序正确并且 Tab 键顺序和阅读顺序(使用屏幕时 reader)正确,那么当它切换到 RTL 时,您不必执行任何事物。浏览器应按 RTL 顺序处理 DOM 制表符。
根据WCAG,我正在尝试使 React 组件具有至少 AA 级别的可访问性,另一方面,我的组件需要具有 RTL(从右到左)和 LTR(从左到右)选项,LTR 是我的默认配置,一切都符合 AA 规则,但是当我更改为 RTL 版本时,我的所有视觉效果都会更新,但 DOM 顺序是相同的。 在这篇文章中 DOM order Matter 清楚 DOM 订单问题然后我问:
- 我的组件可以访问吗?
- 我应该如何使我的组件 100% 可访问?
如果您的 DOM 顺序正确并且 Tab 键顺序和阅读顺序(使用屏幕时 reader)正确,那么当它切换到 RTL 时,您不必执行任何事物。浏览器应按 RTL 顺序处理 DOM 制表符。