إمكانية الوصول: تحديد حجم نص أكبر تلقائيًا للمستخدمين ضعاف البصر

ساهم ميزة
1

لقد طُلب من أحد مستخدمينا زيادة حجم النص في نسختنا. لحسن الحظ، يمكنها القيام بذلك بسهولة بشكل شخصي باستخدام إعدادات الواجهة (انظر https://meta.discourse.org/my/preferences/interface).

أخبرتني أن المواقع والتطبيقات الأخرى تتمتع بالقدرة على القيام بذلك تلقائيًا إذا تم تحديد خط كبير على الجهاز.

كانت الوضع المظلم في Discourse خيارًا للمستخدم فقط، لكن هذا تغير خلال العام الماضي ليصبح تلقائيًا (إذا تم تكوينه بشكل صحيح). سيكون رائعًا أن يتوفر نفس السلوك الديناميكي لحجم النص. في الواقع، هذا أكثر أهمية بكثير، حيث سيواجه الأشخاص ذوو الإعاقات البصرية صعوبة في العثور على الإعداد مع صغر حجم النص.

5 إعجابات
2

لست متأكدًا يا @awesomerobot هل هذا شيء يمكن اكتشافه تلقائيًا بشكل مشابه للوضع الفاتح / الداكن؟

إعجاب واحد (1)
3

إذا قمت بضبط حجم الخط في متصفح الويب الخاص بك، فيجب أن يتكيف Discourse مثل أي موقع ويب آخر… ولكن يبدو أنه إذا قمت بضبط حجم الخط في نظام التشغيل في نظام iOS، فإنه يؤثر فقط على أحجام التطبيقات وليس بالضرورة على أحجام خطوط مواقع الويب.

إذا استخدمنا font: -apple-system-body; يمكننا أيضًا التكيف مع النظام (تسمي Apple هذا النوع الديناميكي). أعتقد أن نظام Android يقوم بذلك تلقائيًا، ولا يحتاج إلى أي تغييرات… ولكن سأتحقق مرة أخرى.

إعجاب واحد (1)
5

تجربة هذا هنا:

هناك عدد قليل من الخصائص الفريدة التي يجب التعامل معها كما لاحظت في طلب السحب، ولكن يبدو أن هذا يجب أن يعمل كما هو متوقع.

لا شيء إضافي مطلوب لنظام Android، المتصفح يقوم بالفعل بتغيير حجم الخطوط مع إعداد النظام هناك.

3 إعجابات
6

هذه هي طريقة Apple iOS Safari لتحديد مستوى التكبير الافتراضي لجميع مواقع الويب:
انتقل إلى الإعدادات → Safari → الإعدادات لموقع الويب → تكبير الصفحة → مواقع الويب الأخرى:
50/75/85/100/125/150/175/200/250/300%

انظر: How to Make Text Bigger in Safari for iOS - MacRumors

من خلال التعيين الافتراضي لـ font: -apple-system-body; لمواقع discourse فقط، نختلف تمامًا عن القاعدة الشائعة font-size: 15px للفقرات.

يقدم هذا الآن حالة خاصة لجميع مواقع discourse: الخط كبير جدًا.
ويجب على كل مستخدم تعيين مستوى تكبير خاص لنطاقات مواقع discourse، على سبيل المثال 85٪.
أو في حالة قيام المستخدم بالفعل بتعيين مستوى تكبير أعلى في Safari، على سبيل المثال 150٪، فيجب عليه الآن تعيينه إلى 125٪ لنطاقات discourse فقط.

أوصي بشدة بعدم تنفيذ هذا!
يرجى التراجع عن دمج طلب السحب هذا.

يرجى التحقق مما يحدث إذا كان إعداد خط النظام على iPhone iOS لديك حوالي 150٪ وتم تعيين تكبير صفحة Safari إلى 150٪:

  • بالنسبة للمواقع العادية، يجب أن يؤدي هذا إلى 150٪
  • مع التغيير الجديد إلى Discourse font: -apple-system-body; قد يؤدي هذا إلى 225٪ (= 150٪ * 150٪)

على حد علمي، لا يقوم Chrome على نظام Android بذلك: الواجهة فقط لـ Chrome يتم تكبيرها بواسطة إعداد النظام.
لتكبير حجم خط موقع الويب، افتح Chrome وانتقل إلى الإعدادات → إمكانية الوصول → تحجيم النص

7

ربما يختلف الأمر حسب الجهاز أو إصدار Android؟ هذا من اختبار أجريته مع تكبير خط النظام في إعدادات إمكانية الوصول. لم يتم إجراء تغييرات على المتصفح:

Screen Shot 2022-02-16 at 9.48.56 AM
Screen Shot 2022-02-16 at 9.48.56 AM469×732 184 KB

إعجاب واحد (1)
8

هنا يتم تغيير حجم الفقرة فقط، بينما يظل العنوان وجميع عناصر النص الأخرى صغيرة الحجم!
هذا سلوك خاص في Chrome لتغيير حجم أجزاء من النص فقط - ابحث عن “Font Boosting” أو انظر:

قد يحتاج text-size-adjust إلى تطبيع على iOS:

إعجاب واحد (1)
9

ألاحظ بعض الآثار الجانبية غير المقصودة الآن بعد نشر هذا على Meta، ولست متأكدًا من سبب عمله بشكل مختلف في بيئة التطوير الخاصة بي، سأقوم بالتراجع والبحث فيه أكثر… ربما لا يمكنني فعل هذا في الوقت الحالي… إنه يؤثر على أشياء كثيرة جدًا خارج حجم الخط.

إعجابَين (2)
10

في حالة إمكانية الوصول العامة:
أحب فكرة الاحتفاظ بالخط الأساسي للفقرات بحجم 16 بكسل الافتراضي الذي تحدده جميع المتصفحات كحجم خط افتراضي.

هذا سيزيد حجم النص بنسبة 6-7٪ (16 بكسل / 15 بكسل = 1.0666).
بالنسبة للأجهزة المحمولة مثل الهواتف والأجهزة اللوحية، يبدو هذا جيدًا. بالنسبة لأجهزة سطح المكتب، سيكون هذا كبيرًا وغير معتاد قليلاً.

إذا اتبعنا هذا النهج، ربما نطبق قاعدة خاصة للأجهزة غير التي تعمل باللمس لاستخدام خط أساسي بحجم 15 بكسل بدلاً من ذلك. (من خلال التحقق من الأجهزة غير التي تعمل باللمس، سنفقد بالتأكيد بعض أجهزة الكمبيوتر المحمولة التي تعمل بشاشات لمس - ستحصل هذه الأجهزة بعد ذلك على حجم خط أكبر.)

إعجاب واحد (1)
11

هل لا تزال هذه مشكلة مع أجهزة iOS؟ يمكنني زيادة حجم الخط ولكن هذا لا يغير حجم التفاف النص. ليس لدي إمكانية الوصول إلى هاتف/جهاز لوحي يعمل بنظام Android لاختبار ذلك.

إعجاب واحد (1)