מאמרים
תוכן מקצועי על נגישות, חוקים וטכנולוגיה
הנגשת פורטלים
בפורטלים גדולים אל תנסו להנגיש הכל בבת אחת, התחילו מהמקומות שבהם המשתמשים מבקרים הכי הרבה, כדי לייצר את הערך הגבוה ביותר...
הנגשת סננים באתרי אינטרנט
בעת הנגשת סננים באתרי איקומרס, חשוב לוודא שסדר האלמנטים בקוד תואם לסדר הוויזואלי באתר – כך שקוראי מסך יציגו תחילה את הסנ...
מדריך טיולים ישראלי בתאילנד – האם הוא חייב להנגיש את האתר?
אם אתם מפעילים אתר שפונה לציבור הישראלי – גם אם העסק שלכם פועל מחו"ל – כדאי לשקול הנגשה בסיסית. זה לא רק צעד שמפחית סיכו...
הנגשת חנות לשכפול מפתחות
אם יש לכם קושי אישי שמונע מכם לעמוד בדרישות נגישות בעסק – אל תמהרו לוותר או להפר את החוק. פנו לייעוץ מקצועי של מומחה נגי...
האם עמוד פייסבוק עסקי צריך להיות נגיש?
פרסמתם פוסט עם תמונה? הוסיפו בתגובה הראשונה תיאור טקסטואלי של מה שמופיע בתמונה – זה שדרוג פשוט שעושה את ההבדל והופך אותו...
הנגשת-אתרים
האם עסק בינלאומי מחויב בהנגשת אתרים?
לפני שאתם פוטרים את עצמכם מהנגשה כי "האתר פונה לקהל X" ולא ל"קהל Y", בדקו שוב – אם השירות קשור לישראל, גם אם באופן עקיף;...
פסקאות ונגישות: המדריך המקיף לעיצוב טקסט נגיש
כיצד כותבים פסקאות נגישות? מדריך מלא עם עקרונות לעיצוב טקסט קריא, הגדרת תגיות סמנטיות, ריווח נכון, אורך שורות, ואזהרות ח...
איך יצירת אינדקס מכותרות מסייעת לנגישות ולאתר? המדריך הטקסטואלי המקיף.
מאמר ארוך? זה הזמן להוסיף אינדקס תוכן עם קישורים פנימיים לכותרות – פתרון נוח ונגיש לגולשים, המשפר את חוויית המשתמש ומאפש...
תצוגת קטגוריות כרשימה – למה זה חשוב?
למה חשוב להציג קטגוריות כרשימה תקנית באתר? מדריך שמסביר כיצד מבנה רשימתי תורם לנגישות, חוויית משתמש, ניווט קל ו־SEO – כו...
קישורים (לינקים) ונגישות – המדריך השלם
איך יוצרים קישורים נגישים באמת? מדריך מקיף עם 19 כללים פרקטיים לשיפור חוויית הגלישה באמצעות טקסטי קישור ברורים, מבנה תקנ...
מאפיין TITLE
השתמשו במאפיין title רק לצורך מידע נוסף וודאו שגם משתמשי מקלדת מקבלים את המידע
פוקוס – היסוד הנשכח של הנגישות
ודאו שכל כפתור או לינק באתר מקבל פוקוס גם באמצעות המקלדת – ושיש סימן חזותי ברור שמראה למשתמש היכן הוא נמצא. זהו תנאי בסי...
ביטול outline – השפעה עמוקה מעבר ל-CSS
אם אתם בוחרים לעצב את הפוקוס בעצמכם – מצוין! אבל לעולם אל תסירו את outline בלי להחליף אותו בסמן ברור שנראה היטב גם במצבי...
מעבר עכבר - hover – הבנה ויישום נכון
אם עיצבת שינוי צבע או תפריט שנחשף על :hover, ודא שההתנהגות חוזרת גם על :focus – אחרת משתמשי מקלדת או מסכי מגע עלולים להח...
נגישות במצב :focus – הכרח לכל ממשק איכותי
אם הסרתם את ההדגשה הוויזואלית של הפוקוס (outline) – הוסיפו תחליף ברור ובולט. בלי זה, המשתמשים שמנווטים עם מקלדת פשוט לא...
למה צריך עוד מצב פוקוס?
שלבו את :focus-visible בכל פרויקט – כך תשמרו על נגישות מצוינת במקלדת בלי לקלקל את עיצוב האתר למשתמשי עכבר.
נגישות בעזרת CSS :focus-within - מה זה ומתי להשתמש?
:focus-within הוא למעשה זהה למצב :HOVER אבל מיועד למשתמשי מקלדת. כלומר אם HOVER המיועד למשתמשי עכבר פותח תת תפריט אז foc...
אורך כותרת – המפתח לתוכן ברור, קריא ונגיש
כתבו כותרות באורך של 5 עד 9 מילים – זה עוזר לקוראים לסרוק את הדף בקלות, לטכנולוגיות מסייעות להתמצא, ולגוגל להבין על מה מ...
כיצד להגדיר כותרות נגישות?
--
האם שינוי גודל הטקסט נדרש בתקן?
הטמיעו באתר כפתורי + ו־– להגדלת והקטנת הטקסט, בלי לשנות את רוחב התוכן – כך תאפשרו חוויית קריאה טובה יותר לכל הגולשים, וב...
בחירת סוג פונט
עברו להשתמש בפונט מסוג Sans Serif כמו Arial או Noto Sans – הם נקיים, ברורים, וידידותיים לקריאה על מסך – במיוחד לאנשים עם...