DOM Order Matters
Even though the visual order has changed(by CSS), the DOM order remains the SAME.
WebAIM checklist items:
The reading and navigation order (determined by code order) is logical and intuitive.
Q: Fixing DOM Order
This exercise can be found in the folderlesson2-focus/02-dom-order
within this course's GitHub Repository.
Tabbing around the page should reveal a mixed up tab order. Read through theindex.html
and see if there are any places where elements may be in the wrong order. If something looks out of place see if you can fix it so the tab order works as expected. If you get stuck you can refer to thesolution
directory.