การพิมพ์

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

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

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

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

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

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

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

ลักษณะของตัวอักษรและการจัดช่องไฟ

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

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

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

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

เมื่อคุณค้นหารูปแบบตัวอักษรถัดไปของคุณ ให้พิจารณาข้อมูลต่อไปนี้เป็นพิเศษ:

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

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

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

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

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

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

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

โครงสร้างและรูปแบบ

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

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

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

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

การเว้นพื้นที่

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

ความสอดคล้องกันของเนื้อหา

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

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

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

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

เมื่อพิจารณาโครงสร้างและเลย์เอาต์ ให้คำนึงถึงสิ่งต่อไปนี้

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

สรุปสาระสำคัญเกี่ยวกับการพิมพ์ตัวอักษรที่เข้าถึงได้

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

ตรวจสอบความเข้าใจของคุณ

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

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

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

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

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