סמנטיקה מובנית תחילה
כל רכיב מתחיל בפקד של הפלטפורמה שכבר מספק את התפקיד ואת התנהגות המקלדת המתאימים: <button>, <dialog>, <details>, שדות קלט של תיבות סימון וכפתורי בחירה, ו-Popover API. ARIA היא החלופה כשנדרש.
ניווט במקלדת
- הפעלה — Enter ו-Space מפעילים כפתורים ולחצני החלפה; Space משנה את מצבם של תיבות סימון ומתגים.
- פקדים מורכבים — מקשי החצים מעבירים את המיקוד בתוך תפריטים, לשוניות, קבוצות בחירה וסרגלי כלים; Home ו-End עוברים לפריט הראשון והאחרון.
- שכבות על — Escape סוגר תיבות דו-שיח, חלוניות קופצות ותפריטים, ומחזיר את המיקוד ללחצן ההפעלה.
- סדר Tab — רק אלמנטים אינטראקטיביים מקבלים מיקוד באמצעות Tab; פקדים מושבתים נעקפים.
כל עמוד רכיב מפרט את פעולות המקלדת שלו.
ניהול מיקוד
תיבות דו-שיח מודאליות כולאות את המיקוד כל עוד הן פתוחות ומשחזרות אותו בסגירה. חלוניות קופצות ותפריטים משתמשים ב-tabindex נודד בין הפריטים. עיצוב המיקוד הגלוי שייך ל-CSS של האפליקציה, באמצעות data-state ו-:focus-visible.
איך מאמתים זאת
כל טענה בעמוד הזה היא תנאי לשחרור גרסה: אפס הפרות axe ב-Chromium, ב-Firefox וב-WebKit, ומעבר מלא של רכיבי Tier 0 בסדרת הבדיקות ללא JavaScript. לעדויות האימות