WebAIM - Web Accessibility In Mind

E-mail List Archives

DOM order matters for accessibility in web components with RTL/LTR options?

for

From: Yoandry Collazo
Date: Dec 14, 2018 7:31AM


I'm trying to make react components with accessibility at least AA level
according to WCAG <https://www.wuhcag.com/wcag-checklist>, In other hands,
My components need to have RTL (right to left) and LTR (left to right)
option, LTR is my default configuration and everything is according to AA
rules but when I change to RTL version all my visual is updated but the DOM
order is the same. In this article DOM order Matter
<https://developers.google.com/web/fundamentals/accessibility/focus/dom-order-matters>
it's
clear the DOM order matter then I ask:

- It's my component accessible?
- How should I make my component to be 100% accessible?
- There's Any official documentation about this?