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