תוֹכֶן
מאמר זה הופיע לראשונה בגיליון 231 של המגזין .net - המגזין הנמכר ביותר בעולם עבור מעצבי אתרים ומפתחים.
כשאתה יוצר יישומון ממשק משתמש (UI) סביר להניח שהוא מורכב מאלמנטים של HTML. באופן כללי קל למישהו להבין מה היישומון עושה, או איזה תפקיד הוא ממלא בתוך הדף, בהתבסס על איך שהוא נראה או על הפקדים שהוא מעמיד לרשותו. נקודת מבט הוליסטית זו אינה מובנת מאליה לטכנולוגיות מסייעות (ATs), וכי (כמובן) נכנסת ARIA.
ARIA, או יישומי אינטרנט עשירים נגישים כדי להעניק לו את הכותרת המלאה, יכולים לשמש כדי לתת לווידג'ט שלך תפקיד. או כדי להסתכל על כך אחרת, אתה יכול להשתמש בתפקידי ARIA כדי לספר ל- ATs משהו על חבילת רכיבי ה- HTML שלך כאילו היו ישות אחת.
המפרט של ARIA 1.0 כולל טקסונומיה של תפקידים. הוא מתאר את המאפיינים והתכונות של 73 תפקידים שונים, מקובצים לארבע קטגוריות ברמה גבוהה.
הקטגוריה הראשונה מגדירה 12 תפקידים מופשטים. באותו אופן שלעולם לא מיישרים שיעורים מופשטים בעת התכנות, לעולם אין להשתמש בתפקידים מופשטים בתוך הקוד שלך. הם מתארים סוגים שונים של תפקידים ברמה רעיונית, ולכן הם משמשים רק בתוך הטקסונומיה עצמה.
תפקידים
תפקיד מופשט אחד נבדל מהשאר. התפקיד (תפקיד מופשט) הוא תפקיד הבסיס ממנו יורשים כל שאר התפקידים בטקסונומיה. תפקידים מופשטים אחרים כוללים את הקלט (תפקיד מופשט), נקודת ציון (תפקיד מופשט), ווידג'ט (תפקיד מופשט).
בואו ניקח את היישומון (תפקיד מופשט) כדוגמה. הוא מתאר תפקיד מטריה, במסגרתו כל שאר תפקידי היישומון בטקסונומיה. כך מתואר במפרט ARIA:
"רכיב אינטראקטיבי של ממשק משתמש גרפי (GUI). ווידג'טים הם אובייקטים נפרדים של ממשק משתמש שאיתם המשתמש יכול לקיים אינטראקציה. "
זה מוביל בקפידה לקטגוריה הבאה, המגדירה 34 תפקידי יישומון. ווידג'טים הם פקדים אינטראקטיביים שיכולים לעמוד לבד, או לשלב אותם כדי ליצור רכיבי ממשק משתמש מורכבים יותר. תשעה מתפקידים אלה מגדירים מכולות שניתן להשתמש בהן כדי להכיל יישומונים אחרים כדי ליצור פקדים מורכבים יותר.
יישומונים
25 התפקידים הנותרים מגדירים ווידג'טים שניתן להשתמש בהם באופן עצמאי או כחלק מפקד מורכב מורכב. אלמנט עם תפקיד רשימת הטבלאות יכול להכיל מספר אלמנטים עם תפקיד הטאב, למשל. כאשר משתמשים בשילוב עם קבוצה מתאימה של אלמנטים עם תפקיד הטאבלט, הם משתלבים ויוצרים ממשק לשוניות מורכב. אלמנטים עם תפקידים כמו התראה, תיבת סימון או דיאלוג יכולים גם להיות חלק משליטה מורכבת יותר בממשק המשתמש, או שהם יכולים לעמוד לבד.
הקטגוריה השלישית מגדירה 18 תפקידי מבנה מסמך. תפקידים אלה מתארים תצורות תוכן אופייניות כגון כותרת, רשימה וסרגל כלים. בניגוד לתפקידי יישומונים, תפקידי מבנה המסמך אינם אינטראקטיביים ככלל.
הקטגוריה האחרונה מגדירה שמונה תפקידים בולטים. הם יכולים להיות מיושמים על חלקים שונים של דף אינטרנט, ומספקים ציוני דרך בהם ATs יכולים לנווט. התפקידים בקטגוריה זו כוללים באנר, ראשי וניווט.
גלה את 20 כלי הטמעת העיצוב הטובים ביותר עבור מעצבים ב- Creative Bloq.