เนื้อหา
บทความนี้ปรากฏครั้งแรกในฉบับที่ 231 ของนิตยสาร. net ซึ่งเป็นนิตยสารที่ขายดีที่สุดในโลกสำหรับนักออกแบบและพัฒนาเว็บไซต์
เมื่อคุณสร้างวิดเจ็ตอินเทอร์เฟซผู้ใช้ (UI) น่าจะเป็นส่วนประกอบของ HTML โดยทั่วไปแล้วมันเป็นเรื่องง่ายที่ใครบางคนจะคิดออกว่าวิดเจ็ตทำอะไรหรือมีบทบาทอะไรในเพจโดยขึ้นอยู่กับลักษณะที่ปรากฏหรือการควบคุมที่มีให้ อย่างไรก็ตามมุมมองแบบองค์รวมนั้นไม่ชัดเจนสำหรับเทคโนโลยีอำนวยความสะดวก (ATs) และแน่นอนว่า ARIA เข้ามา
ARIA หรือแอปพลิเคชั่นอินเทอร์เน็ตที่สามารถเข้าถึงได้เพื่อให้ชื่อเต็มสามารถใช้เพื่อให้วิดเจ็ตของคุณมีบทบาท หรือหากต้องการดูอีกวิธีหนึ่งคุณสามารถใช้บทบาท ARIA เพื่อบอกบางอย่างเกี่ยวกับกลุ่มองค์ประกอบ HTML ของ ATs ราวกับว่าเป็นเอนทิตีเดียว
ข้อกำหนด ARIA 1.0 ประกอบด้วยการจัดหมวดหมู่ของบทบาท อธิบายถึงคุณลักษณะและคุณสมบัติของ 73 บทบาทที่แตกต่างกันโดยแบ่งออกเป็นสี่ประเภทระดับสูง
หมวดหมู่แรกกำหนด 12 บทบาทที่เป็นนามธรรม ในทำนองเดียวกับที่คลาสนามธรรมจะไม่ถูกสร้างอินสแตนซ์เมื่อเขียนโปรแกรมจึงไม่ควรใช้บทบาทนามธรรมภายในโค้ดของคุณ พวกเขาอธิบายถึงบทบาทประเภทต่างๆในระดับแนวคิดดังนั้นจึงใช้เฉพาะในการจัดหมวดหมู่เท่านั้น
บทบาท
บทบาทนามธรรมอย่างหนึ่งแตกต่างจากส่วนอื่น ๆ บทบาท (บทบาทนามธรรม) เป็นบทบาทพื้นฐานที่บทบาทอื่น ๆ ทั้งหมดในอนุกรมวิธานสืบทอดมา บทบาทนามธรรมอื่น ๆ ได้แก่ อินพุต (บทบาทนามธรรม) จุดสังเกต (บทบาทนามธรรม) และวิดเจ็ต (บทบาทนามธรรม)
ลองใช้วิดเจ็ต (บทบาทนามธรรม) เป็นตัวอย่าง อธิบายถึงบทบาทร่มซึ่งอยู่ภายใต้บทบาทวิดเจ็ตอื่น ๆ ทั้งหมดในการจัดหมวดหมู่ นี่คือวิธีที่อธิบายไว้ในข้อกำหนด ARIA:
“ องค์ประกอบเชิงโต้ตอบของอินเทอร์เฟซผู้ใช้แบบกราฟิก (GUI) วิดเจ็ตคือออบเจ็กต์ส่วนติดต่อผู้ใช้ที่แยกจากกันซึ่งผู้ใช้สามารถโต้ตอบได้”
สิ่งนี้นำไปสู่หมวดหมู่ถัดไปอย่างเรียบร้อยซึ่งกำหนดบทบาทวิดเจ็ต 34 บทบาท วิดเจ็ตคือการควบคุมแบบโต้ตอบที่สามารถทำงานแบบสแตนด์อโลนหรือรวมกันเพื่อสร้างคอมโพเนนต์ UI ที่ซับซ้อนยิ่งขึ้น เก้าบทบาทเหล่านี้กำหนดคอนเทนเนอร์ที่สามารถใช้ในการห่อหุ้มวิดเจ็ตอื่น ๆ เพื่อสร้างการควบคุมที่ซับซ้อนมากขึ้น
วิดเจ็ต
บทบาทที่เหลืออีก 25 บทบาทกำหนดวิดเจ็ตที่สามารถใช้ได้อย่างอิสระหรือเป็นส่วนหนึ่งของคอนโทรลคอมโพสิตที่ซับซ้อน องค์ประกอบที่มีบทบาทของแท็บลิสต์สามารถมีหลายองค์ประกอบที่มีบทบาทของแท็บเช่น เมื่อใช้ร่วมกับชุดขององค์ประกอบที่เกี่ยวข้องกับบทบาทของแท็บพาเนลองค์ประกอบเหล่านี้จะรวมกันเพื่อสร้างอินเทอร์เฟซแบบแท็บแบบผสม องค์ประกอบที่มีบทบาทเช่นการแจ้งเตือนช่องทำเครื่องหมายหรือบทสนทนาอาจเป็นส่วนหนึ่งของการควบคุม UI ที่ซับซ้อนมากขึ้นหรืออาจเป็นแบบเดี่ยวก็ได้
ประเภทที่สามกำหนด 18 บทบาทโครงสร้างเอกสาร บทบาทเหล่านี้อธิบายการก่อตัวของเนื้อหาโดยทั่วไปเช่นส่วนหัวรายการและแถบเครื่องมือ ไม่เหมือนกับบทบาทวิดเจ็ตบทบาทโครงสร้างเอกสารจะไม่โต้ตอบตามกฎ
หมวดหมู่สุดท้ายกำหนดบทบาทสำคัญแปดประการ สามารถนำไปใช้กับส่วนต่างๆของหน้าเว็บโดยมีจุดสังเกตที่ ATs สามารถใช้เพื่อนำทางได้ บทบาทในหมวดหมู่นี้ ได้แก่ แบนเนอร์หลักและการนำทาง
ค้นพบเครื่องมือ Wireframing ที่ดีที่สุด 20 รายการสำหรับนักออกแบบที่ Creative Bloq