บทบาทกำหนดว่าสิ่งนั้นคืออะไร

บทบาท บอกเทคโนโลยีสิ่งอำนวยความสะดวกว่าองค์ประกอบนั้นเป็นสิ่งประเภทใด เช่น ปุ่ม แท็บ การแจ้งเตือน หรือกล่องโต้ตอบ ซึ่งตอบคำถามว่า “นี่คืออะไร”

แท็ก HTML ส่วนใหญ่มี บทบาทโดยนัยติดมากับตัว แถบนำทางคือการนำทาง h1 คือหัวข้อ และปุ่มก็คือปุ่ม

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

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

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

บทบาทโครงสร้างใช้อธิบายเนื้อหาคงที่ เช่น หัวข้อ รายการ รายการย่อย และภาพประกอบ ซึ่งช่วยระบุโครงสร้างข้อมูลของคุณ

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

การเลือกบทบาทคือการทำสัญญา role=tab หมายความว่าคุณต้องจัดให้มีพาเรนต์แบบ tablist รองรับแป้นพิมพ์ และมี tabpanel ที่เชื่อมโยงกัน

อย่ากำหนดบทบาทให้กับองค์ประกอบที่มีบทบาทถูกต้องอยู่แล้ว บทบาทซ้ำซ้อนบนปุ่มจริงมีแต่จะเพิ่มความสับสนและความเสี่ยง

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

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

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