แนวทางการเข้าถึงอีเมลหรือทำให้อีเมลของคุณเป็นมิตรกับผู้ใช้สำหรับทุกคน

การเข้าถึงอีเมลทำให้อีเมลของคุณเป็นมิตรกับผู้ใช้ทุกคน รวมถึงผู้ทุพพลภาพ เนื่องจากช่วยให้พวกเขารับรู้อีเมลของคุณและโต้ตอบกับพวกเขาได้อย่างง่ายดาย

มีการปรับเปลี่ยนการออกแบบและคัดลอกบางอย่างที่คุณสามารถทำได้เพื่อให้เข้าถึงอีเมลของคุณได้มากขึ้น ในบทความนี้ เราจะอธิบายว่าการใช้ความสามารถในการเข้าถึงจะส่งผลต่อแคมเปญอีเมลของคุณอย่างไร เหตุใดจึงสำคัญ และวิธีนำไปใช้จริง

ทำไมการเข้าถึงจึงสำคัญ

เหตุใดคุณจึงควรกังวลเกี่ยวกับการช่วยสำหรับการเข้าถึง และประโยชน์ของสิ่งนี้จะเป็นประโยชน์ต่อคุณและธุรกิจของคุณอย่างไร ลองดูข้อเท็จจริงบางประการ:

1. โดยทั่วไปแล้ว 15% ของประชากรโลกหรือ 1 พันล้านคน มีความพิการบางอย่าง จากข้อมูลขององค์การอนามัยโลก ประมาณ 1.3 พันล้านคนทั่วโลกอาศัยอยู่กับความบกพร่องทางสายตาบางรูปแบบ: 36 ล้านคนไม่สามารถมองเห็นได้เลย และ 217 ล้านคนมีความบกพร่องทางสายตาในระดับปานกลางถึงรุนแรง อย่างที่คุณบอกได้ ผู้คนจำนวนมากอาจมีปัญหากับสิ่งต่าง ๆ ในแต่ละวัน รวมถึงการโต้ตอบกับอุปกรณ์และการอ่านอีเมล
2. นอกจากนั้น ตลาดผู้ทุพพลภาพยังมีมูลค่า 1.2 ล้านล้านดอลลาร์ในรายได้ทิ้งต่อปี
3. จากการวิจัยล่าสุดของ Cone Communications พบว่า 78% ของคนอเมริกันต้องการให้บริษัทแก้ไขปัญหาสังคม และ 87% จะซื้อผลิตภัณฑ์จากบริษัทที่สนับสนุนปัญหาที่พวกเขาสนใจเป็นการส่วนตัว

ดังนั้น การใช้ความสามารถในการเข้าถึงอีเมล คุณไม่เพียงแต่ทำให้ผู้ชมของคุณกว้างขึ้นและเปิดโอกาสใหม่ๆ เพื่อผลกำไรที่มากขึ้น แต่ยังแสดงความเคารพและความห่วงใยต่อทุกคน ซึ่งเพิ่มความน่าเชื่อถือของคุณในสายตาของผู้ใช้ที่มีความรับผิดชอบต่อสังคมและผู้ทุพพลภาพ

วิธีสร้างอีเมลที่เข้าถึงได้

ในส่วนนี้ เราจะพิจารณาเจ็ดองค์ประกอบที่สามารถช่วยให้คุณเข้าถึงอีเมลของคุณได้มากขึ้นสำหรับทุกคน:

• โครงสร้าง;
• รหัส;
• ข้อความแสดงแทน;
• ลิงค์และปุ่ม;
• แบบอักษร;
• สี;
• ซูมเข้าและออก

นอกจากองค์ประกอบเหล่านี้แล้ว เราแนะนำให้อ่านหลักเกณฑ์การช่วยสำหรับการเข้าถึงโดย The World Wide Web Consortium ซึ่งจะช่วยให้คุณมั่นใจได้ว่าเนื้อหาเว็บของคุณสามารถเข้าถึงได้โดยบุคคลที่มีความทุพพลภาพ

โครงสร้าง

ขั้นแรก ตรวจสอบให้แน่ใจว่าคุณวางเนื้อหาอีเมลของคุณในลำดับที่สมเหตุสมผล เนื่องจากโปรแกรมอ่านหน้าจอเข้าใจเนื้อหาจากซ้ายไปขวาและจากบนลงล่าง อ่านออกเสียงอีเมลของคุณเพื่อดูว่าเข้าใจสำเนาได้ง่ายหรือไม่โดยไม่ต้องดูรูปภาพ

ตัวอย่างเช่น Collaborative Fund มีโครงสร้างเชิงตรรกะที่ดีในอีเมล ดังนั้นจึงง่ายมากที่จะติดตามด้วยตาของคุณและด้วยโปรแกรมอ่านหน้าจอ

สำหรับผู้ที่มีความบกพร่องในการอ่านและบกพร่องทางสติปัญญา การทำความเข้าใจข้อความที่ซับซ้อนขนาดใหญ่อาจเป็นเรื่องยาก นั่นเป็นเหตุผลที่เราแนะนำให้คุณพูดตรงประเด็นในสำเนาของคุณ ทำให้ประโยคของคุณสั้นลง และหลีกเลี่ยงคำที่ยาวหรือศัพท์แสง จัดเรียงหนึ่งความคิดในประโยคเดียวและหนึ่งหัวข้อภายในย่อหน้าเดียว

หากต้องการทดสอบความอ่านง่ายของข้อความ ให้ใช้บริการอย่างเช่น อ่านได้ คุณสามารถวางข้อความของคุณที่นั่น และเครื่องมือจะเน้นประโยคยาวๆ หรือคำที่ซับซ้อนโดยอัตโนมัติ และแนะนำทางเลือกและคำพ้องความหมายที่ง่ายกว่า ดูการใช้งานที่อ่านได้:

รหัส

จากนั้นดูรหัสของคุณ ควรมีองค์ประกอบส่วนหัวเช่น h1 , h2 และแท็กย่อหน้า p เป็นต้น ซึ่งจะช่วยให้โปรแกรมอ่านหน้าจอสามารถนำทางผ่านอีเมลของคุณได้ แท็ก HTML ภาษา lang=”” จะช่วยให้เทคโนโลยีช่วยเหลือใด ๆ เข้าใจว่าโปรไฟล์ภาษาใดที่จะใช้สำหรับเนื้อหา ไปที่รายการแท็กภาษา HTML ทั้งหมดเพื่อค้นหาโค้ดของภาษาที่คุณต้องการ

คุณสามารถใช้เครื่องมือทดสอบอีเมลต่างๆ เพื่อล้างโค้ดและตรวจสอบว่าคุณไม่มีแท็กที่ยังไม่ปิดและปัญหาอื่นๆ

ตัวอย่างเช่น เพื่อหลีกเลี่ยงปัญหาในการแสดงเนื้อหาของคุณอย่างถูกต้องในรูปแบบภาพหรือเสียง คุณสามารถลองใช้ Dirty Markup เพียงวางโค้ดของคุณแล้วคลิก "ล้าง"

ข้อความแสดงแทน

ใส่ข้อความแสดงแทนโดยละเอียดหรือข้อความแสดงแทนสำหรับรูปภาพเสมอ คุณควรสื่อถึงวัตถุประสงค์หรือความหมายของรูปภาพ เพื่อให้สมาชิกที่ใช้เทคโนโลยีอำนวยความสะดวกหรือปิดรูปภาพจะเข้าใจบริบทโดยรวม

ในตัวอย่างจาก Messy Nessy Chic คุณจะเห็นว่าทุกภาพมีข้อความแสดงแทน รวมถึงปุ่มโซเชียลมีเดียที่ส่วนท้ายของอีเมล

หากอีเมลของคุณมีภาพตกแต่ง ซึ่งใช้สำหรับการออกแบบภาพและไม่ได้กำหนดความหมายเฉพาะ คุณควรเพิ่มแอตทริบิวต์ว่าง alt=”” เข้าไป ซึ่งจะทำให้โปรแกรมอ่านหน้าจอข้ามภาพ

ลิงค์และปุ่ม

เมื่อพูดถึงการคัดลอก ให้หลีกเลี่ยงข้อความเช่น "คลิกที่นี่" และวางไฮเปอร์ลิงก์ในบริบทของประโยค ซึ่งจะทำให้ผู้ใช้เข้าใจได้ง่ายขึ้นว่าลิงก์จะเปลี่ยนเส้นทางไปที่ใด และอย่าลืมว่าลิงก์ของคุณควรแยกความแตกต่างจากข้อความรอบข้างได้

ดูตัวอย่างจาก InsightTimer; พวกเขาใช้ข้อความไฮเปอร์ลิงก์ที่สะอาด ซึ่งจะง่ายต่อการเข้าใจแม้กระทั่งกับผู้ที่ไม่สามารถอ่านอีเมลด้วยตนเอง

สำหรับปุ่มคำกระตุ้นการตัดสินใจ ให้ใหญ่พอที่จะแตะด้วยนิ้วหัวแม่มือบนอุปกรณ์ใดก็ได้ ล้อมรอบปุ่มของคุณให้มีพื้นที่สีขาวเพียงพอเพื่อไม่ให้มีการแตะโดยไม่ได้ตั้งใจ

แบบอักษร

ขนาดแบบอักษรในอีเมลที่สามารถเข้าถึงได้ไม่ควรต่ำกว่า 14px นอกจากนี้ คุณควรใช้แบบอักษรที่ปลอดภัยสำหรับเว็บ ซึ่งจะแสดงอย่างถูกต้องบนอุปกรณ์และระบบปฏิบัติการส่วนใหญ่ แบบอักษรเหล่านี้ได้แก่ Arial, Comic Sans, Courier New, Georgia, Impact, Palatino, Tahoma, Trebuchet MS, Times New Roman และ Verdana เรียนรู้เพิ่มเติมเกี่ยวกับการเลือกแบบอักษรที่สมบูรณ์แบบสำหรับอีเมลของคุณในบล็อกของเรา

ยิ่งไปกว่านั้น เราขอแนะนำให้คุณใช้การจัดตำแหน่งซ้ายสำหรับข้อความ ขณะอ่าน การขึ้นบรรทัดใหม่แต่ละบรรทัดเป็นเครื่องยึดเหนี่ยวสายตาของเรา เมื่อการจัดตำแหน่งอยู่กึ่งกลาง ทุกบรรทัดเริ่มต้นที่จุดอื่น ทำให้ผู้ใช้ข้ามจากบรรทัดหนึ่งไปอีกบรรทัดหนึ่ง ด้วยการจัดตำแหน่งที่สมเหตุสมผล ในทางกลับกัน การเว้นวรรคระหว่างคำจะแตกต่างกันทุกครั้ง นั่นคือเหตุผลที่การรักษาจุดยึดภาพนั้นไว้ในที่เดียวกัน หรือใช้การจัดแนวด้านซ้าย เป็นตัวเลือกที่ดีที่สุดสำหรับจุดประสงค์ในการอ่าน

ขอแนะนำให้แบ่งข้อความตามหัวเรื่อง เครื่องหมายคำพูด และการจัดรูปแบบอื่นๆ

Brain Pickings นำเสนออีเมลที่ยาวและหนักมากซึ่งมีเนื้อหาเป็นส่วนใหญ่ แต่ง่ายต่อการ "แยกแยะ" อีเมลเหล่านี้เนื่องจากตัวเลือกการจัดรูปแบบ

สี

ก่อนอื่น คุณควรตรวจสอบว่าสีในอีเมลของคุณมีความคมชัดเพียงพอหรือไม่สำหรับผู้ที่มีปัญหาด้านการมองเห็น ตัวอย่างเช่น ขอแนะนำว่าอัตราส่วนสำหรับข้อความปกติควรมีอย่างน้อย 4.5:1 และ 3:1 สำหรับข้อความที่ขยายใหญ่ขึ้น ซึ่งมักใช้ในส่วนหัว

หากต้องการตรวจสอบความเปรียบต่างที่ดีในแง่ของการเข้าถึงอีเมล คุณสามารถใช้เครื่องมืออย่างเช่น Tanaguru หรือ WebAIM ช่วยให้คุณเห็นอัตราส่วนคอนทราสต์ของพื้นหน้าและพื้นหลังของคุณ Are My Colours Accessible เป็นอีกตัวเลือกที่ดีในการตรวจสอบว่าอีเมลของคุณเข้าใจได้ง่ายหรือไม่

ตัวอย่างเช่น หากเราตรวจสอบการผสมข้อความสีดำมาตรฐานและพื้นหลังสีขาว เราจะพบว่าอัตราส่วนคอนทราสต์สูงมาก: 21:1 อย่างไรก็ตาม เมื่อเราเปลี่ยนสีพื้นหลังเป็นสีส้ม อัตราส่วนจะลดลงเหลือ 10.63:1

ซูมเข้าออก

สำหรับผู้ใช้ที่มีความบกพร่องทางการมองเห็น มักใช้การตั้งค่าการซูมเพื่อเพิ่มขนาดของข้อความและองค์ประกอบภาพอื่นๆ บนหน้าจอ ดังนั้นให้ตรวจสอบว่าเป็นไปได้หรือไม่ที่จะซูมอีเมลของคุณเป็นอย่างน้อย 200% โดยไม่สูญเสียคุณภาพของเนื้อหา

ด้านล่างนี้ คุณจะเห็นส่วนย่อยของอีเมล The Futur ที่เราซูมไปถึง 200% — เนื้อหาอีเมลทั้งหมดยังคงมองเห็นได้และสามารถอ่านได้อย่างชัดเจน

รวมๆแล้ว

เมื่อสร้างอีเมลที่สามารถเข้าถึงได้ ให้พยายามคำนึงถึงประเด็นเหล่านี้:

1. รักษาโครงสร้างการอ่านเชิงตรรกะของอีเมลของคุณ
2. ใช้รหัสที่สะอาดพร้อมแท็กที่เหมาะสมที่อุปกรณ์ช่วยเหลือกำหนด
3. ใส่ข้อความแสดงแทนข้อมูลสำหรับแต่ละภาพในอีเมลของคุณ รวมถึงปุ่มโซเชียลมีเดียและโลโก้ของคุณ
4. ตรวจสอบให้แน่ใจว่าลิงก์และปุ่มทั้งหมดของคุณใช้งานได้ หรือโต้ตอบได้ง่าย
5. เก็บแบบอักษรของคุณไว้อย่างน้อย 14px ใช้การจัดรูปแบบที่เหมาะสม และจัดข้อความของคุณไปทางซ้าย
6. ใช้คอนทราสต์ที่ดีระหว่างสีพื้นหลังและสีพื้นหน้า
7. ตรวจสอบให้แน่ใจว่าเนื้อหาของคุณสามารถซูมได้อย่างน้อย 200% โดยไม่สูญเสียเนื้อหา

การใช้การเข้าถึงอีเมลโดยไม่ต้องมีประสบการณ์มาก่อนอาจเป็นเรื่องที่น่ากลัว อย่างไรก็ตาม เมื่อคุณวิเคราะห์ผลกระทบที่อาจเกิดขึ้น เห็นได้ชัดว่างานนี้คุ้มค่าที่จะทำ ลองใช้ SendPulse เพื่อสร้างเทมเพลตอีเมลที่สะอาดและเข้าถึงได้ และส่งไปยังสมาชิกของคุณทั้งหมด