reactjs - DOM 顺序对具有 RTL/LTR 选项的 Web 组件的可访问性很重要？

Question

我正在尝试根据WCAG使反应组件具有至少 AA 级别的可访问性，另一方面，我的组件需要具有 RTL（从右到左）和 LTR（从左到右）选项，LTR 是我的默认配置，一切都是根据 AA 规则，但是当我更改为 RTL 版本时，我的所有视觉效果都会更新，但 DOM 顺序是相同的。在这篇文章DOM order Matter中，DOM order很清楚，然后我问：

• 我的组件可以访问吗？
• 我应该如何让我的组件 100% 可访问？

标签： reactjsaccessibilityarabicweb-componentwcag2.0

Answer 1

如果您的 DOM 顺序是正确的，并且制表顺序和阅读顺序（使用屏幕阅读器时）是正确的，那么当它切换到 RTL 时，您应该不需要做任何事情。浏览器应该按 RTL 顺序处理 DOM 选项卡。