في تطوير الويب الحديث ، يتم إيلاء اهتمام متزايد لتحسين إمكانية الوصول إلى المواقع للمستخدمين ذوي الإعاقات الجسدية المختلفة. أحد هذه الجوانب هو القدرة على تعطيل إدخال لوحة المفاتيح للمستخدمين غير القادرين أو الذين يفضلون عدم استخدام لوحة المفاتيح.
يمكن أن يكون تعطيل إدخال لوحة المفاتيح مفيدا للعديد من المواقف: إذا كانت هناك عناصر تفاعلية على الموقع يمكن أن تسبب إجراءات غير مرغوب فيها ، أو إذا كنت ترغب في توفير طرق بديلة للتفاعل ، على سبيل المثال ، باستخدام الأوامر الصوتية أو شاشة تعمل باللمس.
في هذه المقالة ، سنلقي نظرة على بعض النصائح والإرشادات المفيدة حول كيفية تعطيل إدخال لوحة المفاتيح على الموقع. سنتحدث عن الطرق التي يمكن استخدامها على جانب العميل وعلى جانب الخادم ، ونقدم أمثلة على التعليمات البرمجية لكل طريقة.
يرجى ملاحظة أن تعطيل إدخال لوحة المفاتيح يمكن أن يكون أداة مفيدة لتحسين إمكانية الوصول إلى موقعك ، ولكن يوصى بمنح المستخدمين الفرصة لاختيار كيفية التفاعل وليس فقط إيقاف تشغيل لوحة المفاتيح.
- تعطيل إدخال لوحة المفاتيح على الموقع: الأهمية والضرورة
- طرق لتعطيل إدخال لوحة المفاتيح على الموقع
- استخدام السمة" معطل " لعناصر الإدخال
- ماذا تفعل إذا لم يكن من الممكن تعطيل إدخال لوحة المفاتيح
- تحديد طرق بديلة للتفاعل مع الموقع
تعطيل إدخال لوحة المفاتيح على الموقع: أهمية وضرورة
يساعد توفير طرق بديلة للتنقل والتفاعل مع الموقع على توسيع إمكانية الوصول إلى صفحات الويب وتوفير وصول موحد إلى جميع المحتويات للمستخدمين ذوي القدرات المختلفة. يمكن أن يكون تعطيل إدخال لوحة المفاتيح مفيدا للمستخدمين الذين يستخدمون عناصر تحكم عصا التحكم أو أجهزة الإدخال البديلة الأخرى ، وكذلك لأولئك الذين يفضلون استخدام الإدخال الصوتي أو وسائل الاتصال الأخرى.
يمكن استخدام تقنيات مختلفة ، بما في ذلك جافا سكريبت أو كس ، لتعطيل إدخال لوحة المفاتيح على الموقع. على سبيل المثال ، يمكنك قفل التركيز على عنصر معين لمنع التبديل إلى عناصر أخرى عند الضغط على مفاتيح التنقل ، أو حظر التفاعل تماما مع لوحة المفاتيح. من المهم أن تتذكر أنه عند تعطيل إدخال لوحة المفاتيح ، من الضروري توفير طرق بديلة للتنقل والتفاعل حتى يتمكن المستخدمون من الوصول إلى جميع وظائف ومحتوى الموقع.
بشكل عام ، يعد تعطيل إدخال لوحة المفاتيح على موقع الويب خطوة مهمة في إنشاء صفحات ويب يمكن الوصول إليها وشاملة. يتيح لك ذلك زيادة عدد المستخدمين الذين يمكنهم التفاعل مع موقعك وإنشاء تجربة مستخدم أفضل للجميع.
طرق لتعطيل إدخال لوحة المفاتيح على الموقع
يمكن أن يكون تعطيل إدخال لوحة المفاتيح على موقع الويب مفيدا في مواقف مختلفة. على سبيل المثال ، إذا كنت بحاجة إلى منع ضغطات المفاتيح العرضية عند ملء نموذج أو عند استخدام وظائف معينة.
فيما يلي بعض الطرق لمساعدتك على تعطيل إدخال لوحة المفاتيح على موقعك:
- باستخدام
- باستخدام خصائص المغلق
- استخدام معالج أحداث جافا سكريبت
إلى العناصر المطلوبة ، وسوف تصبح غير نشطة للإدخال.
يسمح لك بتعطيل التفاعل مع العنصر باستخدام الماوس ولوحة المفاتيح. فقط إضافة هذه الخاصية إلى العنصر المطلوب باستخدام كس ، وسوف تصبح غير متوفرة لإدخال لوحة المفاتيح.
الطريقة.
استخدام السمة" معطل " لعناصر الإدخال
يتم استخدام السمة المعطلة لتعطيل القدرة على تحرير عناصر الإدخال على صفحة ويب. عند استخدام هذه السمة ، لن يتمكن المستخدمون من التفاعل مع هذه العناصر.
أمثلة على عناصر الإدخال التي يمكن تعطيلها باستخدام السمة " معطل:
- حقول النص ()
- حقل كلمة المرور ()
- مربعات الاختيار ()
- أزرار الراديو ()
- القوائم المنسدلة ()
لتعطيل عنصر إدخال ، أضف السمة" معطل " إلى العلامة المقابلة. على سبيل المثال:
بالإضافة إلى ذلك ، يمكنك استخدام جافا سكريبت لتمكين السمة "معطل" ديناميكيا أو تعطيلها بناء على إجراءات المستخدم أو الشروط الأخرى.
يتيح لك استخدام السمة" معطل " لعناصر الإدخال إنشاء نماذج ويب أكثر ملاءمة وأمانا ، مما يحد من الوصول إلى تحرير بعض الحقول.
ماذا تفعل إذا لم يكن من الممكن تعطيل إدخال لوحة المفاتيح
إذا لم يكن لديك خيار تعطيل إدخال لوحة المفاتيح على موقعك ، فسيتعين عليك اتخاذ تدابير إضافية لضمان إمكانية الوصول وسهولة الاستخدام للمستخدمين الذين لا يستطيعون أو لا يريدون استخدام لوحة المفاتيح. فيما يلي بعض النصائح المفيدة:
- توفير طرق بديلة لإدخال المعلومات. أضف أزرارا أو روابط تؤدي نفس وظائف أوامر لوحة المفاتيح. على سبيل المثال ، إذا تم تنفيذ الإجراء المعتاد عند الضغط على مفتاح الإدخال ، أضف الزر "إرسال".
- انشر تعليقات حول كيفية استخدام موقعك بدون لوحة مفاتيح. اشرح طرق الإدخال البديلة المتاحة وكيفية استخدامها.
- استخدم الترميز واللغة المتاحة. تأكد من أن موقعك يحتوي على بنية واضحة ومنطقية ويستخدم علامات دلالية تساعد المستخدمين ذوي الإعاقة على فهم المحتوى بشكل أفضل.
- اجعل موقع الويب الخاص بك سريع الاستجابة وسهل الإدارة باستخدام شاشات اللمس. يفضل العديد من مستخدمي الأجهزة المحمولة استخدام شاشة تعمل باللمس بدلا من لوحة المفاتيح.
- تشجيع ردود الفعل. أضف محرك تعليق أو نموذج ملاحظات على موقعك حتى يتمكن المستخدمون من الإبلاغ عن المشكلات أو المضايقات عند استخدام موقعك بدون لوحة مفاتيح. سيكون لديك أيضا الفرصة لتحسين إمكانية الوصول إلى موقعك لجميع المستخدمين.
تحديد طرق بديلة للتفاعل مع الموقع
عندما يتعذر على المستخدم الكتابة من لوحة المفاتيح ، فمن الضروري توفير طرق بديلة للتفاعل مع الموقع. فيما يلي بعض التوصيات:
1. شريط التنقل: قم بإنشاء شريط تنقل يوفر للمستخدمين إمكانية الوصول إلى الأقسام الرئيسية للموقع دون الحاجة إلى كتابة نص من لوحة المفاتيح. سيساعد هذا المستخدمين على التنقل في الموقع بسرعة.
2. أزرار الوصول السريع: أضف أزرار الوصول السريع إلى الوظائف الرئيسية للموقع. على سبيل المثال ، سيسمح زر الرجوع للمستخدمين بالعودة إلى الصفحة السابقة دون استخدام لوحة المفاتيح.
3. تلميحات الأدوات: يمكن أن تساعد تلميحات الأدوات المستخدمين على فهم الإجراءات التي يتم تنفيذها عند الضغط على مفاتيح معينة. على سبيل المثال ، قد يطالبك الضغط على مفتاح "إدخال" بـ "إرسال نموذج"."
4. التحكم الصوتي: أضف ميزة التعرف على الصوت التي تتيح للمستخدمين التفاعل مع الموقع باستخدام الأوامر الصوتية. هذا مفيد بشكل خاص للمستخدمين ذوي الاستخدام المحدود لليد.
5. الإشارات المرئية: استخدم الإشارات المرئية مثل الأسهم أو المؤشرات المرئية للإشارة إلى العناصر التي يمكن تحديدها أو الإجراءات التي يمكن تنفيذها دون استخدام لوحة المفاتيح.
باستخدام هذه التوصيات ، ستوفر الوصول إلى جميع وظائف الموقع للمستخدمين الذين لا يستطيعون إدخال نص باستخدام لوحة المفاتيح.