الدليل النهائي لرسائل البريد الإلكتروني التي يمكن الوصول إليها

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

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

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

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

ما هو الوصول؟

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

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

بصفتنا مطورين للبريد الإلكتروني ، نقضي ساعات في الحصول على بريد إلكتروني ليبدو بشكل صحيح تمامًا في عميل لديه حصة سوقية أقل من 1٪ ولكن القليل منا سيقضي بضع دقائق في إتاحة الوصول إلى البريد الإلكتروني.
- مارك روبينز ، Rebelmail

إمكانية الوصول في تصميم البريد الإلكتروني

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

استخدم اللون بذكاء

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

يمكن أن يتسبب تباين الألوان أيضًا في حدوث مشكلات للمشتركين الذين يعانون من صعوبات بصرية. استخدم تباينًا عاليًا للألوان بين العناصر المختلفة في بريدك الإلكتروني ، خاصة بين ألوان النسخ والخلفية. تتمثل إحدى طرق القيام بذلك في استخدام WebAim's Color Contrast Checker للتحقق من نسبة التباين للألوان في بريدك الإلكتروني.

هل يمكن الوصول إلى رسائل البريد الإلكتروني الخاصة بك؟ شاهد كيف تبدو رسائل البريد الإلكتروني الخاصة بك للمستخدمين ضعاف البصر باستخدام مرشح عمى الألوان في Litmus Email Previews. جرب Litmus مجانًا →

لا تنشئ محتوى ضارًا

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

توازن النص والصور

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

تحسين قراءة البريد الإلكتروني الخاص بك

استخدم أحجام خطوط أكبر

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

يمكن أن يبدو النص أصغر على الأجهزة المحمولة ، مما يضطر المستخدمين إلى العمل بجهد أكبر لقراءة بريدك الإلكتروني. استخدم استعلامات الوسائط لزيادة الحد الأدنى لحجم الخط من 14 إلى 16 بكسل على الأجهزة الأصغر لمساعدة المستخدمين على قراءة بريدك الإلكتروني:

 @media screen and (max-width: 600px) { p.mobile {font-size: 16px;}}

امنح مساحة للتنفس

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

 <p style=”font-size:14px; line-height:18px;>Paragraph with font-size and line-height set</p>

نصيحة: عند زيادة حجم الخط للأجهزة المحمولة ، لا تنس أيضًا زيادة ارتفاع الخط.

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

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

تجنب النسخ المبررة في بريدك الإلكتروني

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

اختر المحرف الأيمن

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

استخدم العناصر الدلالية

يؤدي تضمين العناصر الدلالية إلى منح المشتركين الذين يستخدمون برامج قراءة الشاشة خيار "المسح" عبر البريد الإلكتروني عن طريق العنوان. يمكنك القيام بذلك عن طريق استخدام علامتي <p> و <h>. يتم دعمها في كل عميل ، لذا فهي مكان جيد للبدء في تسهيل الوصول إلى بريدك الإلكتروني.

تاريخيًا ، لم يكن النمط <p> و <h> أمرًا سهلاً ، ولهذا السبب لا يزال من غير المألوف رؤية هذه العلامات يتم استخدامها في البريد الإلكتروني. كان من الصعب إدارة الهوامش حول النص الملتف في أي من هذه العلامات ، ولكن باستخدام رمز مثل هذا ، ستتمكن من التحكم في تلك المسافة البيضاء:

 <h1 style=”mso-line-height-rule:exactly; Margin:0; font-size:24px; line-height:28px;”>This is a title in an email</h1>

 <p style=”Margin:0; font-size:14px; line-height:18px;”>And this is the paragraph</p>

نصيحة: استخدام قاعدة ارتفاع خط mso: بالضبط ؛ في علامات <h> ستحتفظ بقاعدة ارتفاع الخط التي عينتها في عملاء البريد الإلكتروني لـ Microsoft Outlook.

شاهد هذا المقطع من Litmus Live 2017 حيث يشرح مطور البريد الإلكتروني Paul Airy لماذا وكيف يستخدم عناصر HTML الدلالية في رسائل البريد الإلكتروني الخاصة به لتسهيل الوصول إليها:

غرد هذا الفيديو →

تعلم من الخبراء في Litmus Live كن مسوق بريد إلكتروني أفضل مع نصائح من العالم الحقيقي وأفضل الممارسات والوجبات السريعة العملية عندما تنضم إلينا في مؤتمر Litmus Live. اعرف المزيد →

كتابة نسخة قابلة للقراءة

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

يمكن العثور على الاختبار الأكثر شيوعًا ، والمعروف باسم اختبار Flesch-Kincaid Reading Ease ، في Microsoft Word ويحسب مدى سهولة قراءة المحتوى الخاص بك على مقياس من 0-100. هذا يعني:

• سيتم فهم درجة 90-100 بسهولة من قبل طالب يبلغ من العمر 11 عامًا
• سيتم فهم درجة 60-70 بسهولة من قبل الطلاب الذين تتراوح أعمارهم بين 13 و 15 عامًا
• سيتم فهم درجة 30-50 من قبل طلاب الكلية
• سيتم فهم درجة 0-30 بشكل أفضل من قبل خريجي الجامعات

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

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

إنشاء محتوى يمكن الوصول إليه

جعل الروابط قابلة للنقر / النقر

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

أنا أحب الأزرار الكبيرة ولا أستطيع الكذب.
- جوستين جوردان ، ليتموس

بينما توصي إرشادات Apple للواجهة البشرية لـ iPhone بحد أدنى للعرض والارتفاع يبلغ 44 بكسل للأزرار ، يختلف هذا الرقم اعتمادًا على بائع الجهاز المحمول. تتمثل إحدى القواعد الأساسية البديلة في استخدام حد أدنى للعرض والارتفاع يبلغ 72 بكسل لأن هذا هو متوسط ​​عرض البكسل للإبهام.

منع نسخ الرابط "انقر هنا"

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

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

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

استخدم سمة ALT بشكل صحيح

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

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

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

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

للحصول على مزيد من التعمق في فهم كيفية قيام السياق بإعلام استخدام سمة ALT لصورك ، قم بزيارة صفحة WebAim على سمة ALT.

استخدم الدور = ”العرض التقديمي” في جميع جداول العروض التقديمية الخاصة بك

في تصميم البريد الإلكتروني ، تُستخدم الجداول للاحتفاظ بالمحتوى بالإضافة إلى هيكلة تصميم البريد الإلكتروني. لم يكن الغرض من استخدام الجداول في التصميم ؛ ومع ذلك ، نظرًا للقيود المفروضة على عملاء البريد الإلكتروني مثل Outlook ، فقد اضطر مصممو البريد الإلكتروني إلى استخدام عنصر <table> كعنصر تصميم.

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

بالإضافة إلى الدور = ”العرض التقديمي” ، فإن aria-hidden = ”true” هي سمة HTML أخرى يمكن إضافتها إلى عناصر في HTML الخاصة بك للمحتوى المرئي ويجب إخفاؤها عن برامج قراءة الشاشة:

 <table role="presentation" aria-hidden="true" cellpadding="0" cellspacing="0" border="0"> <tr> <td></td> </tr> </table>

الدور = "العرض" يمكن أن تستخدم أيضا على الصور. اكتشف مطور البريد الإلكتروني Remi Parmienter بعض السلوك غير المعتاد في Chrome لمستخدمي VoiceOver — تطبيق قارئ الشاشة لنظام التشغيل MacOS. بدأ VoiceOver في قراءة أسماء الملفات للصور ، حتى إذا كانت السمة ALT موجودة ولكنها فارغة. يوصى باستخدام دور سمة HTML = ”Presentation” على أي صورة بسمة ALT فارغة لتجنب اسم الصورة التي يتم قراءتها.

رسائل البريد الإلكتروني التي يمكن الوصول إليها في العمل

يمكننا تنفيذ مستوى من إمكانية الوصول إذا نظرنا إلى ما وراء التحديات. ركز على ما يمكنك فعله ، وليس ما لا يمكنك فعله.
- بول إيري ، ما وراء الظرف

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

سيتمكن المشتركون في هذا البريد الإلكتروني من زيادة حجم النص من خلال متصفحهم بنسبة تصل إلى 200٪ دون الإخلال بتصميم البريد الإلكتروني. ويتميز بصور GIF متحركة تتوقف بعد ثلاث دورات (في غضون خمس ثوان) لأولئك الذين يعانون من نوبات حساسة للصور.

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

تستخدم النشرة الإخبارية من النوع E تحسينًا تفاعليًا تقدميًا لتمكين المشترك من الاختيار من بين حجم النص القياسي أو الكبير. قام مطور البريد الإلكتروني Paul Airy أيضًا بتضمين خيار - مدفوع بالقبول - حيث يمكن للمشترك اختيار عرض البريد الإلكتروني بخلفيات ملونة إذا كان يعاني من إعاقات معينة.

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

قم بمعاينة رسائل البريد الإلكتروني الخاصة بك مع تشغيل وإيقاف تشغيل الصور

هل تريد أن ترى كيف تبدو رسائل البريد الإلكتروني الخاصة بك في أكثر من 60 عميلًا لسطح المكتب والجوال وبريد الويب ، بما في ذلك طرق عرض الصور؟ جرب Litmus مجانًا!

ابدأ الاختبار الآن →

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