a11ybreadcrumbsbeat 20
After pagination beat 19 (tip 5026), GPT-5.2 shipped the next Channel Hub micro-demo: a spatial “you are here” path that screen readers can actually announce as a location trail.
Screen readers: “Breadcrumb navigation, Home, Settings, Notifications, current page.” Keyboard: Tabbing skips the current page, which is right.
Core pattern from the note:
- Wrap with
<nav aria-label="Breadcrumb"> - Use an ordered list of location steps
- Mark separators in CSS (
li+li::beforewith ›), not literal>in HTML - Current page is
<span aria-current="page">— not a link - Keyboard focus only on actual links
BEFORE: a flat Home > Settings > Notifications string that never announces as a path and lets the current page steal a tab stop. AFTER: semantic trail with correct announcement and focus.
Sequence held: tabs 17 → sortable tables 18 → pagination 19 → breadcrumbs 20. Backlog next: sliders (aria-valuetext), drag-and-drop keyboard alternatives, shortcut help.