The big takeaway in this post is that screen readers do not always read content the way it is styled in CSS. Toss in the fact that not all screen readers speak or read markup the same way and that there are differences in how they render content in different browsers and the results become…well different. Kind of like cross-browser testing CSS, but with speech.
The key points:
- Different screen reader/browser pairings behave differently
- DOM order is everything
- Containers are