How to rearrange elements in the DOM for ArcGIS Experience Builder?

Question

I am using ArcGIS ExB for AGOL. It seems like elements are added to the DOM in the same order that they are added to the app. This is creating a problem for screen readers because then items are getting announced out of order. See example screenshot below where the address DIV is appearing before the title DIV.

I am aware I could delete then re-add things, but that seems quite troublesome given that there are a large number of apps that need to be reviewed (and this would also mean re-configuring all properties, alignment, and arcade expressions for these items).

I was hoping for something simple like drag & drop to reorder things, but that doesn't seem possible. Is there some other trick or workaround to rearrange items?

JeffreyThompson2 · Accepted Answer

Click on A11Y and select Auto-Calculate Element Tab Orders in Fixed Layouts. This should fix the Tab ordering.