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