إمكانية الوصول

الدلالات الأصلية أولًا

يبدأ كل مكوّن بعنصر التحكم الذي توفّره المنصة بالدور وسلوك لوحة المفاتيح المناسبين: <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 كاملة. انظر أدلة التحقق