⟦Ñátívé šémáñtíçš fíršt~~~~~~~~⟧
⟦Éáçh çómpóñéñt štártš fróm thé plátfórm çóñtról thát álréádý háš thé ríght rólé áñd kéýbóárd béhávíór:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧ <button>, <dialog>, <details>⟦, çhéçkbóx áñd rádíó íñpútš, áñd thé Pópóvér ÁPÍ. ÁRÍÁ íš thé fállbáçk.~~~~~~~~~~~~~~~~~~~~~~~~~⟧
⟦Kéýbóárd ñávígátíóñ~~~~~~~⟧
- ⟦Áçtívátíóñ~~~~⟧ ⟦— Éñtér áñd Špáçé áçtíváté búttóñš áñd tóggléš; Špáçé tóggléš çhéçkbóxéš áñd šwítçhéš.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧
- ⟦Çómpóšíté wídgétš~~~~~~⟧ ⟦— árrów kéýš móvé fóçúš wíthíñ méñúš, tábš, rádíó gróúpš áñd tóólbárš; Hómé áñd Éñd júmp tó thé fíršt áñd lášt ítém.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧
- ⟦Óvérláýš~~~⟧ ⟦— Éšçápé çlóšéš díálógš, pópóvérš áñd méñúš áñd rétúrñš fóçúš tó thé tríggér.~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧
- ⟦Táb órdér~~~~⟧ ⟦— óñlý íñtéráçtívé éléméñtš áré táb štópš; díšábléd çóñtrólš áré škíppéd.~~~~~~~~~~~~~~~~~~~~~~~~~~⟧
⟦Éáçh~~⟧ ⟦çómpóñéñt págé~~~~~⟧ ⟦líštš ítš kéýbóárd íñtéráçtíóñš.~~~~~~~~~~~~⟧
⟦Fóçúš máñágéméñt~~~~~~⟧
⟦Módálš tráp fóçúš whílé ópéñ áñd réštóré ít óñ çlóšé. Pópóvérš áñd méñúš úšé á róvíñg~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧ tabindex ⟦óñ théír ítémš. Fóçúš-víšíblé štýlíñg bélóñgš tó ýóúr ápp ÇŠŠ, úšíñg~~~~~~~~~~~~~~~~~~~~~~~~⟧ data-state ⟦áñd~~⟧ :focus-visible.
⟦Hów thíš íš vérífíéd~~~~~~~⟧
⟦Éáçh çláím óñ thíš págé íš á réléášé gáté: žéró áxé víólátíóñš íñ Çhrómíúm, Fíréfóx áñd WébKít, áñd thé ñó-JáváŠçrípt šúíté thát Tíér 0 çómpóñéñtš pášš íñ fúll.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧ ⟦Šéé Próóf~~~~⟧