การพิมพ์

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

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

ลักษณะแบบอักษร

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

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

เลือกแบบอักษรทั่วไปวิธีสร้างการออกแบบที่เข้าถึงได้ง่ายที่สุดคือการเลือกแบบอักษรทั่วไป (เช่น Arial, Times New Roman, Calibri, Verdana และอื่นๆ อีกมากมาย)

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

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

ลักษณะของตัวอักษรและการเว้นวรรค

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

ตัวอย่างคำที่อ่านยากที่พบบ่อย ได้แก่ "I" ตัวพิมพ์ใหญ่ (India), "l" ตัวพิมพ์เล็ก (lettuce) และตัวเลข "1" ในทำนองเดียวกัน คู่ตัวอักษรอย่าง b/d, p/q, f/t, i/j, m/w และ n/u อาจกลับซ้าย-ขวาหรือขึ้น-ลงสำหรับผู้อ่านบางรายในบางครั้ง

นอกจากนี้ ความอ่านง่ายของข้อความจะลดลงเมื่อการเว้นวรรคระหว่างตัวอักษรหรือการถอดตัวอักษรชิดกันเกินไป โปรดระมัดระวังเป็นพิเศษในเรื่องระยะห่างระหว่างอักขระ โดยเฉพาะระหว่างคู่อักขระ r/n ที่มีปัญหา ไม่เช่นนั้น คําอย่าง "yarn" อาจเปลี่ยนเป็น "yam" หรือ "stern" อาจเปลี่ยนเป็น "stem" ซึ่งทำให้ความหมายของข้อความเปลี่ยนไปโดยสิ้นเชิง

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

เมื่อมองหาแบบอักษรแบบถัดไป ให้คำนึงถึงสิ่งต่อไปนี้เป็นพิเศษ

  • ใช้แบบอักษรทั่วไปเมื่อเป็นไปได้
  • หลีกเลี่ยงการใช้แบบอักษรที่มีลวดลายมากหรือแบบอักษรที่เขียนด้วยลายมือ รวมถึงแบบอักษรที่มีอักขระแบบตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็กเพียงแบบเดียว
  • เลือกแบบอักษรที่มีลักษณะเฉพาะตัว โดยให้ความสนใจเป็นพิเศษกับตัวพิมพ์ใหญ่ I, ตัวพิมพ์เล็ก l และ 1
  • ตรวจสอบชุดตัวอักษรบางชุดว่าไม่ได้เป็นภาพสะท้อนที่ตรงกันทุกประการ
  • ตรวจสอบระยะห่างระหว่างอักขระ โดยเฉพาะระหว่างคู่อักขระ r และ n

ขนาดแบบอักษรและการจัดรูปแบบตัวอักษร

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

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

ไม่ควรทำ
h2 {font-size: 16px;}
ควรทำ
h2 {font-size: 1rem;}

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

  • ควรกําหนดขนาดแบบอักษรฐานด้วยค่าสัมพัทธ์ (%, rem หรือ em) เพื่ออนุญาตให้ปรับขนาด
  • จำกัดจำนวนรูปแบบแบบอักษร เช่น สี ตัวหนา ตัวพิมพ์ใหญ่ล้วน และตัวเอียง เพื่อเพิ่มความสามารถในการอ่าน แต่ให้ใช้วิธีเน้นคําในข้อความแทน เช่น เครื่องหมายดอกจัน เครื่องหมายขีดกลาง หรือการไฮไลต์คําแต่ละคํา
  • ใช้มาร์กอัปแทนข้อความในรูปภาพทุกครั้งที่เป็นไปได้ โปรแกรมอ่านหน้าจออ่านข้อความที่ฝังในรูปภาพไม่ได้ (หากไม่ได้เพิ่มโค้ดพิเศษ) และข้อความที่ฝังอาจแตกเป็นพิกเซลเมื่อผู้ใช้ที่มีสายตาไม่ดีขยาย

โครงสร้างและเลย์เอาต์

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

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

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

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

การเว้นวรรค

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

ข้อความที่แบ่งเป็นย่อหน้าแคบๆ จะช่วยให้ผู้อ่านอ่านบรรทัดถัดไปได้ง่ายขึ้น

การปรับเนื้อหา

อีกสิ่งที่ทำให้คนพิการจำนวนมากไม่พอใจคือการอ่านข้อความที่มีการจัดวางแบบชิดขอบ ระยะห่างที่ไม่เท่ากันระหว่างคำในข้อความที่กําหนดค่าให้ชิดขอบอาจทําให้เกิด "ช่องว่างมากมาย" ลงท้ายหน้า ซึ่งทําให้อ่านข้อความได้ยาก

นอกจากนี้ การจัดข้อความชิดขอบยังอาจทำให้คำยืดออกหรืออยู่ชิดกันจนดูไม่เป็นธรรมชาติ ทำให้ผู้อ่านหาขอบเขตของคำได้ยาก

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

แนวทางปฏิบัติแนะนำสำหรับโครงสร้างและเลย์เอาต์

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

  • ใช้องค์ประกอบต่างๆ เช่น ส่วนหัว ส่วนหัวย่อย รายการ ตัวเลข บล็อกคำพูด และการจัดกลุ่มภาพอื่นๆ เพื่อแบ่งหน้าออกเป็นส่วนๆ
  • ใช้ย่อหน้า ประโยค และระยะห่างระหว่างคำที่ชัดเจน
  • สร้างคอลัมน์ข้อความที่มีความกว้างน้อยกว่า 80 อักขระ (40 อักขระสําหรับโลโกแกรม)
  • หลีกเลี่ยงการจัดแนวย่อหน้าแบบจัดตรง ซึ่งจะทำให้เกิด "ช่องว่าง" ตรงกลางข้อความ

สรุปเกี่ยวกับแบบอักษรที่เข้าถึงได้

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

ทดสอบความเข้าใจ

ทดสอบความรู้เกี่ยวกับการวัดการช่วยเหลือพิเศษ

หากต้องการให้ข้อความอ่านง่าย ฉันควรใช้สีของข้อความและพื้นหลังที่คอนทราสต์สูงเสมอ

จริง
เท็จ

ฟอนต์ใดที่เหมาะสำหรับการช่วยเหลือพิเศษมากที่สุด

ตัวอักษรที่เข้าถึงได้
แบบอักษรของระบบ เช่น Arial และ Verdana
ไม่สำคัญเลย