Why do accessibility guidelines mandate that navigation menus, search result feeds, and bulleted features use semantic list tags (<ul>, <ol>, <li>) rather than stacks of <div> tags?
The Assistive Technology Experience:
When a screen reader encounters a <ul> containing 6 <li> elements, it announces:
'List with 6 items. Item 1 of 6: Overview... Item 2 of 6: Analytics...'
This critical metadata tells the user:
Level 1 · Accessible interaction basics