נושאים שאחרים התעניינו בהם
למה חשוב להציג קטגוריות כרשימה תקנית באתר? מדריך שמסביר כיצד מבנה רשימתי תורם לנגישות, חוויית משתמש, ניווט קל ו־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 לא מזהה כותרות, סימן שהמבנה ההיררכי של התוכן שלכם לקוי ודורש תיקון.
כבר היום אפשר לבדוק אם הכותרות בדפי האתר שלכם מסודרות לפי היררכיית HTML נכונה – H1, אחריו H2, ואז H3. זה קריטי עבור קוראי מסך – וקל לבדיקה עם כלים חינ...
התחילו בבדיקת הנגישות של האתר שלכם עם הכלי החינמי WAVE – הוא מזהה בעיות נגישות עיקריות ומציע פתרונות ברורים. תוך דקות תדעו היכן להתחיל.
תמיד ודא שצבע הוא לא הדרך היחידה להבין את התמונה – הוסף טקסט, סימנים או הסבר מילולי.
אם הצבע הוא הדרך היחידה להעביר מידע – עצרתם את המשתמשים עם עיוורון צבעים. הוסיפו תמיד סמל, טקסט או תבנית
