كيفية إنشاء بريد إلكتروني للجميع في 3 خطوات سهلة: تسجيل الندوة عبر الإنترنت + أسئلة وأجوبة

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

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

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

سؤال وجواب

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

كيف تفسر القيود المعرفية؟

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

ما هو قارئ الشاشة الأكثر استخدامًا؟ كيف تختبرها؟

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

إذا كنت لا ترغب في تثبيت برنامج لفهم كيف سيبدو بريدك الإلكتروني على قارئ الشاشة ، فيمكنك استخدام Litmus لذلك! لقد قمنا مؤخرًا بدمج NVDA في Litmus ، بحيث يمكنك الآن الاستماع إلى معاينة صوتية لبريدك الإلكتروني مباشرة من قائمة مراجعة Litmus. اعرف المزيد .

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

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

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

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

هل لديك أي فكرة عن كيفية اختلاف أدوات مثل "Alexa" أو "Siri" عن برامج قراءة الشاشة الأخرى؟ أو ميزة "القراءة بصوت عالٍ" في Outlook؟

جايسون : في حلقة أخيرة من تسليم البودكاست ، تعمقت في المساعدين الصوتيين. لقد اكتشفت أن Alexa هو الوحيد الذي يقرأ بريدك الإلكتروني حقًا - ولكنه سيقرأ نص HTML فقط ، ويتجاهل أي سمات بديلة أو جداول أو أي عناصر HTML أخرى. إنها تختلف عن الطريقة التي سيتعامل بها قارئ الشاشة مع البريد الإلكتروني. تم تصميم المساعدين الصوتيين نحو الراحة ، وليس بالضرورة نحو إمكانية الوصول ، لذا فهم لا يعملون بالطريقة نفسها التي يعمل بها قارئ الشاشة الكامل مثل NVDA ، على سبيل المثال. في كثير من الحالات ، لا تزال بحاجة إلى هاتفك أو الكمبيوتر المحمول الخاص بك للتنقل في المحتوى ، فالمساعد الصوتي يدعمك فقط. للحصول على ملخص كامل حول كيفية تعامل Alexa و Google Home و Siri و Cortana مع البريد الإلكتروني ، قم بضبط حلقة البودكاست هذه.  

ماذا عن صور GIF المتحركة؟ استخدمهم أم لا؟ هل تسببوا مشاكل للقراء؟

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

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

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

• النشرات الإخبارية التي يمكن الوصول إليها
• ملاحظات شخصية يمكن الوصول إليها
• رسائل البريد الإلكتروني للمعاملات التي يمكن الوصول إليها
• إعلانات المنتجات التي يمكن الوصول إليها

كيف يؤثر استخدام الرموز التعبيرية على إمكانية الوصول؟

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

أكبر بيع لهذا العام

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

هل أحتاج إلى تطبيق "role = Presentation" على DIVs أيضًا؟

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

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

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

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

هل يؤثر استخدام خطوط الويب على إمكانية الوصول؟

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

التغيير الوحيد الذي لم نجريه في قالب الكود الخاص بنا هو استخدام العنصر الدلالي للعناوين أو الفقرات. نقوم حاليًا بتنسيق خلية الجدول للنص. ما هي القضايا التي يمكن أن يقدمها هذا للوصول؟

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

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

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

أي اقتراحات بشأن تنسيق النص فقط لإمكانية الوصول؟ أستخدم عدة فواصل بين الأقسام "=" أو "-". كيف يتم التعامل مع هؤلاء؟

أليس : لا يتم غالبًا قراءة الشرطات والشرطات السفلية ، لذا لا بأس بذلك. ومع ذلك ، ستقرأ برامج قراءة الشاشة علامة "يساوي" ، لذلك أوصي بتجنبها.