טפסי POJO

עקב הביקוש הרב פיתחנו אפשרות של הנגשת טפסים של מותג התבניות פוג'ו. בוני האתרים אשר משתמשים בתבניות אלו ויוצרים טפסים עם התוסף pojo forms יוכלו להנות מטפסים נגישים אין צורך להזין קוד, ברגע שתטמיעו את רכיב הנגישות של wordpress accessibility באתר הטפסים מונגשים!! מה שנותר לעשות זה לשכתב את הודעת השגיאה, לדוגמא: "אירעו שגיאות אימות,..
קרא עוד

הוספת קאפצ'ה לטופס מונגש

הדרך הפופולארית למנוע דואר זבל בטפסים הוא הקאפצ'ה של גוגל גם כאן מצאנו אפשרות להנגיש, ברגע שתטמיעו את הקאפצ'ה היא כבר מונגשת השלבים להטמעת הקאפצ'ה הם: 1. יש להיכנס לאתר הזה : https://www.google.com/recaptcha/admin ולהזין שם את כתובת האתר בו תרצו להטמיע 2. לאחר שתכניסו את כתובת האתר תקבלו כמה קודים ויהיה עליכם לבצע שלושה שלבים: א. להכניס..
קרא עוד

הנגשת אלמנט צ'קבוקס בטפסי cf7

ישנם טפסים הכוללים אלמנט checkbox. כדי שקורא המסך ידע לקרוא אותו נכון יש להכניס אותו בצורה הזאת בתוך קוד הטופס. (כמובן שמדובר על טפסים שנבנו בתוסף contact form 7) <label><input type="checkbox" name="checkbox-511"  value="1" checked /> your text</label>
קרא עוד

טפסים

שימוש בטפסים נגישים חשוב מאד! יש לציין באופן ברור מה הם שדות החובה. כל שדה יקבל label עם for=id או arialabel. לכל שדה חייב להיות שם ברור וייחודי. שם השדה מהווה הוראה למשתמש, לכן רצוי מאוד שהוא יופיע על המסך מומלץ  להוסיף לשדות החובה מאפיין aria-required=”true” ו- aria-invalid="false". בזמן שגיאה יש לשנות את המאפיין aria-invalid..
קרא עוד

טיפול בשדות חובה בטפסים

עם השקת הרכיב נתנו לאדם כבד ראיה להרגיש את חווית הגלישה ולתת לנו חוות דעת, שיפורים, הוספות ושינויים. אחת הארות היתה שבעת מילוי השדות בטופס טעה הגולש באחד מהם וכשקורא המסך עבר על השדות הלא נכונים הוא הקריא "שדה חובה" יש למלא את כל שדות החובה.. מה שאומר שלא ידעתי איזה שדה לא מילאתי נכונה....
קרא עוד

הגדרת שם יחודי לכל טופס באתר

בשימוש במקלד כיום ניתן לנווט ע"י מקש טאב ולהגיע לכל טופס באתר, הבעיה היא שהמערכת נותנת לטפסים שמות אקראיים כמו: "טופס 1" "טופס 2" וכו'. מהיום תוכלו לתת שם יחודי לכל טופס באתר! מדובר על שימוש בטפסים שנבנו ע"י התוסף contact form 7 הנה השלבים: יוצרים טופס דרך תוסף cf7 או שעובדים על טופס קיים...
קרא עוד