اضبط تفضيلات العرض وخيارات إمكانية الوصول لتخصيص تجربة SupportRetriever.
نظرة عامة
قسم المظهر في الإعدادات يتيح تخصيص شكل الواجهة ووظائفها، مع ميزات إمكانية وصول قوية للمستخدمين باحتياجات مختلفة.
الوصول إلى إعدادات المظهر
- انتقل إلى الإعدادات من الشريط الجانبي
- مرّر إلى قسم المظهر
- عدّل أي إعداد حسب تفضيلك
- التغييرات تُطبّق فوراً وتُحفظ تلقائياً
إعدادات السمة
السمات المتاحة
الوضع الفاتح (الوضع الفاتح)
- خلفية فاتحة بلون كريمي
- نص داكن لأقصى وضوح
- واجهة نهارية تقليدية
الوضع الداكن (الوضع الداكن)
- خلفيات داكنة تقلل إجهاد العين
- نص فاتح للمشاهدة الليلية المريحة
- توفير بطارية على شاشات OLED
النظام (موصى به) (النظام)
- يطابق إعدادات جهازك تلقائياً
- يتبدّل بين فاتح/داكن حسب وقت اليوم
- تجربة سلسة عبر الأجهزة
تغيير السمة
- انقر السمة المفضلة: فاتح أو داكن أو النظام
- تتحدّث الواجهة فوراً
- يُحفظ التفضيل في حسابك
- يُمزج عبر أجهزتك
خيارات حجم الخط
اضبط حجم النص للقراءة المريحة في التطبيق بالكامل.
الأحجام المتاحة
| الحجم | النص الأساسي | الاستخدام |
|---|---|---|
| صغير | 14px | عرض مضغوط، رؤية محتوى أكثر |
| افتراضي | 16px | حجم ويب قياسي، متوازن |
| كبير | 20px | قراءة مريحة، أسهل على العين |
| كبير جداً | 24px | أقصى إمكانية وصول، مساعدة بصرية |
ما يتم تكبيره
عند تغيير حجم الخط، كل شيء يتدرج تناسبياً:
- كل نص الجسم والفقرات
- العناوين
- الأزرار وحقول النماذج
- التنقل والقوائم
- رسائل المحادثات
- الإحصائيات والرسوم
- تسميات وحقول النماذج
ضبط حجم الخط
- انقر الحجم المفضل: صغير أو افتراضي أو كبير أو كبير جداً
- كل النص في التطبيق يتدرج فوراً
- الإعداد يُحفظ تلقائياً
- يعمل على كل الصفحات (admin، المحادثات، النماذج، الإحصائيات)
أوضاع رؤية الألوان
لوحات ألوان متخصصة لعمى الألوان أو تفضيلات بصرية.
الأوضاع المتاحة
الألوان القياسية
- نظام ألوان SupportRetriever الافتراضي
- أخضر نعناعي أساسي، ألوان أرضية
- يناسب معظم المستخدمين
Protanopia (عمى الأحمر)
- يصيب نحو 1% من الذكور
- لوحة أزرق/برتقالي/بنفسجي
- يتجنب الأحمر/الأخضر
- تمييز واضح بين النجاح والأخطاء
Deuteranopia (عمى الأخضر)
- يصيب نحو 1% من الذكور
- كـ Protanopia (لوحة أزرق/برتقالي)
- الشكل الأكثر شيوعاً لعمى الألوان
- محسّن للأمان والوضوح
Tritanopia (عمى الأزرق)
- نادر جداً (نحو 0.001%)
- لوحة magenta/teal
- تباين دافئ بارد
- الأزرق يظهر رمادياً لذا يُتجنب
تباين عالٍ
- أقصى وضوح لأي حالة بصرية
- يلبي معايير WCAG AAA
- أسود/أبيض نقي مع ألوان قوية
- مفيد لضعف البصر أو الشمس الساطعة
- يعمل مع السمات الفاتحة والداكنة
تغيير الألوان
كل وضع يعدّل:
- ألوان الإجراء الأساسي (أزرار، روابط)
- مؤشرات النجاح
- رسائل الخطأ
- إشعارات التحذير
- كل عناصر الواجهة في التطبيق
اختيار وضع لون
- انقر القائمة المنسدلة وضع رؤية الألوان
- اختر الوضع المفضل
- كل الألوان تتحدّث فوراً
- انتقل لأي صفحة لرؤية التغييرات
- الإعداد يُمزج عبر الأجهزة
ضبط ارتفاع السطر
تحكّم في المسافة بين أسطر النص لتحسين الوضوح.
كيف يعمل
- افتراضي: 1.0x
- النطاق: 0.8x (أضيق) إلى 1.5x (أفسح)
- زيادات 0.1 للضبط الدقيق
متى تضبط
زد ارتفاع السطر (1.2x–1.5x) لـ:
- عسر القراءة أو صعوبات القراءة
- جلسات قراءة طويلة
- تقليل إجهاد العين
- تركيز أفضل على الأسطر
قلّل ارتفاع السطر (0.8x–0.9x) لـ:
- تفضيل عرض مضغوط
- رؤية محتوى أكثر دفعة واحدة
- مسح معلومات كثيفة
كيف تضبط
- اسحب شريط ارتفاع السطر لليمين أو لليسار
- شاهد التغييرات مباشرة
- أفلت للحفظ التلقائي
- انقر إعادة التعيين للعودة إلى 1.0x
ضبط تباعد الحروف
تحكّم في المسافة بين الحروف لتحسين الوضوح.
كيف يعمل
- افتراضي: 1.0x
- النطاق: 0.8x (أضيق) إلى 1.5x (أوسع)
- زيادات 0.1 للدقة
متى تضبط
زد تباعد الحروف (1.2x–1.5x) لـ:
- دعم عسر القراءة
- صعوبات تمييز الحروف
- تمييز كلمات أوضح
- تقليل الازدحام البصري
قلّل تباعد الحروف (0.8x–0.9x) لـ:
- تفضيل نص مضغوط
- وضع نص أكثر على الشاشة
- تفضيل بصري شخصي
كيف تضبط
- اسحب شريط تباعد الحروف
- التغييرات تُطبّق فوراً
- أفلت للحفظ التلقائي
- انقر إعادة التعيين للعودة للافتراضي
دمج الإعدادات
كل إعدادات إمكانية الوصول تعمل معاً لأقصى تخصيص.
أمثلة تركيبات
لأقصى وضوح:
- حجم الخط: كبير جداً
- ارتفاع السطر: 1.4x
- تباعد الحروف: 1.3x
- النتيجة: نص فسيح سهل القراءة
لدعم عسر القراءة:
- حجم الخط: كبير أو كبير جداً
- ارتفاع السطر: 1.3x–1.5x
- تباعد الحروف: 1.2x–1.4x
- وضع اللون: تباين عالٍ (اختياري)
لعمى الألوان:
- اختر وضع رؤية الألوان المناسب
- ادمجه مع تفضيلات الخط/التباعد
- يعمل مع السمات الفاتحة والداكنة
للعرض المضغوط:
- حجم الخط: صغير
- ارتفاع السطر: 0.9x
- تباعد الحروف: 0.9x
- رؤية محتوى أكثر، تمرير أقل
الحفظ التلقائي
كل إعدادات المظهر:
- تُحفظ تلقائياً عند التغيير
- تُمزج عبر أجهزتك
- تبقى بعد تسجيل الخروج/الدخول
- تُطبّق قبل تحميل الصفحة (بدون وميض)
- تعمل دون اتصال (مخزّنة محلياً)
مزامنة الأجهزة
تفضيلاتك تتبعك في كل مكان:
- أجهزة سطح المكتب
- الهواتف
- الأجهزة اللوحية
- متصفحات مختلفة (عند تسجيل الدخول)
- أجهزة عامة/مشتركة (بعد تسجيل الدخول)
معايير إمكانية الوصول
ميزات إمكانية الوصول في SupportRetriever تتوافق مع:
- WCAG 2.1
- متطلبات Section 508
- معايير ADA
توافق محدد
- تكبير الخط: حتى 150% (مستوى AA)
- تباين عالٍ: نسبة نص 7:1 (مستوى AAA)
- استقلالية اللون: المعلومات لا تُنقل باللون وحده
- لوحة المفاتيح: كل العناصر تعمل بدون فأرة
اختبار إعداداتك
بعد تغيير الإعدادات، اختبر على صفحات مختلفة:
- لوحة الإدارة: تحقق من وضوح قائمة المحادثات
- المحادثات: تحقق من راحة نص الرسائل
- الإحصائيات: تأكد من وضوح الرسوم والأرقام
- النماذج: اختبر ظهور حقول النموذج
- الجوال: تحقق من عمل الإعدادات على الهاتف/اللوحي
إعادة التعيين للافتراضي
لإعادة كل إعدادات المظهر:
- السمة: اختر النظام
- حجم الخط: اختر افتراضي
- وضع اللون: اختر الألوان القياسية
- ارتفاع السطر: انقر إعادة التعيين (إلى 1.0x)
- تباعد الحروف: انقر إعادة التعيين (إلى 1.0x)
التغييرات تُطبّق فوراً.
استكشاف الأخطاء
الإعدادات لا تُحفظ
المشكلة: التغييرات ترجع بعد التحديث
الحلول:
- تحقق من السماح بـ localStorage في المتصفح
- عطّل وضع التصفح الخاص
- امسح ذاكرة التخزين المؤقت
- جرّب متصفحاً آخر
- تواصل مع الدعم إن استمرت
النص كبير/صغير جداً
المشكلة: لا تجد حجماً مريحاً
الحلول:
- جرّب كبير (20px) كوسط
- اضبط ارتفاع السطر منفصلاً
- استخدم تكبير المتصفح كتكملة
- ادمج مع تباعد الحروف
الألوان لا تتغير
المشكلة: وضع اللون يبدو بلا تأثير
الحلول:
- تحقق من أن القائمة تعرض اختيارك
- جرّب تبديل السمات (فاتح/داكن)
- حدّث الصفحة
- امسح ذاكرة التخزين المؤقت
- بعض العناصر قد لا تستخدم مؤشرات لون
مشاكل أداء
المشكلة: التطبيق يبدو بطيئاً بعد التغييرات
الحلول:
- كبير جداً قد يؤثر على العرض
- جرّب كبير بدلاً من كبير جداً
- قلّل تباعد السطر/الحروف
- أعد تشغيل المتصفح
- أغلق التبويبات غير المستخدمة
أفضل الممارسات
للاستخدام اليومي
- ابدأ بـ افتراضي وعدّل إن لزم
- استخدم سمة النظام للتبديل التلقائي نهاراً/ليلاً
- اختبر الإعدادات على أكثر الصفحات استخداماً أولاً
- أعطِ نفسك وقتاً للتكيّف مع الإعدادات الجديدة
لإمكانية الوصول
- قدّم الوضوح على احتواء المحتوى
- لا تتردد في استخدام كبير جداً إن لزم
- ادمج عدة تعديلات لأفضل نتيجة
- شارك الإعدادات التي تناسب من لديهم احتياجات مشابهة
للفرق
- إعدادات الفرد لا تؤثر على الزملاء
- لكل مستخدم تفضيلاته
- أوصِ بالإعدادات لأعضاء الفريق
- المسؤول لا يمكنه تجاوز خيارات إمكانية الوصول
مواضيع ذات صلة
موارد إضافية
أدوات خارجية
- تكبير المتصفح: مكمّل لحجم خط التطبيق
- قارئات الشاشة: تعمل مع كل إعدادات إمكانية الوصول
- محاكيات عمى الألوان: اختبر ظهور الألوان
- إمكانية وصول نظام التشغيل: ادمج مع ميزات النظام
مزيد من التعلم
- إرشادات WCAG: w3.org/WAI/WCAG21/quickref
- عمى الألوان: ابحث عن الأنواع والتأثيرات
- موارد عسر القراءة: دراسات الطباعة والوضوح
- إمكانية وصول الويب: أفضل الممارسات والمعايير