Each card in the examples rail (site/index.html) is an <a href> carrying role="listitem". An explicit role replaces an element's implicit one, so the fourteen cards lose their link role.
Chrome's accessibility tree on site/index.html:
listitem "Open the Bubble example, a guided sourdough app, Hum, in a new tab" href="examples/hum-07/"
listitem "Open the Mend Assembly example, a repair-café manifesto poster, custom, in a new tab" href="examples/custom-04/"
Screen readers announce them as plain list items, and they are missing from the links rotor — so the section the README calls the centerpiece is the hardest part of the page to reach.
Each card in the examples rail (
site/index.html) is an<a href>carryingrole="listitem". An explicitrolereplaces an element's implicit one, so the fourteen cards lose theirlinkrole.Chrome's accessibility tree on
site/index.html:Screen readers announce them as plain list items, and they are missing from the links rotor — so the section the README calls the centerpiece is the hardest part of the page to reach.