I'm trying to make react components with accessibility at least AA level according to WCAG, 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 it's clear the DOM order matter then I ask:
If your DOM order is correct and the tabbing order and reading order (when using a screen reader) is correct, then when it switches to RTL, you shouldn't have to do anything. The browser should handle tabbing the DOM in RTL order.