למשוך יותר קוראים עם אתר שמתאים לצרכים של כולם
על ידי הפיכת אתר האינטרנט שלך נגיש לאנשים עם מוגבלויות, בסופו של דבר אתה הופך נגיש לכולם. למעשה, מה שהופך את אתר האינטרנט שלך לנגיש יותר עשוי לעזור לאנשים למצוא את האתר שלך במנועי החיפוש. למה? בגלל מנועי החיפוש להשתמש באותם אותות אותו הקוראים המסך לעשות כדי למצוא ולהבין את התוכן של האתר שלך.
אבל בדיוק איך אתה עושה אתר נגיש מבלי להפוך מומחה קידוד?
הנה כמה טיפים וטריקים כי כמעט כל אחד עם ידע HTML בסיסי יכול להשתמש כדי לשפר את הנגישות של האתר שלהם.
כלי נגישות לאינטרנט
W3C יש רשימה נהדרת של כלי נגישות לאינטרנט אתה יכול להשתמש בתור בודק כדי לזהות בעיות פוטנציאליות עם האתר שלך. עם זאת, אני עדיין ממליץ לעשות קצת לחקור עם קורא מסך וחווה את זה בעצמך.
קריאה בנושא: מהי טכנולוגיה מסייעת וכיצד היא פועלת?
הבנת הקוראים מסך
אחת הדרכים החשובות ביותר שתוכל לשפר את הנגישות של האתר שלך היא לוודא שהוא יכול להיות מובן על ידי קוראי מסך. קוראי מסך משתמשים בקול מסונתז לקריאת הטקסט על המסך. זה נשמע די פשוט; עם זאת, קוראי מסך אינם מבינים את האתר שלך כפי שהגדרת אותו כעת.
הדבר הראשון שאתה יכול לעשות הוא לנסות את הקורא המסך ולראות איך זה הולך. אם אתה משתמש ב- Mac, נסה להשתמש ב- VoiceOver.
- עבור אל ' העדפות מערכת'.
- בחר נגישות.
- בחר VoiceOver.
- סמן את התיבה הפעל את VoiceOver.
אתה יכול לעבור אותו לסירוגין באמצעות הפקודה- F5.
אם אתה במחשב Windows, ייתכן שתרצה להוריד את NVDA. אתה יכול להגדיר את זה כדי לעבור ולכבות עם שליטה קיצור + alt + n.
שני קוראי המסך פועלים על ידי מתן אפשרות למשתמש לנווט על ידי מקלדת (זה הגיוני - אם אתה לא יכול לראות, באמצעות העכבר יהיה אתגר) ועל ידי יצירת אזור המיקוד לניווט. המיקוד הוא בעצם שבו המקלדת היא "מחודדת", אבל זה מוצג בדרך כלל כמו תיבת מסומן סביב האובייקט להתמקד במקום הסמן.
ניתן לשנות את המגרש הקולי ואת המהירות שבה הקול קורא אם הגדרות ברירת המחדל מטרידות (ואחרי כחמש דקות של האזנה לקול קריאה סטנדרטי איטי, הן בדרך כלל). אנשים עיוורים בדרך כלל לקרוא אתרי אינטרנט עם הקוראים המסך שלהם מוגדר במהירויות גבוהות.
זה עשוי לעזור לעצום את העיניים כפי שאתה עושה את זה, אבל זה עשוי גם לעזור לשמור אותם פתוח ולהשוות. חלק מהדברים שאתה יכול מיד להבחין כאשר אתה מנסה להקשיב לאתר האינטרנט שלך היא כי חלק מהטקסט עשוי להיות בסדר. כותרות ושולחנות עשויים להתערבב. התמונות עשויות להיות דילוג או שהם עשויים לומר "תמונה" או משהו לא מועיל באותה מידה. טבלאות נוטות להיקרא כסדרה של פריטים ללא הקשר.
אתה יכול, בתקווה, לתקן את זה.
אלט-תגים או אלטרנטיבי
תכונת alt-tag או אלטרנטיבה (alt) משמשת ב- HTML כדי לתאר תמונה. ב- HTML, הוא נראה בערך כך:
גם אם אתה עושה את אתר האינטרנט שלך עם כלי חזותי מסתיר את קוד ה- HTML, אתה כמעט תמיד יש סיכוי להזין תיאור התמונה. אתה יכול להזין כלום (alt = "") אבל זה באמת יהיה טוב יותר לתת לכל תמונה תיאור מועיל. אם היית עיוור, מה היית צריך לדעת על התמונה? "אישה" לא עוזרת הרבה, אבל אולי "תרשים השרטוט עיצוב האישה כולל נגישות, שמישות, מיתוג, ועיצוב."
טקסט כותרת
אתרי אינטרנט אינם מציגים תמיד את תג הכותרת של HTML, אך הם מועילים לקוראי מסך. ודא שלכל אחד מדפי האתר שלך יש כותרת תיאורית (אך לא מוגזמת) שמספרת לאורחים על מה הדף.
תן לאתר שלך היררכית מידע טובה
לשבור חתיכות גדולות של טקסט עם כותרות, ואם אפשר, להשתמש כותרות עם H1, H2, H3 היררכיה כראוי. לא רק שזה הופך את האתר שלך קל יותר עבור הקוראים המסך, זה מקל על כולם. זה גם אות נהדר עבור Google ומנועי חיפוש אחרים כדי לעזור להם לאינדקס טוב יותר את האתר שלך.
באופן דומה, עליך לוודא שהאתר שלך מופיע בסדר תוכן לוגי ושאינך מכיל תיבות של מידע שאינו קשור. אם אתה משתמש במודעות, צפה שהמודעות שלך אינן פולשניות יתר על המידה ושברו את הטקסט באתר שלך לעתים קרובות מדי.
לעשות טבלאות טובות יותר
אם אתה משתמש בטבלאות HTML, תוכל להוסיף כיתובים לטבלאות שלך באמצעות התג כדי להקל על הבנתם על ידי קוראי מסך ולא רק על ידי יצירת טבלה בטקסט מודגש. ניתן גם להוסיף אלמנט "ההיקף" ותייג בבירור שורות חדשות ועמודות בטבלה כך קוראי מסך לא פשוט מטרטרים סדרה של תאי שולחן מבלי לתת כל הקשר.
ניווט במקלדת
באופן כללי, כל מה שאתה שם באתר שלך צריך להיות משהו שמישהו יכול לעשות באמצעות מקלדת בלבד. כלומר, לחצני הניווט אינם אמורים להיות לחצנים הנפתחים מונפשים אם אינך יכול להשתמש בהם עם קורא מסך (נסה זאת ובדוק אם אינך בטוח - לחצנים מסוימים מתוכנתים לשימוש במקלדת).
כתוביות
אם אתה מוסיף סרטונים או רכיבי אודיו לאתר שלך, הם צריכים להיות כיתובים. HTML5 ושירותי זרימת וידאו רבים (כמו YouTube) מציעים תמיכה בתמלול סגור. כיתובים סגורים שימושיים לא רק עבור נגישות אלא גם למשתמשים שעשויים לגלוש באתר שלך במקום שבו הם לא יכולים לנגן אודיו, כגון במשרד או במיקום רועש.
עבור פודקאסטים או רכיבי שמע אחרים, שקול לספק תמליל טקסט. לא רק שזה שימושי עבור אנשים שאינם יכולים לשמוע את השמע, לאחר הטקסט יהיה להקל על גוגל ומנועי חיפוש אחרים לאינדקס תוכן זה ולעזור הדירוג Google שלך .
אַריָה
אם אתה רוצה ללכת לרמה מתקדמת של נגישות, HTML5 ARIA או מפרטים WAI-ARIA שואפים להיות תקן חדש הולך קדימה. עם זאת, זהו מדריך טכני מורכב (ומתפתח) טכנית, ולכן מה שאתה יכול לעשות הוא להשתמש אריה Validator כדי לסרוק כדי לראות אם האתר שלך יש בעיות שאתה יכול לטפל. Mozilla יש גם מדריך נגיש יותר כדי להתחיל עם ARIA.