بعيونهم

جرّب النفاذية

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

1 من كل 6أشخاص يعيشون مع إعاقة (منظمة الصحة العالمية)

لماذا يهم ذلك

  1. وصول متساوٍلا أحد يُستبعد
  2. الكرامةينجزون أمورهم بأنفسهم
  3. السياساتتتطلبها القوانين العربية وWCAG
  4. تفيد الجميعيستفيد منها كبار السن أيضاً

اختر تجربة

اعرض هذه المحاكاة على فريقك في ورشة عمل

نصيحة: شغّل الصوت. تعمل كل محاكاة تلقائياً بعد الضغط على تشغيل.

01 · محاكاة

كيف يستخدم الشخص الكفيف موقعاً إلكترونياً

يستخدم المكفوفون لوحة المفاتيح وقارئ الشاشة، وقارئ الشاشة ينطق ما في الصفحة. قارن الصفحة نفسها مبنيّة بطريقتين.

الصفحتان تبدوان متطابقتين، والفرق مخفي في الكود.

  1. 1اختر موقعاً
  2. 2اضغط تشغيل
  3. 3شاهد واستمع

الخطوة 1 من 14

فتح الصفحة

المفاتيح⌘ Command+F5

يقول VoiceOver

“تم تشغيل VoiceOver. تجديد بطاقة الهوية – الخدمات الرقمية، صفحة ويب.”

يعمل: للصفحة عنوان، فيعرف المستخدم أين هو. <title>

مفاتيح VO = ‏Control + Option

02 · محاكاة

كيف يجعل الوسم ملفات PDF مقروءة

كثير من المستندات الحكومية ملفات PDF. من دون وسوم لا يستطيع قارئ الشاشة قراءتها جيداً. شاهد كيف نَسِم ملف PDF عربياً، ثم استمع إلى الفرق.

مستند نموذجي للتوضيح فقط، وليس تعميماً حقيقياً.

  1. 1اختر طريقة العرض
  2. 2اضغط تشغيل
  3. 3شاهد واستمع

الخطوة 1 من 11

فتح ملف PDF

الأداةلوحة الوسوم

ماذا نفعل

نفتح الملف في أداة الوسم. لوحة الوسوم فارغة.

مشكلة: الملف بلا وسوم، فلا يستطيع قارئ الشاشة التمييز بين العناوين والقوائم والجداول.

03 · محاكاة

عمى الألوان

بعض الناس لا يميّزون الأحمر من الأخضر. إذا استخدمت الصفحة اللون وحده لتوضيح شيء، فإنهم لا يرونه.

الصفحة نفسها بتصميمين. اضغط تشغيل وقارن.

  1. 1اختر التصميم
  2. 2اضغط تشغيل
  3. 3شاهد

الخطوة 1 من 3

بالعين العادية

ماذا يحدث

جيد: الأخضر يعني مقبول، والأحمر يعني مرفوض. سهل.

04 · محاكاة

تباين الألوان

النص الرمادي الفاتح على صفحة بيضاء يبدو جميلاً، لكنه صعب القراءة، خاصة تحت الشمس أو مع ضعف النظر.

الصفحة نفسها بتصميمين. اضغط تشغيل وقارن.

  1. 1اختر التصميم
  2. 2اضغط تشغيل
  3. 3شاهد

الخطوة 1 من 3

على شاشة عادية

ماذا يحدث

جيد: النص داكن، فقراءته سهلة.

05 · محاكاة

استخدام لوحة المفاتيح فقط

بعض الناس لا يستطيعون استخدام الفأرة، فيتنقلون في الصفحة بالضغط على مفتاح Tab في لوحة المفاتيح.

الصفحة نفسها بتصميمين. اضغط تشغيل وقارن.

  1. 1اختر التصميم
  2. 2اضغط تشغيل
  3. 3شاهد

الخطوة 1 من 3

اضغط Tab للتنقل

ماذا يحدث

مشكلة: لا شيء يُظهر مكانك، فيضيع الشخص.

06 · محاكاة

مشاهدة فيديو بلا صوت

لا يسمع الصم الفيديو، فهم يحتاجون إلى الكلمات مكتوبة على الشاشة.

الصفحة نفسها بتصميمين. اضغط تشغيل وقارن.

  1. 1اختر التصميم
  2. 2اضغط تشغيل
  3. 3شاهد

الخطوة 1 من 3

يبدأ الفيديو

ماذا يحدث

مشكلة: لا توجد كلمات، فلا يرى الشخص إلا شفاهاً تتحرك.

07 · محاكاة

تكبير الصفحة

ضعاف النظر وكثير من كبار السن يكبّرون الصفحة ليقرؤوها. الصفحة الجيدة تبقى مناسبة للشاشة.

الصفحة نفسها بتصميمين. اضغط تشغيل وقارن.

  1. 1اختر التصميم
  2. 2اضغط تشغيل
  3. 3شاهد

الخطوة 1 من 3

الحجم العادي

ماذا يحدث

جيد: كل شيء يتسع على الشاشة.

Want your team to feel this for themselves?هل تريدون أن يعيش فريقكم هذه التجربة بأنفسهم؟

We run short, hands-on workshops that use these simulations to build empathy and skills.نقدّم ورش عمل قصيرة وتطبيقية تستخدم هذه المحاكاة لبناء التعاطف والمهارات.

Contact usتواصل معناSee trainingتعرّف على التدريب