إنتقل إلى المحتوى الرئيسي

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

ترجمة لـالمواصفات بالإنجليزية. إن اختلفت الترجمة عن الأصل، فالإنجليزية هي المرجع.

المفاتيح، وقائمة الاختصارات التي يفتحها ?.

CSS: css/components/kbd.css. الأصناف: .al-kbd، .al-shortcuts.

في صفحته، بالإنجليزية والعربية

البنية​

HTML
<dl class="al-shortcuts">
  <dt><kbd class="al-kbd">n</kbd></dt><dd>New application</dd>
  <dt><kbd class="al-kbd">/</kbd></dt><dd>Search</dd>
  <dt><kbd class="al-kbd">?</kbd></dt><dd>Show the shortcuts</dd>
</dl>

الأنواع والأحجام​

مفتاح؛ أو تركيبة (<kbd class="al-kbd">Ctrl</kbd> <kbd class="al-kbd">K</kbd>).

الحالات​

لا شيء.

لوحة المفاتيح​

لا تعمل اختصارات المفتاح الواحد إلا حين لا يكون التركيز في حقل نصي، ويمكن إيقافها: اعرض setShortcutsEnabled() من js/keys.js إعدادًا (WCAG 2.1.4)؛ ويُحفظ الاختيار. والدالة onShortcut تطابق Shift بدقة (⌘Z ليس ⌘⇧Z)، إلا في الرموز التي تُكتب به («?»)؛ وتتجاهل تكرار المفتاح وتركيب الحروف بمحرر الإدخال؛ وفي تخطيط لوحة مفاتيح غير لاتيني، تطابق المفتاح بموضعه، فيعمل ⌘K و/ مع لوحة مفاتيح عربية.

ARIA​

العنصر <kbd> يكفي؛ وضع القائمة في مربع حوار عنوانه «اختصارات لوحة المفاتيح».

من اليمين إلى اليسار​

تحتفظ المفاتيح بتسمياتها اللاتينية؛ وتنعكس القائمة.

افعل ولا تفعل​

افعل
  • اجعل كل اختصار قابلًا للاكتشاف من ? ومن تلميح الزر الذي يشغّله.
لا تفعل
  • جعل الاختصار الطريقة الوحيدة لفعل شيء ما.

الرموز​

الرموز التي يستخدمها (9)

--al-border-hairline، --al-color-line-strong، --al-color-surface، --al-font-mono، --al-radius-sm، --al-space-1، --al-space-2، --al-space-5، --al-text-xs