استخدام الرموز التعبيرية بشكل ميسر: اجعل نصك مفهومًا عند قراءته بصوت عالٍ

غالبًا ما يدرك الشخص الذي يتصفح باستخدام قارئ الشاشة الرمز التعبيري من خلال اسمه. لا يتطابق الاسم بالضرورة مع المعنى المجازي الذي قصده المؤلف. يسلط دليل W3C H86 الضوء على هذا الأمر بشكل خاص. المصدر: W3C H86

اكتب ما تريد إيصاله

مثال قصير:

يوم الجمعة ☕، ثم 📞، وأخيرًا 📄.

حتى عند رؤية الجملة، يمكن تفسيرها بطرق متعددة. هل تعني تناول القهوة، ومكالمة هاتفية، وإرسال مستند؟ متى تحدث هذه الأمور، وما هي مهمة كل شخص؟ قراءة أسماء الرموز وحدها لا تجيب على هذه الأسئلة.

نسخة أكثر دقة:

نلتقي يوم الجمعة الساعة 9 لتناول القهوة. بعدها أتصل بالمورد، وأرسل الملخص بعد الظهر.

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

قد يكون السطر الطويل من الرموز قائمة طويلة عند قراءتها

في رسالة "تهانينا! 🎉🎉🎉🎉🎉"، قد يقرأ قارئ الشاشة نفس الاسم عدة مرات. جرب استخدام رمز واحد: "تهانينا على نتيجتك! 🎉". بهذه الطريقة يمكن سماع الجملة بشكل أقصر. يُستحسن وضع الرمز في نقطة توقف طبيعية، مثل نهاية الفقرة. المصدر: Section508.gov، وسائل التواصل الاجتماعي

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

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

ماذا يمكنك أن تفعل في موقعك الخاص؟

إذا كان الرمز التعبيري يحمل معنى منفصلاً، يمكن تعيين اسم قابل للوصول إليه في HTML. مثال خاص يتوافق مع الطريقة التي قدمتها W3C:

<span role="img" aria-label="تم الإرسال بنجاح">✅</span>

في هذا المثال، ينقل الاسم القابل للوصول رسالة الإرسال الناجح. لا يظهر aria-label للقارئ المبصر كعنوان، لذا اكتب الحالة المهمة كنص مرئي أيضًا. يجب أن يحدد عنوان الزر الإجراء: على سبيل المثال "نسخ".

في حالة الرمز التعبيري المضمن كملف صورة، حدد النص البديل لعنصر img بناءً على وظيفة الصورة. إذا كانت نفس المعلومات موجودة بالفعل بالكامل بجانب الصورة، ولا تضيف الرسومية معنى جديداً، فقد يكون من المبرر استخدام alt="" الفارغ. يوضح دليل W3C للصور هذا القرار المعتمد على الموقف بالتفصيل. المصدر: W3C، الصور الزخرفية

يجب أن يتم التحقق في الواجهة النهائية

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

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

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