تعد راحة قراءة النص على صفحة الويب جانبا رئيسيا من جوانب تصميم الويب الذي يمكن تجاهله غالبا. بالنسبة للعديد من المستخدمين ضعاف البصر ، يمكن أن تسبب الطباعة الصغيرة عدم الراحة عند القراءة ، وأحيانا عدم القدرة على إدراك المحتوى بالكامل. في هذه المقالة ، سنلقي نظرة على طريقة فعالة لزيادة حجم الخط على موقع ويب باستخدام برنامج نصي.
تخيل أنه يمكنك التحكم في حجم الخط على أي موقع ويب لجعله يناسب احتياجاتك. تعد زيادة حجم الخط باستخدام برنامج نصي جاهز طريقة سهلة وفعالة لتزويد المستخدمين بالقدرة على تخصيص صفحة ويب لاحتياجاتهم الفردية.
يسمح البرنامج النصي لزيادة حجم الخط على الموقع للمستخدمين بزيادة أو تقليل حجم الخط باستخدام الأزرار أو الإيماءات. يوفر هذا البرنامج النصي ، الذي تم تنفيذه باستخدام جافا سكريبت ، طريقة ملائمة للتحكم في حجم الخط في أي صفحة ويب.
بالإضافة إلى كونه مناسبا للمستخدمين ضعاف البصر ، يساعد البرنامج النصي لزيادة حجم الخط على جعل صفحة الويب في متناول جميع المستخدمين. يعد استخدام برنامج نصي لزيادة حجم الخط على موقع الويب ممارسة موصى بها لتطوير الويب لأنه يأخذ في الاعتبار احتياجات جميع المستخدمين ويخلق واجهة أكثر راحة.
- زيادة حجم الخط على الموقع
- تحسين راحة القراءة
- برنامج نصي فعال لتغيير حجم الخط
زيادة حجم الخط على الموقع
يتيح البرنامج النصي لزيادة حجم الخط للمستخدم زيادة حجم الخط أو تقليله بسهولة على صفحة الويب ، مما يجعل القراءة أكثر راحة. هذا مفيد بشكل خاص إذا كان الموقع لا يوفر القدرة على تغيير حجم الخط للمستخدمين أنفسهم أو تعيينه صغيرا جدا افتراضيا.
لإضافة برنامج نصي إلى موقعك ، تحتاج إلى استخدام لغة برمجة جافا سكريبت. أولا ، قم بإنشاء ملف جديد بالملحق.جس ولصق التعليمات البرمجية التالية في ذلك:
function increaseFontSize() {var currentFontSize = parseFloat(document.documentElement.style.fontSize);
document.documentElement.style.fontSize = (currentFontSize + 1) + "px";
}function decreaseFontSize() {
var currentFontSize = parseFloat(document.documentElement.style.fontSize);document.documentElement.style.fontSize = (currentFontSize - 1) + "px";
}
В этом коде определены две функции: increaseFontSize() и decreaseFontSize(). تعمل الوظيفة الأولى على زيادة حجم الخط بمقدار 1 بكسل ، بينما تعمل الوظيفة الثانية على تقليله بمقدار 1 بكسل. تحصل كلتا الوظيفتين على حجم الخط الحالي من النمط.فونتسيزي خاصية عنصر مع علامة هتمل وتغيير قيمته من قبل واحد أكثر أو أقل من واحد الحالي.
بعد إنشاء ملف التعليمات البرمجية ، تحتاج إلى إضافة روابط إليه في قسم الرأس بصفحة الويب الخاصة بك حتى يقوم المتصفح بتحميل البرنامج النصي: |
الآن ، للسماح للمستخدمين بزيادة حجم الخط وتقليله ، تحتاج إلى إضافة أزرار تستدعي الوظائف المناسبة. على سبيل المثال: |
تكبير الخط تقليل حجم الخط |
ضع هذه الأزرار في المكان المناسب على صفحة الويب الخاصة بك ، والآن سيتمكن المستخدمون من التحكم في حجم الخط باستخدامها.
باستخدام برنامج نصي لزيادة حجم الخط على الموقع ، يمكنك توفير راحة قراءة أفضل للمستخدمين وجعل موقعك في متناول جميع فئات المستخدمين ، بما في ذلك أولئك الذين يعانون من مشاكل في الرؤية.
تسمح العديد من المتصفحات الحديثة للمستخدمين بتغيير أحجام الخطوط على صفحة الويب. يجب تكوين موقعك بطريقة تستجيب لهذه الإعدادات وتتكيف تلقائيا مع عرض النص.