การสร้างและออกแบบเนื้อหาที่เข้าถึงได้ง่ายเป็นมากกว่าการเลือก แบบอักษรที่อ่านง่าย แม้แต่ชุดแบบอักษรที่เข้าถึงได้ แต่สำหรับผู้ที่มีสายตาเลือนราง ความบกพร่องทางสติปัญญา ภาษา และความบกพร่องทางการเรียนรู้อาจพบปัญหาในการประมวลผลข้อความ จากองค์ประกอบอื่นๆ เช่น รูปแบบของแบบอักษร ขนาด ระยะห่าง และช่องไฟ เป็นต้น โมดูลนี้จะอธิบายถึง ข้อควรพิจารณาเบื้องต้นเกี่ยวกับ การออกแบบ เนื้อหาของคุณมีความครอบคลุมมากขึ้น และเข้าถึงผู้คนได้มากยิ่งขึ้น
ลักษณะแบบอักษร
ปัจจัยสำคัญที่อาจส่งผลต่อความสามารถในการเข้าถึงข้อความอย่างมากคือแบบตัวพิมพ์ การเลือกแบบตัวพิมพ์และการจัดรูปแบบอาจทำให้การออกแบบหน้าเว็บยุ่งยากขึ้น
ผู้ที่มีความผิดปกติเกี่ยวกับการอ่าน การเรียนรู้ และความสนใจ เช่น โรคดิสเล็กเซียและโรคสมาธิสั้น (ADHD) รวมถึงผู้ที่มีสายตาเลือนราง จะได้รับประโยชน์เมื่อคุณใช้งานแบบตัวอักษรที่สามารถเข้าถึงได้
เลือกแบบตัวพิมพ์ที่ใช้บ่อย วิธีที่รวดเร็วที่สุดในการสร้างการออกแบบที่เข้าถึงได้ง่ายคือการเลือกแบบตัวพิมพ์ที่ใช้กันทั่วไป (เช่น Arial, Times New Roman, Calibri, Verdana และอื่นๆ อีกมากมาย)
การศึกษาแบบพิมพ์จำนวนมากที่ทดสอบผู้พิการแสดงให้เห็นว่าแบบพิมพ์ทั่วไปช่วยให้อ่านได้เร็วขึ้นและมีความเข้าใจที่ลึกซึ้งยิ่งขึ้นเมื่อเทียบกับแบบแบบอักษรที่ไม่เป็นที่นิยม แม้ว่าโดยปกติแบบตัวพิมพ์เหล่านี้จะเข้าถึงไม่ได้ง่ายกว่าแบบตัวพิมพ์แบบอื่นๆ แต่ผู้พิการบางคนก็อ่านได้ง่ายขึ้นเพราะเคยมีประสบการณ์มากมายในการทำงานกับ (หรือกับ) แบบตัวพิมพ์เหล่านี้
นอกจากการเลือกแบบตัวพิมพ์ที่ใช้กันทั่วไปแล้ว โปรดหลีกเลี่ยงการใช้แบบตัวพิมพ์ที่หรูหราหรือเขียนด้วยลายมือ รวมทั้งแบบที่มีตัวพิมพ์เพียงตัวอักษรเดียว (เช่น ใช้ตัวอักษรพิมพ์ใหญ่เท่านั้น) แบบตัวพิมพ์พิเศษที่มีการออกแบบตัวอักษรคัดลายมือ รูปทรงแปลกประหลาด หรือลักษณะทางศิลปะ เช่น เส้นบางๆ อาจดูดี แต่ผู้ที่มีความบกพร่องบางคนจะอ่านได้ยากกว่าแบบตัวพิมพ์ทั่วไป
ลักษณะของตัวอักษรและการจัดช่องไฟ
การค้นคว้าว่าแบบอักษร Serif หรือ Sans Serif สามารถทำได้ง่ายกว่า อ่านแล้วไม่มีผลสรุปแน่ชัด แต่ตัวเลข ตัวอักษร หรือชุดค่าผสมบางอย่างอาจทำให้สับสน ผู้มีความบกพร่องทางภาษาและความบกพร่องทางสติปัญญา สำหรับผู้พิการประเภทนี้ ตัวอักษรและตัวเลขทุกตัวต้องเป็น อธิบายไว้ชัดเจนและมีลักษณะเฉพาะ เพื่อไม่ให้ตัวอักษรเกิดความสับสน ด้วยตัวเลข
ผู้กระทำผิดที่อ่านง่ายออกบ่อย คือ "I" ตัวพิมพ์ใหญ่ (อินเดีย) ตัวพิมพ์เล็ก "l" (ผักกาดหอม) และเลข "1" คู่ตัวอักษร เช่น b/d, p/q, f/t, i/j หน่วย m/w และ n/u อาจพลิกจากซ้ายไปขวาหรือขึ้นลงสำหรับผู้อ่านบางคนได้ในบางครั้ง
ความอ่านง่ายของสำเนายังลดลงเมื่อช่องว่างระหว่างตัวอักษรหรือช่องไฟด้วยเช่นกัน กระชับ ให้ความสนใจเป็นพิเศษกับการจัดช่องไฟ โดยเฉพาะระหว่างช่องที่เป็นปัญหา คู่ตัวอักษร r/n ไม่เช่นนั้น คำอย่างเช่น "ไหมพรม" อาจเปลี่ยนเป็น "yam" หรือ "stern" เพื่อ "stem" เปลี่ยนความหมายของข้อความไปโดยสิ้นเชิง
คอลเล็กชันแบบอักษรโอเพนซอร์ส เช่น Google Fonts จะช่วยคุณเลือกแบบตัวพิมพ์ที่ครอบคลุมที่สุดสำหรับการออกแบบครั้งต่อไปของคุณ หากใช้ผลิตภัณฑ์ Adobe คุณสามารถฝังชุดแบบอักษรที่เข้าถึงได้จาก Foundry เหล่านี้โดยตรงในการออกแบบ ซึ่งรวมถึงการเลือก Google Fonts
เมื่อคุณมองหาแบบอักษรถัดไป ควรให้ความสนใจเป็นพิเศษในเรื่องต่อไปนี้:
- ใช้แบบอักษรทั่วไปเมื่อเป็นไปได้
- หลีกเลี่ยงการใช้แบบอักษรที่ซับซ้อนหรือเขียนด้วยลายมือ รวมทั้งแบบอักษรที่มีอักษรตัวพิมพ์เล็กใหญ่เพียงตัวเดียว
- เลือกแบบตัวพิมพ์ที่มีลักษณะเฉพาะ โดยให้ความสนใจเป็นพิเศษกับตัวพิมพ์ I ตัวพิมพ์เล็ก l และ 1
- ตรวจสอบชุดค่าผสมของตัวอักษรบางตัวเพื่อให้แน่ใจว่าไม่ใช่ภาพที่สะท้อนของอีกแบบหนึ่งทุกประการ
- ตรวจสอบช่องไฟ โดยเฉพาะระหว่างคู่ตัวอักษร r/n
ขนาดแบบอักษรและการจัดรูปแบบตัวอักษร
ผู้คนมักคิดว่าการเลือกชุดแบบอักษรที่เข้าถึงได้ง่ายเป็นสิ่งสำคัญในการสร้างเนื้อหาที่ไม่แบ่งแยก แต่การพิจารณาขนาดแบบอักษรและวิธีการจัดสไตล์ข้อความในหน้าเว็บก็เป็นสิ่งสำคัญเช่นกัน
ตัวอย่างเช่น ผู้ที่มีสายตาเลือนรางหรือตาบอดสีอาจไม่สามารถอ่านสำเนาบางฉบับได้ หากมีขนาดเล็กเกินไป การอ่านสำเนาหนังสือโดยใช้ AT เช่น การซูมเบราว์เซอร์ ในขณะที่ผู้ใช้รายอื่นๆ เช่น ผู้ที่เป็นโรคดิสเล็กเซียหรือความผิดปกติเกี่ยวกับการอ่าน อาจมีปัญหาในการอ่านข้อความตัวเอียง โปรแกรมอ่านหน้าจอมักไม่สนใจวิธีการจัดรูปแบบ เช่น ตัวหนาและตัวเอียง จึงไม่แสดงเจตนาของสไตล์เหล่านี้ต่อผู้ใช้ที่ตาบอดหรือมีสายตาเลือนราง
h2 {font-size: 16px;}
h2 {font-size: 1rem;}
เนื่องจากคุณไม่สามารถคาดเดาความต้องการของผู้ใช้ทุกคนได้ ดังนั้นเมื่อเพิ่มแบบอักษรลงในผลิตภัณฑ์ดิจิทัลของคุณ โปรดตรวจสอบหลักเกณฑ์ต่อไปนี้
- ขนาดแบบอักษรพื้นฐานควรกำหนดด้วยค่าสัมพัทธ์ (%, rem หรือ em) ต่อ ทำให้ปรับขนาดได้ง่าย
- จำกัดจำนวนรูปแบบแบบอักษร เช่น สี ตัวหนา ตัวพิมพ์ใหญ่ทั้งหมด และ ตัวเอียงเพื่อให้อ่านง่ายขึ้น แต่ให้ใช้วิธีการเพื่อเน้นคำต่างๆ ใน เช่น เครื่องหมายดอกจัน เครื่องหมายขีดกลาง หรือการไฮไลต์คำแต่ละคำ
- ใช้มาร์กอัปแทนข้อความในรูปภาพหากเป็นไปได้ โปรแกรมอ่านหน้าจอทำไม่ได้ อ่านข้อความที่ฝังในรูปภาพ (โดยไม่ต้องเพิ่มโค้ดเพิ่มเติม) และข้อความที่ฝัง อาจกลายเป็นภาพแตกเมื่อขยายโดยผู้ใช้ที่มีสายตาเลือนราง
โครงสร้างและเลย์เอาต์
แม้ว่าแบบอักษร ขนาดแบบอักษร และการจัดรูปแบบตัวอักษรเป็นสิ่งสำคัญต่อการเข้าถึง การพิมพ์ โครงสร้าง และรูปแบบของข้อความบน ก็มีความสำคัญต่อความเข้าใจของผู้ใช้ได้เช่นเดียวกัน
เลย์เอาต์ที่ซับซ้อนอาจเป็นอุปสรรคอย่างมากสำหรับผู้ที่มีสายตาเลือนราง อ่านหนังสือ ความพิการ และผู้คน 6.1 ล้านคนในสหรัฐอเมริกาที่มีภาวะสมาธิสั้น (ADHD) ความพิการประเภทนี้ทำให้ไม่สามารถดูแล และปฏิบัติตามขั้นตอนของข้อความ เนื่องจากไม่มีเส้นทางเชิงเส้นที่ชัดเจน ไม่มีส่วนหัวและองค์ประกอบที่ไม่ได้จัดกลุ่ม
แง่มุมสำคัญของการออกแบบเลย์เอาต์ที่เข้าถึงได้ง่ายคือการทำให้องค์ประกอบสำคัญ ที่แยกจากกันและจัดกลุ่มองค์ประกอบที่คล้ายกันไว้ด้วยกัน หาก องค์ประกอบอยู่ใกล้กันเกินไป ทำให้บอกได้ยากว่าองค์ประกอบหนึ่งเริ่มต้นที่ใด และลงตัวกัน โดยเฉพาะหากมีการจัดรูปแบบคล้ายกัน
ให้คิดว่าข้อความของคุณเป็นชุด หัวข้อย่อยแต่ละรายการใน โครงร่าง ซึ่งจะช่วยให้คุณวางแผนโครงสร้างหน้าเว็บโดยรวม และช่วยให้คุณ โดยใช้ส่วนหัว ส่วนหัวย่อย และรายการตามความเหมาะสม
การเว้นวรรค
ย่อหน้า ประโยค และระยะห่างของคำก็มีความสำคัญเช่นกันเนื่องจากจะช่วยให้ผู้อ่านคงโฟกัสที่ข้อความเพื่อเพิ่มความเข้าใจผ่านภาพโดยรวมของหน้า ข้อความยาวๆ อาจเป็นอุปสรรคสำหรับผู้อ่านที่มีความพิการ เนื่องจากมีปัญหาในการรักษาตำแหน่งและไม่ไปตามเนื้อหาของข้อความ บล็อกข้อความแคบๆ ทำให้ผู้อ่านอ่านบรรทัดถัดไปได้ง่ายขึ้น
การจัดแนวเนื้อหา
ความไม่สบายใจอีกอย่างสำหรับคนพิการจำนวนมากก็คือการอ่านเหตุผล คัดลอก การเว้นวรรคที่ไม่เท่ากันระหว่างคำต่างๆ ในข้อความที่เหมาะสมนั้นอาจทำให้เกิด "ร่องรอยที่ พื้นที่ทำงาน" ในการก่อตัวเป็นรูปหน้าล่างของหน้า ทำให้ข้อความอ่านยาก
การจัดข้อความชิดขอบอาจทำให้คำรวมกลุ่มไว้ด้วยกันหรือ ผิดธรรมชาติ ดังนั้นผู้อ่านอาจหาคำได้ยาก บ้างก็ได้
โชคดีที่เรามีหลักเกณฑ์เกี่ยวกับการเว้นระยะห่างและเครื่องมือที่ชัดเจน เช่น เส้นควรสูงดี และเครื่องคำนวณอัตราส่วนทองคำ เพื่อช่วยให้เนื้อหาของเราเข้าถึงได้ง่ายขึ้น การใช้หลักเกณฑ์เหล่านี้จะช่วยให้ผู้ที่เป็นโรคสมาธิสั้น มีความบกพร่องทางการอ่าน และความบกพร่องทางการมองเห็นสามารถจดจ่อกับข้อความได้มากขึ้นและลดจำนวนเลย์เอาต์
แนวทางปฏิบัติแนะนำสำหรับโครงสร้างและเลย์เอาต์
เมื่อพิจารณาโครงสร้างและเลย์เอาต์ อย่าลืมทำสิ่งต่อไปนี้
- ใช้องค์ประกอบต่างๆ เช่น ส่วนหัว ส่วนหัวย่อย รายการ ตัวเลข เครื่องหมายอัญประกาศ และ การจัดกลุ่มภาพอื่นๆ เพื่อแบ่งหน้าเว็บออกเป็นส่วนต่างๆ
- ใช้ย่อหน้า ประโยค และระยะห่างของคำที่กำหนดไว้อย่างชัดเจน
- สร้างคอลัมน์ของข้อความที่มีความกว้างไม่เกิน 80 อักขระ (40 อักขระสำหรับโลโก้แกรม)
- หลีกเลี่ยงการจัดย่อหน้าให้ตรงขอบ ซึ่งจะทำให้เกิด "ขอบช่องว่าง" ภายใน สำเนา
สรุปประเด็นสำคัญเกี่ยวกับการออกแบบตัวอักษรที่เข้าถึงได้ง่าย
รูปแบบตัวอักษรที่เข้าถึงได้ง่าย แบ่งออกเป็นการออกแบบแบบต่างๆ แบบสามัญสำนึก เกี่ยวกับความรู้ของผู้ใช้ ความต้องการ อย่าลืมนึกถึงโมดูลนี้อยู่เสมอ ในการออกแบบและสร้างสรรค์เนื้อหาของคุณ จะช่วยคุณได้นานขึ้น สื่อสารกับผู้คนจำนวนมากที่สุดอย่างชัดเจน
ตรวจสอบความเข้าใจ
ทดสอบความรู้ของคุณเกี่ยวกับการวัดผลการช่วยเหลือพิเศษ
สำหรับข้อความที่อ่านได้ ฉันควรใช้คอนทราสต์สูงระหว่างสำเนากับพื้นหลังเสมอ
แบบอักษรใดเหมาะกับการช่วยเหลือพิเศษมากที่สุด