הנגשת טפסים היא מלאכה מורכבת יחסית שמצריכה ידע נרחב ב-HTML ובתקנות ההנגשה. בין השאר יש לדאוג לנושאים הבאים בעת יצירת טופס:
- שימוש בתגיות <label> לתיאור השדות.
- במקרה שאין התאמה פשוטה להכניס תגית aria-labelledby לקישור שדה עם הכותרת שלו.
- הבלטת השדה שנבחר באמצעות שינוי צבע רקע או צבעי גבול.
- אפשרות לדפדוף בטופס באמצעות כפתור TAB במקלדת.
- קיבוץ אפשרויות כפתורי רדיו או תיבות סימון ב-<fieldset>
- תיאור תוכן ה-<fieldset> באמצעות תגית <legend>.
- קישור תיאור שדה לשדה באמצעות אובייקט aria ושימוש במאפיין aria-describedby.
- ניהול שגיאות במילוי השדות באופן שיאפשר לקוראי מסך לזהות שדות בהם נפלה שגיאה.
- שימוש באובייקט aria לציין שגיאה במילוי השדה.
- שימוש באובייקט aria לציין שדה חובה.
- בניית כפתורי “שלח” ו”איפוס” באופן שיובן בידי קוראי מסך.
- להימנע ככל האפשר משימוש בתסריטי JavaScript שעלולים לסבך את הניווט בטופס.
טפסים מונגשים בוורדפרס באמצעות GravityForms
יצירת טפסים במערכות וורדפרס הטכניוניות נעשית באמצעות התוסף GravityForms. כדי לאפשר יצירת טפסים מונגשים באופן אוטומטי יש להפעיל תוסף בשם Gravity Forms – WCAG 2.0 form fields. כדי לעשות זאת היכנסו ללשונית Plugins חפשו את התוסף והפעילו אותו אם אמצעות לחיצה על קישור “הפעל” המופיע מתחתיו כשהעכבר נמצא על כותרת התוסף, או באמצעות סימון תיבת הסימון שלצד התוסף ובחירת הפעולה “הפעל” בתפריט הנגלל בראש טבלת התוספים או מתחתיה.
התוסף מייצר טפסים מונגשים באופן אוטומטי, אולם עלול לפספס נקודות מסוימות במצבים מורכבים. לכן יש לבדוק כל טופס ולוודא שהוא עונה לכללי הנגישות. ככל שהטופס יהיה פשוט יותר הסיכוי לטעות בהנגשה קטן, ובטפסים פשוטים כמו טפסי יצירת קשר ההנגשה תהיה ברמה טובה מאוד.
אחת החוזקות של תוסף הנגשת הטפסים של GravityForms היא ניהול שגיאות באופן פשוט ונוח. אם ישנן שגיאות לאחר משלוח הטופס , התוסף מייצר תיבה בה מרוכזות כל השגיאות כקישורים לשדות שיש לתקן. התיבה גם אמורה להיות בפוקוס, כך שלחיצה על TAB מסמנת את השגיאה הראשונה ולחיצה על enter מביאה את המשתמש הישר לשדה שצריך לתקן.
התוסף עושה שימוש באובייקטים של aria לציין תיאורים של השדה, שדות חובה ושגיאות במילוי שדות. קוראי מסך מקריאים אובייקטים אלו בקונטקסט המתאים.