הצהרת נגישות באנגלית

An accessible website is a website that allows people with disabilities and elderly people to use it efficiently and enjoy it like anyone else. According to a study conducted by Microsoft in 2003, between 20 and 25 percent of the population encounter difficulties in using the Internet and may benefit from more accessible web contents...
קרא עוד

הוספת הסבר נדרש עבור קורא ומסך והסתרתו

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

הצהרת נגישות-עדכון לבעלי אתרים מונגשים

מעתה חובתכם להטמיע באתר, בפוטר או בכל מקום הנראה לעיין אייקון נגישות המפנה לעמוד הצהרת נגישות.(את האייקון ניתן להוריד כאן) אתרים המשתמשים ברכיב wp accessibility רשאים להעתיק תוכן זה ולשנות את הפרטים  האישיים של בעל האתר. (המסומנים בצהוב) בנוסף, יש להחריג אלמנטים שלא הונגשו כדגומא מטה המסומנת בצהוב במידה והאתר הוא חנות, משרד, קליניקה או מקום..
קרא עוד

תיקוני קוד

ציון בקישור אשר עלול להוביל לאתר לא נגיש ברב האתרים כיום משתמשים בקישורים פנימיים או חיצוניים עבור העברת מידע או רק כדי לקדם את האתר. ציון בעזרת alt שהקישור מעביר לאתר שעלול להיות לא נגיש יעזור מאד לגולש המוגבל להבין איפה הוא נמצא ולאן הוא מתעתד להגיע. כל IFRAME  יקבל טייטל המתאר את תפקידו ברב..
קרא עוד

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

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

טפסים

שימוש בטפסים נגישים חשוב מאד! יש לציין באופן ברור מה הם שדות החובה. כל שדה יקבל 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. משמעות המושג הוא טקסט "טקסט חלופי" ויש להציבו בכל תמונה המופיעה באתר. אם יש לך תמונה של כדור אדום הטקסט החילופי יתאר את התמונה כדוגמת "כדור אדום קטן" עמ"נ שקורא המסך המשמש אנשים לקויי ראיה יוכל לסרוק את העמוד ולתאר למשתמש מה יש בעמוד. בנוסף..
קרא עוד