شرح صفوف ومحتوى الفقرة
تُعَدّ خاصية [accesskey] في HTML واحدة من الأدوات المهمة التي تُستخدم لتسهيل الوصول إلى عناصر صفحات الويب. تُتيح هذه الخاصية تحديد مفاتيح اختصار على لوحة المفاتيح للعناصر مثل الروابط أو الأزرار بدلاً من النقر عليه بزر الماوس، مما يسهل على المستخدمين التنقل بسرعة، خاصة للمستخدمين الذين يعتمدون على لوحة المفاتيح لأغراض الوصول.
يمكن تطبيق [accesskey] من خلال إضافة الخاصية إلى العنصر مثل [<a>]، ويمكن أن تكون القيمة حرفًا أو رقمًا. مثلاً، لتشغيل رابط معين في متصفح كروم على نظام ويندوز، يمكن استخدام [Alt + accesskey]. ومن المهم مراعاة توافق المفاتيح المختارة مع أنظمة التشغيل والمتصفحات المختلفة.
في هذا الجدول، سنتعرف على اختصارات الوصول السريعة المستخدمة لفتح الروابط في المتصفحات المختلفة لأنظمة التشغيل، ويندوز ولينكس وماك.
N/A: تعني [Not Applicable] أو [Not Available]. في هذا الجدول التعليمي تشير إلى عدم توفر نسخة حديثة ضمن المقارنة؛ الاختصارات الأخرى أمثلة تعتمد على إصدار المتصفح وإعدادات النظام، وليست ضمانًا عامًا. على سبيل المثال، [Internet Explorer] لا يعمل على لينكس أو ماك لأنه خاص بنظام ويندوز فقط، لذلك تظهر [N/A] في خانات لينكس وماك.
| Browser | Windows | Linux | Mac |
| Chrome | [alt] + accesskey | [alt] + accesskey | [control] + [alt] + accesskey |
| Edge | [alt] + accesskey | متاح على Linux؛ راجع إعدادات الاختصار في نسختك | [control] + [alt] + accesskey |
| Internet Explorer (قديم) | [alt] + accesskey | N/A | N/A |
| Firefox | [alt] + [shift] + accesskey | [alt] + [shift] + accesskey | [control] + [alt] + accesskey |
| Safari | N/A | N/A | [control] + [alt] + accesskey |
| Opera 15+ | [alt] + accesskey | [alt] + accesskey | [control] + [alt] + accesskey |
Accesskey Attribute Syntax
طريقة كتابة خاصية accesskey داخل عنصر <a> في لغة HTML.
x هنا مثال على حرف واحد، وvalue موضع عنوان الرابط المطلوب. المفاتيح المتاحة تختلف باختلاف اللغة ولوحة المفاتيح وقد تتعارض مع أدوات الإتاحة.
<a href="value" accesskey="x">text</a>Accesskey Attribute
طريقة إضافة اختصار من لوحة المفاتيح للروابط في لغة HTML، عن طريق إضافة خاصية accesskey attribute لرابط العنصر <a>.
<a href="https://www.closetag.com/tutorials/html" accesskey="h">HTML tutorial</a><br>
<a href="https://www.closetag.com/tutorials/css" accesskey="c">CSS tutorial</a>