פריסה ועקביות מבנה

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

טפסים

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

רכיבי המדיה יקבלו חלופה טקסטואלית המתארת את התוכן

כל סרטוני המדיה יקבלו חלופה טקסטואלית בעזרת כיתוביות על הסרטון. יוטיוב נותן לנו כלי עזר להוספת כיתוביות לכל סרטון בכל שפה שהיא. https://www.youtube.com/watch?v=R_492d7QWDw במידה והסרטון הוא השראה וללא תוכן ממשי יש להוסיף שורת תיאור לפניו. כדי שהגולש בעיוור ידע במה מדובר.
קרא עוד

שימוש בטבלאות יהיה רק בהעברת מידע טבלאי

אדם המתבונן בטבלה יוכל להסיק ממיקום התא את משמעותו – התבוננות על כותרת העמודה וכותרת השורה יספקו את המידע הנחוץ להתמצאות בטבלה. אנשים עיוורים הגולשים באמצעות קורא מסך זקוקים למידע מיקום התא במערך הטבלאי כדי להבין את השיוך שלו לכותרות העמודת והטורים. לכן עמ"נ להקל על הגולש המוגבל אין להשתמש בטבלה הכוללת תגי <table><td>או <tr>אלא..
קרא עוד

הוספת תג alt לתמונות או לאיקונים

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

תיקוני קוד

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

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

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

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

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

אפשרות שינוי אייקון נגישות לפי בחירת בעלי האתר

 זה אייקון הנגישות שלנו. הוא מסמל A לנגישות ו E לשיוויונות. אבל אתם, יצרנו עבורכם אפשרות לתת לאייקון את אופי האתר שלכם! עצבו לכם אייקון נגישות והטמיעו אותו באתר בקלי קלות. אחרי שפתחתם חשבון ויש לכם גישה לפנל הניהול כנסו לכפתור מיקום הרכיב תגיעו למסך הזה: כאן, היכן שהחץ נמצא יש להזין את הקישור של..
קרא עוד