ข้อมูลเบื้องต้นเกี่ยวกับการเข้าถึง: ตอนที่ 3

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

เริ่มต้นด้วยความเข้าใจ

เข้าใจได้

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

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

ภาษาเป็นส่วนสำคัญของมาตรฐานความเข้าใจ ที่ระดับฐาน นี่หมายถึงการใช้แอตทริบิวต์ lang ในองค์ประกอบ HTML หลักของคุณ ธีม WordPress ควรเป็นค่าเริ่มต้น แอตทริบิวต์ lang เป็นมาตรฐานระดับ A ซึ่งหมายความว่ากฎหมายมาตรา 508 กำหนด หากธีมของคุณไม่เป็นเช่นนั้น คุณอาจประสบปัญหาการช่วยสำหรับการเข้าถึงอื่นๆ อีกหลายประการ คุณอาจต้องการพิจารณาหัวข้ออื่นอย่างจริงจัง

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

ข้อมูลเบื้องต้นเกี่ยวกับการเข้าถึง: ตอนที่ 1

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

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

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

สิ่งสำคัญที่ควรทราบ ณ จุดนี้คือมาตรฐานความสามารถในการเข้าใจจำนวนมากอยู่ในระดับ AAA แม้ว่ากฎหมายจะไม่ได้กำหนดไว้ แต่ก็ไม่ได้หมายความว่าไม่ควรนำมาพิจารณา ตัวอย่างเช่น ใช้มาตรฐาน 3.1.5 – ระดับการอ่านจะเลื่อนตามผู้ชมเป้าหมายของคุณ มาตรฐานนั้นอ้างอิงถึงระดับการอ่านของโรงเรียนมัธยมศึกษาตอนต้น ซึ่งเท่ากับระดับการอ่านประมาณชั้นประถมศึกษาปีที่ 6 ซึ่งเป็นมาตรฐานสำหรับหนังสือพิมพ์อเมริกันสมัยใหม่ส่วนใหญ่ แต่แม้แต่หนังสือพิมพ์ก็ไม่ปฏิบัติตามมาตรฐานนี้โดยขึ้นอยู่กับหัวข้อ

เมื่อเขียนลงเว็บ คุณต้องคำนึงถึงผู้บริโภคอยู่เสมอ หากเป้าหมายของคุณคือนักวิจัยที่ทำงานในระดับปริญญาเอก เนื้อหาของคุณควรอยู่ในระดับใกล้เคียงกัน แต่ถ้าคุณเขียนเพื่อคนทั่วไป คุณจะต้องพิจารณาปัจจัยบางอย่างเช่น Flesch-Kincaid Reading Scale หากคุณใช้ปลั๊กอิน Yoast SEO สำหรับไซต์ WordPress ของคุณ การทดสอบมาตราส่วน Flesch จะถูกสร้างขึ้นมา ซึ่งจะให้ข้อมูลรายละเอียด การประเมินเสียงพาสซีฟ คำเปลี่ยน และความยาวของประโยค ให้นึกถึงกลุ่มเป้าหมายของคุณอีกครั้ง ตัวตรวจสอบ Yoast ถือว่าคุณกำลังเขียนถึงผู้ชมทั่วไป เป้าหมายของคุณไม่ควรเป็นการตรวจสอบสีเขียวจาก Yoast แต่เป็นเนื้อหาที่มีคุณภาพสำหรับผู้ชมของคุณ

ส่วนสำคัญประการสุดท้ายของความเข้าใจคือความช่วยเหลือในการป้อนข้อมูล อย่างน้อยก็หมายถึงสองสิ่ง: ข้อความแสดงข้อผิดพลาดและป้ายกำกับบนอินพุตแบบฟอร์มของคุณ ผู้ใช้ต้องได้รับแจ้งว่าอินพุตแต่ละฟอร์มมีไว้เพื่ออะไร และแจ้งเตือนด้วยข้อความหากมีข้อผิดพลาดเกิดขึ้น สิ่งเหล่านี้คือระดับ A สองระดับซึ่งกำหนดโดยมาตรฐานทางกฎหมาย หากคุณกำลังใช้ปลั๊กอินแบบฟอร์มยอดนิยมอย่าง Gravity Forms หรือ Caldera Forms แสดงว่าคุณได้รับแจ้งในส่วนข้อความแสดงข้อผิดพลาดสำหรับฟิลด์ทั่วไปแล้ว คุณยังคงต้องตรวจสอบให้แน่ใจว่าองค์ประกอบของคุณมีป้ายกำกับ การติดป้ายกำกับที่เหมาะสมเป็นหัวข้อของตัวเองทั้งหมด แต่สำหรับตอนนี้ ตรวจสอบให้แน่ใจว่าคุณได้ให้คำแนะนำที่สมเหตุสมผล (“ชื่อ” สำหรับฟิลด์ชื่อ “อีเมล” สำหรับฟิลด์อีเมล)

แข็งแกร่ง

ข้อมูลเบื้องต้นเกี่ยวกับการเข้าถึง: ตอนที่ 2

ในบทความแรกในภาพรวมของการช่วยสำหรับการเข้าถึง เราได้กล่าวถึงมาตรฐานของเว็บไซต์ที่สามารถรับรู้ได้ ขั้นตอนแรกที่สำคัญนี้มีความสำคัญ แต่ยังห่างไกลจากภาพรวม เมื่อเราได้ม...

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

ไซต์ที่มีประสิทธิภาพคือไซต์ที่เป็นไปตามมาตรฐาน HTML องค์ประกอบถูกสร้างขึ้นอย่างสมบูรณ์และปิดเมื่อจำเป็น หากคุณเปิดแท็ก <p> ให้ปิดเมื่อย่อหน้าเสร็จสิ้น เป็นอีกตัวอย่างหนึ่งของ "เห็นได้ชัดว่า" แต่ข้อผิดพลาดเกิดขึ้น เรียกใช้ไซต์ของคุณผ่านบริการตรวจสอบความถูกต้องของ HTML ก่อนเผยแพร่ W3C ให้บริการฟรี ใช้มัน แก้ไขข้อผิดพลาด แล้วคุณก็พร้อมลุย

อีกแง่มุมหนึ่งของเว็บไซต์ที่มีประสิทธิภาพคือ WAI-ARIA (Web Accessible Initiative – Accessible Rich Internet Applications) หรือ ARIA เข้ามามีบทบาทอย่างแท้จริง ARIA เป็นหัวข้อของตัวเอง แต่โดยย่อ คุณควรใช้เมื่อจำเป็นเท่านั้น บางอินสแตนซ์กำลังติดป้ายกำกับองค์ประกอบแบบฟอร์มด้วย ARIA เมื่อมองไม่เห็นป้ายกำกับแบบฟอร์ม การทำเช่นนี้จะช่วยให้คุณครอบคลุมเกี่ยวกับความช่วยเหลือในการป้อนข้อมูลของความเข้าใจ ขึ้นอยู่กับว่าองค์ประกอบแบบฟอร์มมีป้ายกำกับอย่างไร

บทสรุป

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

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