נגישות דיגיטלית, בקיצור A11y, עוסקת בעיצוב ובבנייה של אתרים ואפליקציות אינטרנט שאיתם אנשים יכולים לקיים אינטראקציה בצורה משמעותית ומקבילה.
הקורס הזה מיועד למפתחי אתרים מתחילים ומתקדמים. תוכלו לקרוא את הסדרה מההתחלה ועד הסוף כדי לקבל מושג כללי על שיטות ובדיקות הנגישות, או להשתמש בה כחומר עזר לנושאים ספציפיים. אם קראתם מונח לא מוכר, עיינו במילון המונחים. למתחילים באופן כללי בתחום פיתוח האתרים, כדאי לעיין בקורסים למידת HTML ליסודות השימוש בתגי עיצוב, ובקורסים של למידת CSS כדי לקבל מידע על יסודות הסגנון.
זהו קובץ עזר חלקי בלבד. כל קטע מציג את נושא הקטע, מספק הקשר ודוגמאות. יופיעו קישורים למקורות מידע בנושאים כמו מפרטי MDN ו-WCAG ומאמרים אחרים ב-web.dev. בכל קטע יהיה בדיקה קצרה שתעזור לאנשים לאשר שהם מבינים.
חלק מהשיטות המומלצות לנגישות משתנות בהתאם למוגבלות שבה אתם מתמודדים. חשוב להבין את המשתמשים ולשמוע אנשים עם מוגבלויות כשהם אומרים לכם מה הם צריכים.
נשמח לקבל ממך משוב. פותחים בעיה ב-GitHub ומוסרים כמה שיותר מידע כדי שנוכל לטפל בה.
מה תלמדו:
מהי נגישות דיגיטלית ולמה היא חשובה?
עיצוב ובנייה של אתרים ואפליקציות אינטרנט שאנשים מושבתים בהם יכולים לקיים אינטראקציה בצורה משמעותית ומקבילה. מומלץ לקרוא על ההשפעה העסקית והמשפטית של האפשרויות האלה.
ARIA ו-HTML
מתי להשתמש ב-ARIA לעומת HTML.
מבנה התוכן
השתמשו ב-HTML סמנטי, בציוני דרך ובטבלאות לתוכן נגיש.
המסמך
רכיבי HTML נוספים שיש להביא בחשבון כשיוצרים אפליקציות אינטרנט ואתרים נגישים,
מיקוד המקלדת
הבנה ושיפור של הסדר והסגנון של הניווט במקלדת.
JavaScript
כתיבה של אירועי הפעלה נגישים, כותרות דפים, תוכן דינמי ועוד.
תמונות
יצירת תמונות נגישות.
צבע וניגודיות
צרו לוחות צבעים נגישים עם ניגודיות מתאימה.
אנימציה ותנועה
תמיכה באנשים שסובלים מכל הסוגים של הפרעות תנועה כתוצאה מתנועה.
טיפוגרפיה
אתם יכולים לבחור את הגופנים הנכונים, את גודל הגופנים הנכון ולבנות את העותק בעזרת פריסה נגישה.
וידאו ואודיו
סוגי מדיה חלופיים שהופכים את הווידאו והאודיו לנגישים.
טפסים
יוצרים טפסים נגישים.
עיצוב וחוויית משתמש
צרו עיצובים נגישים ובדקו את חוויית המשתמש.
בדיקות נגישות אוטומטיות
איך מבצעים בדיקות נגישות אוטומטיות.
בדיקת נגישות ידנית
איך לבדוק את הנגישות באופן ידני.
בדיקות של טכנולוגיה מסייעת
איך בודקים באמצעות טכנולוגיה מסייעת (AT).
סיכום והשלבים הבאים
מקורות מידע נוספים שיעזרו לכם בשלב הבא.
מילון מונחים
לומדים מונחים ומושגים נפוצים בתחום הנגישות.
מוכנים ללמוד על נגישות? בוא נתחיל.