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

I’ve been asked by one of our users to increase the text size of our instance. Fortunately, this is easy to do for her personally using the interface settings (see https://meta.discourse.org/my/preferences/interface).

She tells me that other sites and apps have the ability to do this automatically if the device has a large font selected.

Discourse used to have dark mode being user-selectable only but this has changed in the last year to be automated (if configured correctly). It would be brilliant to have the same dynamic for text size. Indeed, this is far more important, as visually impaired folk will struggle to find the setting with the text being small.

5 إعجابات

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

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

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

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

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

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

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

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

3 إعجابات

هذه هي طريقة 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 وانتقل إلى الإعدادات → إمكانية الوصول → تحجيم النص

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

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

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


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

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

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

إعجابَين (2)

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

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

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

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

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

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