การสร้างและออกแบบเนื้อหาที่เข้าถึงได้ง่ายมีมากกว่าแค่การเลือกแบบอักษรที่อ่านง่าย แม้จะใช้ชุดแบบอักษรที่เข้าถึงได้ง่าย ผู้มีสายตาเลือนราง สติปัญญา ภาษา และความบกพร่องทางการเรียนรู้ก็อาจประมวลผลข้อความได้ยากเนื่องจากองค์ประกอบอื่นๆ เช่น รูปแบบตัวอักษร ขนาด ระยะห่าง และการเว้นช่องไฟ เป็นต้น โมดูลนี้จะดูข้อควรพิจารณาเกี่ยวกับการออกแบบพื้นฐาน เพื่อทำให้เนื้อหาของคุณไม่แบ่งแยกและเข้าถึงผู้คนได้มากขึ้น
ลักษณะแบบอักษร
ปัจจัยสำคัญที่มีผลต่อความสามารถในการคัดลอกข้อความได้อย่างมากคือแบบอักษร ลักษณะแบบอักษรและการจัดรูปแบบที่คุณเลือกอาจเป็นอุปสรรคต่อการออกแบบของหน้าได้
ผู้ที่มีความผิดปกติด้านการอ่าน การเรียนรู้ และความสนใจ เช่น ความบกพร่องในการอ่านและโรคสมาธิสั้น (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)
- หลีกเลี่ยงการจัดย่อหน้าให้เท่ากัน ซึ่งจะสร้าง "ขอบเขตพื้นที่" ภายในข้อความ
สรุปสาระสำคัญเกี่ยวกับการพิมพ์ตัวอักษรที่เข้าถึงได้
ตัวอักษรที่เข้าถึงได้อาจเน้นทางเลือกในการออกแบบที่คนทั่วไปเข้าใจได้จากความรู้ความต้องการของผู้ใช้ การคำนึงถึงโมดูลนี้ขณะออกแบบและสร้างเนื้อหาจะช่วยให้คุณสื่อสารได้อย่างชัดเจนถึงผู้ใช้จำนวนมากที่สุด
ตรวจสอบความเข้าใจของคุณ
ทดสอบความรู้เกี่ยวกับการวัดผลการช่วยเหลือพิเศษ
ฉันควรใช้คอนทราสต์สูงระหว่างสำเนาและพื้นหลังเพื่อให้ข้อความที่อ่านง่าย
แบบอักษรใดเหมาะกับการช่วยเหลือพิเศษมากที่สุด