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