تخطَّ إلى المحتوى

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

WCAG 2.2 مستوى AA واختصارات لوحة المفاتيح والأنماط التي يتبعها.

في هذه الصفحة

يستهدف المحرّر معيار WCAG 2.2 مستوى AA وإرشادات ATAG 2.0 وممارسات التأليف في WAI-ARIA، ويُفحص بأداة axe-core في كل إصدار.

اختصارات لوحة المفاتيح

اختصارات لوحة المفاتيح
الاختصارالإجراء
AltF10نقل التركيز إلى شريط الأدوات
Escالعودة من شريط الأدوات إلى النص
Alt0فتح قائمة اختصارات لوحة المفاتيح
Ctrl/⌘Kإدراج رابط أو تعديله
Ctrl/⌘Fبحث واستبدال
Ctrl/⌘B / I / Uغامق / مائل / تسطير
Ctrl/⌘ShiftHتمييز
Ctrl/⌘Alt1…6 / 0عنوان 1 إلى 6 / فقرة
Ctrl/⌘Shift7 / 8 / 9قائمة رقمية أو نقطية أو قائمة مهام

الأنماط التي يتبعها

  • شريط الأدوات. يتبع نمط toolbar في ARIA بنقطة تبويب واحدة وroving tabindex. تنقلك مفاتيح الأسهم وHome وEnd بين الأزرار، وتتبع الأسهم اتجاه RTL. وتعلن الأزرار حالة الضغط واختصاراتها.
  • القوائم والنوافذ الحوارية. تتبع القوائم نمط menu-button في APG. والنوافذ عناصر <dialog> أصلية بحقول معنونة ورسائل أخطاء مضمّنة، ويعود التركيز إلى موضعه السابق عند إغلاقها.
  • لا فخّ للوحة المفاتيح. داخل النص يزيح Tab عناصر القوائم وينتقل بين خلايا الجدول. اضغط Esc ثم Tab للخروج من المحرّر.
  • الإعلانات. تعلن المناطق الحيّة نتائج مثل «2 من 5 نتائج» و«أُدرج الرابط». وترسل editor.announce() رسائلك الخاصة.
  • إمكانية الوصول البصرية. التركيز ظاهر دائمًا. يُراعى وضع التباين العالي في Windows (forced-colors) وإعداد prefers-reduced-motion، ويتوفر وضع داكن. وعند العروض الضيقة وتكبير 400% يلتفّ شريط الأدوات بدل التمرير الأفقي.
  • مساعدة الكتّاب. تطلب الصور نصًّا بديلًا وتتيح خيار «زخرفية»، وتحصل الجداول افتراضيًا على صف ترويسة وعنوان، وتعرض منتقيات الألوان نسبة التباين وتحذّر إذا انخفضت عن AA.

سمِّ كل محرّر

أعطِ كل محرّر اسمًا يقرؤه قارئ الشاشة: <label for> على textarea أو <owe-editor>، أو ariaLabel / ariaLabelledBy. واستخدم ariaDescribedBy لنص المساعدة، وعيّن contentLang للمحتوى بلغة أخرى، وضع lang وdir على المحتوى الذي تعرضه من التخزين.

عدّل هذه الصفحة على GitHub