วิธีสร้างอีเมลสำหรับทุกคนใน 3 ขั้นตอนง่ายๆ: การบันทึกการสัมมนาผ่านเว็บ + คำถาม & คำตอบ

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

การใช้แนวทางปฏิบัติที่ดีที่สุดในการช่วยสำหรับการเข้าถึงนั้นง่ายกว่าที่คุณคิด ในการสัมมนาผ่านเว็บนี้ Jason Rodriguez และ Alice Li ผู้เชี่ยวชาญด้านการช่วยการเข้าถึงของ Litmus ได้พูดถึงสถิติและการวิจัยที่พิสูจน์ว่าการลงทุนในด้านการช่วยเหลือพิเศษนั้นคุ้มค่า และแชร์ 3 ขั้นตอนที่คุณจะต้องทำเพื่อสร้างอีเมลที่ดียิ่งขึ้นสำหรับทุกคน

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

ถาม-ตอบ

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

คุณคำนึงถึงข้อ จำกัด ด้านความรู้ความเข้าใจอย่างไร?

Bettina : มีความบกพร่องทางสติปัญญาหลายประเภท ตั้งแต่มีปัญหาในการจดจำสิ่งต่าง ๆ หรือให้ความสนใจกับ dyslexia หรือออทิสติก แต่ละเงื่อนไขเหล่านี้ไม่เหมือนกัน แต่การปฏิบัติตามคำแนะนำในส่วนการเขียนคำโฆษณาและการออกแบบของการสัมมนาผ่านเว็บนี้จะช่วยให้ผู้ที่มีข้อจำกัดด้านความรู้ความเข้าใจสามารถเข้าถึงอีเมลของคุณได้มากขึ้น ตัวอย่างเช่น เก็บสำเนาอีเมลของคุณให้ชัดเจนและรัดกุม และหลีกเลี่ยงการใช้คำหรือศัพท์เฉพาะที่ยาก รักษาเลย์เอาต์ของคุณให้เรียบง่ายและพัฒนาลำดับชั้นที่มองเห็นได้ชัดเจน ซึ่งทำให้ผู้ติดตามสแกนอีเมลของคุณได้ง่าย และเข้าใจอย่างรวดเร็วว่าอะไรสำคัญ (และไม่สำคัญ)

โปรแกรมอ่านหน้าจอที่ใช้บ่อยที่สุดคืออะไร? คุณทดสอบมันอย่างไร?

อลิซ: สองมากที่สุดโปรแกรมอ่านหน้าจอที่เป็นที่นิยมและ NVDA JAWS NVDA เป็นเครื่องมือโอเพนซอร์ซฟรีที่พัฒนาโดย NV Access ซึ่งเป็นองค์กรที่น่าทึ่งที่ทุ่มเทการทำงานเพื่อทำให้เทคโนโลยีสามารถเข้าถึงได้มากขึ้นสำหรับผู้ที่มีความบกพร่องทางสายตา JAWS เป็นเครื่องมืออ่านหน้าจอตามการสมัครรับข้อมูลยอดนิยม

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

นอกจากนี้ ระบบปฏิบัติการที่ทันสมัยทั้งหมดยังรองรับการอ่านหน้าจอแบบเนทีฟบางประเภทอีกด้วย บน Mac, ตัวอย่างเช่นมันเป็นเรื่องที่เป็น VoiceOver

แบรนด์ใดบ้างที่เพิ่มประสิทธิภาพอีเมลเพื่อการเข้าถึงได้ดีเยี่ยม ฉันชอบแรงบันดาลใจ!

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

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

ข้อมูลเชิงลึกเกี่ยวกับเครื่องมืออย่าง “Alexa” หรือ “Siri” ที่แตกต่างจากโปรแกรมอ่านหน้าจออื่นๆ อย่างไร หรือคุณลักษณะ "อ่านออกเสียง" ของ Outlook?

เจสัน : ใน ตอนล่าสุดของ Delivering podcast ผมได้ลงลึกถึงผู้ช่วยเสียง ฉันพบว่า Alexa เป็นคนเดียวที่ อ่าน อีเมลของคุณ อย่างแท้จริง แต่จะอ่านเฉพาะข้อความ HTML โดยไม่สนใจแอตทริบิวต์ alt ตาราง หรือองค์ประกอบ HTML อื่นๆ แตกต่างจากวิธีที่โปรแกรมอ่านหน้าจอจัดการกับอีเมล ระบบสั่งงานด้วยเสียงนั้นเน้นไปที่ความสะดวก ไม่จำเป็นต้องเป็นการช่วยเหลือพิเศษ ดังนั้นจึงไม่ได้ทำงานแบบเดียวกับโปรแกรมอ่านหน้าจอแบบเต็มรูปแบบเช่น NVDA เป็นต้น ในหลายกรณี คุณยังคงต้องใช้โทรศัพท์หรือแล็ปท็อปของคุณเพื่อไปยังส่วนต่างๆ ของเนื้อหา ผู้ช่วยเสียงจะสนับสนุนคุณเท่านั้น หากต้องการทราบรายละเอียดทั้งหมดเกี่ยวกับวิธีที่ Alexa, Google Home, Siri และ Cortana จัดการกับอีเมล โปรด ติดตามตอนของพอดแคสต์นี้  

แล้ว GIF แบบเคลื่อนไหวล่ะ ใช้พวกเขาหรือไม่? พวกเขาสร้างปัญหาให้กับผู้อ่านหรือไม่?

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

ฉันจะหาตัวอย่างเทมเพลตอีเมลที่สามารถเข้าถึงได้ได้ที่ไหน

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

• จดหมายข่าวที่สามารถเข้าถึงได้
• บันทึกส่วนตัวที่เข้าถึงได้
• อีเมลธุรกรรมที่เข้าถึงได้
• ประกาศสินค้าที่เข้าถึงได้

การใช้อีโมจิส่งผลต่อการช่วยสำหรับการเข้าถึงอย่างไร

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

ยอดขายสูงสุดแห่งปี

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

ฉันจำเป็นต้องใช้ “บทบาท=การนำเสนอ” กับ DIV ด้วยหรือไม่

อลิซ : ไม่ ! บทบาท=”การนำเสนอ” มีวัตถุประสงค์เพื่อบอกให้โปรแกรมอ่านหน้าจอละเว้นความหมายเชิงความหมายของแท็ก ดังนั้นตารางจึงจำเป็นต้องใช้เพราะข้อมูลแบบตาราง เช่น กราฟ ต้องการข้อมูลคอลัมน์และแถวทั้งหมดเพื่อให้ผู้คนนำทางและทำความเข้าใจได้อย่างถูกต้อง ในอีเมล นักพัฒนามักใช้ตารางสำหรับการนำเสนอแทนที่จะเป็นข้อมูลแบบตาราง ซึ่งเป็นสาเหตุที่ตารางต้องการสิ่งนี้ ในทางกลับกัน DIV ไม่ได้มีความหมายเชิงความหมายที่จะต้องถูกแทนที่สำหรับโปรแกรมอ่านหน้าจอ

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

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

หากไม่มีวิธีที่จะทำให้ลูกค้าของคุณมาถูกทาง สิ่งที่คุณทำได้ก็คือปรับมุมมองภาพปิดด้วยข้อความ ALT ( คุณยังสามารถจัดรูปแบบข้อความ ALT นั้นได้ ) และใช้ ปุ่มกันกระสุน เพื่อให้ CTA ของคุณเป็นอย่างน้อย ยังคงทำงานเมื่อปิดใช้งานรูปภาพ

การใช้แบบอักษรเว็บส่งผลต่อการช่วยสำหรับการเข้าถึงหรือไม่

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

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

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

โปรแกรมอ่านหน้าจอสามารถอ่านอักขระพิเศษ เช่น apostrophes หยิก เครื่องหมายคำพูด เครื่องหมายและ ฯลฯ ได้หรือไม่

อลิซ : มันขึ้นอยู่กับ. เครื่องหมายแอมเพอร์แซนด์มักจะอ่านว่า “และ” เครื่องหมายอัญประกาศและเครื่องหมายอะพอสทรอฟีแบบหยักจะถูกละเว้นเช่นเดียวกับที่บางคนอาจไม่ออกเสียงในขณะที่อ่านออกเสียงบางอย่าง อักขระพิเศษอื่นๆ จะพิจารณาเป็นกรณีๆ ไป เช่น อ่านหัวข้อย่อยเป็น "สัญลักษณ์แสดงหัวข้อย่อย" ฉันมักจะแนะนำให้ทำการทดสอบเสมอเพื่อให้แน่ใจ

ข้อเสนอแนะใด ๆ เกี่ยวกับการจัดรูปแบบข้อความเพื่อการช่วยสำหรับการเข้าถึงเท่านั้น ฉันใช้ตัวแบ่ง "=" หรือ "-" หลายตัวระหว่างส่วนต่างๆ มีการจัดการอย่างไร?

อลิซ : ขีดกลางและขีดล่างมักจะไม่อ่านออก ดังนั้นก็ไม่เป็นไร อย่างไรก็ตาม โปรแกรมอ่านหน้าจอจะอ่านเครื่องหมาย "เท่ากับ" ดังนั้นฉันขอแนะนำให้หลีกเลี่ยง