إرشادات الوصول إلى البريد الإلكتروني: المعايير وأفضل الممارسات

نشرت: 2022-01-19

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

قد تعتقد أن هذه القدرات شائعة ويتم تقديمها بشكل افتراضي للجميع؟ ماذا لو أخبرتك أن 4.5٪ من المستلمين في قائمة جهات الاتصال الخاصة بك يعانون من عمى الألوان ، لذلك يصعب عليهم قراءة محتوى بريدك الإلكتروني أو فهمه؟

على الرغم من أن عمى الألوان ليس الاضطراب الوحيد المنتشر. مجرد حقيقة عارية: 285 مليون شخص حول العالم يعانون من إعاقات بصرية شديدة تجعل رؤية المشكلة حتى مع العدسات اللاصقة أو النظارات.

و 5٪ من سكان الأرض يعانون من إعاقات سمعية. بعبارة أخرى ، أكثر من 360 مليون.

هذا شيء للتفكير فيه. لا يمكننا تجاهل كل هؤلاء الناس. يجب أن نبذل قصارى جهدنا لنكون ودودين معهم ونجعل حياتهم أفضل. هذا هو كل ما يتعلق بإمكانية الوصول.

الآن ، اصنع لنفسك كوبًا من الشاي أو القهوة ، ودعنا نتعمق في التفاصيل.

ماذا تعني إمكانية الوصول إلى البريد الإلكتروني؟

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

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

يعاني البعض الآخر من ضعف السمع وعسر القراءة وما إلى ذلك. وبالتالي ، هناك مجموعات من قواعد إمكانية الوصول لكل نوع من أنواع الاضطرابات. وهكذا توصلنا إلى إجابة سؤال في العنوان.

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

سأشارك هذه المعايير أدناه ، بالإضافة إلى بعض الممارسات التي ستكون مفيدة لإنشاء رسائل بريد إلكتروني يمكن الوصول إليها.

معايير الوصول

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

1. عمى الألوان

توجد قائمة بأنواع عمى الألوان. ها هم:

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

Stripo-Email-Accessibility-Red-Original-Image

وهذه هي الطريقة التي يراها المتلقون المصابون بالبروتوبيا:

Stripo-Email-Accessibility-Red-Test

Deuteranopia هو تصور منخفض عن اللون الأخضر. يميل هؤلاء الأشخاص أيضًا إلى الخلط بين اللونين الأحمر / الأخضر المتوسط ​​والأخضر الفاتح / الأصفر والأزرق الفاتح / أرجواني. مرة أخرى ، ألق نظرة على نفس البريد الإلكتروني: الأصل على اليسار ، والإصدار deuteranopia على اليمين.

أكريليا

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

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

Green-Button
الحملة الأصلية من Wufoo
Green-Button-on-Red example
نفس البريد الإلكتروني من خلال عيون أحادية اللون

ماذا علينا ان نفعل؟

  • اختر حجم الخط لنسخة البريد الإلكتروني بما لا يقل عن 14 بكسل. ومع ذلك ، أوصي بـ 16 بكسل لتزويد المستلمين بتصميم بريد إلكتروني يمكن الوصول إليه ؛
  • تجنب حلول التباين القائمة على الألوان التي قد لا يميزها العملاء المصابون بعمى الألوان. على سبيل المثال ، لا تكتب نسختك بنص أخضر أو ​​أزرق على خلفية حمراء أو أرجوانية. انظر إلى الرسالة أدناه. لا بأس بالنسبة للأشخاص الذين لديهم تناسق كامل لإدراك الألوان ... ولكن هل هو جيد في حالة البروتانوبيا أو الرؤية أحادية اللون؟ أنا لا أعتقد ذلك…
Accessibility-Green-Red

(رسالة أصلية)

Red-Test-Dots

(هذه هي الطريقة التي سيرى بها العملاء المصابون بالبروتوبيا)

Monochromacy example

(الطريقة التي يرى بها monochromats هذه الرسالة)

كيف يجب أن يفهموا ما إذا كان فريقهم المفضل قد فاز أو خسر المباراة؟

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

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

Bold-Links in email

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

لاحظ ارتباط "عرض التفاصيل" بسهم. تقول أنك قد ترى المزيد من التفاصيل بالنقر فوقه ؛

إذا أضفت عناصر تفاعلية أو أجريت اختبارات في حملتك ، فاختر ألوانًا خضراء / حمراء داكنة / زرقاء فاتحة لتمييز الإجابات الصحيحة. والأحمر / الأسود / الرمادي على التوالي للخطأ على التوالي. تأكد من تكرار الإجابة بنعم / لا مع النص.

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

Types of color blindness graph

هناك أيضًا أداة مجانية لمحاكاة عمى الألوان تُظهر صورك بالطريقة التي سيرى بها المستلمون المصابون بعمى الألوان.

كما نرى ، فإن اختبار الألوان ليس معقدًا للغاية - فقط لا تتجاهله. اظهر رعايتك لجميع المشتركين. كن جيد.

2. العمى وضعف البصر الشديد

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

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

ما الذي يجب أن يحظى باهتمام خاص هنا؟

موضوع البريد الإلكتروني

عادةً ما تبدأ برامج قراءة الشاشة في قراءة رسالة بريد إلكتروني من موضوعها.

لذا فإن القاعدة المقبولة عمومًا بسيطة لكنها فعالة: اجعل سطر موضوعك موجزًا ​​ووصفيًا. يجب أن يشرح الموضوع الجيد جوهر الرسالة.

اعدادات اللغة

من المهم حقًا تكوين إعدادات اللغة في نسخة البريد الإلكتروني. تتطلب هذه المهمة بعض الجهد والعمل مع نسخة البريد الإلكتروني ولكنها تستحق ذلك. الأمر هو أن نص البريد الإلكتروني الذي تنطق به برامج قراءة الشاشة قد يبدو مخيفًا إذا تجاهلت هذه الإعدادات. شيء مثل محادثات العفاريت من Lord of the Rings

لتجنب ذلك ، حدد اللغة المعنية في رمز البريد الإلكتروني (إن وجد).

ترتيب منطقي

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

لتوفير إمكانية الوصول ، حدد علامات الرأس مثل <h1> ، <h2> ، <p> ، إلخ في كود HTML. ستضيف هذه العلامات الأولوية على النص العادي ، لذلك يتم نطق هذه العناصر أولاً.

Headline-in-Email

أيضًا ، لا يهم حجم الخط عند تحديد العلامات. في المثال أعلاه ، حجم خط العنوان 2 هو 24 بكسل ، وخط النسخ العادي أكبر - 27 بكسل. لكن برامج قراءة الشاشة ستلفظ العنوان 2 أولاً.

نص بديل

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

كيف يتم تعديل النص البديل لمعايير الوصول؟ لقد خمنت بشكل صحيح ، إنه واضح جدًا: اجعل هذا النص موجزًا ​​ووصفيًا وغنيًا بالمعلومات. ملاحظة مفيدة واحدة: تجنب كلمة "صورة" في هذا النص. تحدد علامة الصورة ذلك بالفعل ، لذلك سيكون من الغريب سماع "صورة صورة ..." المكررة

الروابط وعناصر CTA والرموز الاجتماعية

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

ما عليك سوى إلقاء نظرة على هذه الروابط:

Long vs short link example

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

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

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

هذه هي الطريقة التي نرى بها زر CTA في البريد الإلكتروني:

CTA Button

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

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

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

3. عسر القراءة

يميل الأشخاص الذين يعانون من عسر القراءة إلى الخلط بين ترتيب الحروف في النص ، على الرغم من مستوى الذكاء الطبيعي.

Stripo-Email-Accessibility-Dyslectic-Readers-New-Screen

فيما يلي ممارسات الوصول للمصابين بعسر القراءة بناءً على المنشور المنشور بواسطة ال جمعية عسر القراءة البريطانية.

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

4. الصمم والسمع الجزئي

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

Adding Subtitles_Captions to Emails

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

أهم النصائح المتعلقة بإمكانية الوصول إلى البريد الإلكتروني

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

الآن دعنا نلخص بإيجاز النقاط الرئيسية في هذا المنشور. كيف يتم توفير إمكانية الوصول؟

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

أتمنى لكم كل التوفيق بصدق. انشر الرعاية واللطف في كل مكان!