הנחיות לבניית אתר נגיש

פיתוח אתר נגיש לכלל הגולשים ולפי התקנות דורש מעורבות ותשומת לב מצד הרבה גורמים: החל מהמעצבים, דרך כותבי תוכן ועד למפתחים. הצלחת ההנגשה אינה מסתכמת רק בתיקונים נקודתיים לאחר העלייה לאוויר, אלא מחייבת חשיבה מוקדמת עוד בשלב התכנון, תוך חשיבה מראש על אופן הצגת המידע וכתיבתו, עיצוב הממשק, והתאמתו לגולשים עם מוגבלות, המשתמשים בטכנולוגיות מסייעות (קוראי מסך, מקלדות ועוד).

תהליך בניית אתר נגיש הוא תהליך מורכב הנובע מאופי תקני הנגישות, ובפרט מהתקן הישראלי. הנחיות אלו לרוב אינן מופיעות כרשימה פשוטה וחד-משמעית של הוראות ביצוע מוחלטות, אלא כמסגרת מופשטת הדורשת פרשנות והטמעה מקצועית בשפת הקוד, העיצוב והתוכן.

אנחנו בונים אתר נגיש עוד בשלב התכנון ובכך חוסכים לכם הרבה זמן ומשאבים מיותרים. איתנו, תוכלו להיות בטוחים שאתם עומדים בדרישות התקן וליישם סטנדרט אחיד של נגישות מלאה, כבר מהרגע הראשון.

כדי לעשות הנגשת אתרים בצורה יעילה ואפקטיבית, יש לתרגם את דרישות התקן למערך הנחיות מפורט ומותאם אישית לכל דרג מקצועי. אנחנו מחלקים את הדרישות לשלושה תחומים מרכזיים:

הנחיות למפתחים (היסודות הטכניים של הקוד)

ההנחיות למפתחים מתמקדות בהקפדה על תחביר סמנטי ותקין של קוד HTML. הדבר כולל שימוש מדורג והיררכי בתגיות כותרת (H1,H2,H3 וכו') לאורך כל הדף והעדפה לשימוש בפקדים סטנדרטיים (תיבות טקסט, לחצנים, תיבות סימון וכו'), על פני רכיבים שקשים יותר לזיהוי. כלל קריטי נוסף דורש שכל העיצוב יתבצע באמצעות CSS בלבד, כדי לשמר את מבנה הקוד נקי וקריא. מפתחים נדרשים להבטיח רצף קריאה לוגי שנשמר גם כאשר מנגנון ה-CSS מושבת, בעיקר בטיפול בטבלאות נתונים או בלוקים של תוכן.

מעבר למבנה, ההנחיות מחייבות שליטה מלאה במקלדת כבסיס ניווט חלופי לעכבר, כאשר מוקד המקלדת (הפוקוס) חייב להיות מזוהה חזותית בכל רכיב אינטראקטיבי. כשקיימים רכיבים מורכבים או לא סטנדרטיים, נתבסס על כללי WAI-ARIA כדי להעביר משמעות ותפקיד לקוראי מסך.

במהלך התהליך, ניתן דגש מיוחד לטיפול בטפסים המצריך שימוש עקבי בתגיות label ומאפיין aria-label לכל שדה קלט ולמתן הודעות שגיאה מפורשות ונגישות, המאפשרות לגולשים להבין בדיוק מה נדרש לתיקון. יישום הנחיות אלו מבטיח תשתית קוד אמינה, שמונעת תיקונים יקרים בשלבים מאוחרים יותר בפרויקט.

הנחיות לעיצוב ולחוויית המשתמש (נראות ואינטראקציה)

הנגשת חוויית המשתמש והעיצוב מתמקדת בהבטחת ממשק אינטואיטיבי, נעים לעין וקל לתפיסה, עבור כלל הגולשים. הכלל הבסיסי ביותר הוא הפרדה ברורה בין אלמנטים ניווטיים ותפעוליים (כפתורים ותפריטים), לבין התוכן המרכזי. יש לשים דגש משמעותי על ניגודיות צבעים: נדרש יחס ניגודיות של לפחות 1:4.5 בין צבע הטקסט לרקע, על מנת להבטיח קריאות מיטבית. בנוסף, חל איסור מוחלט על שימוש בצבע כאינדיקציה יחידה למשמעות. כך למשל, קישורים חייבים להיות מזוהים ויזואלית באמצעות קו תחתון קבוע או אפקט בולט נוסף שאינו רק שינוי צבע. על המעצבים ומזיני התוכן כאחד להימנע משימוש בטקסט כחלק מתמונה, להקפיד על שימוש בגופנים נגישים ממשפחת Sans-serif, ולהימנע לחלוטין מעיצובים שגורמים להבזקים תדירים שעשויים לעורר התקפים אפילפטיים.

הנחיות לתוכן (מסרים ומבנה לוגי)

בתחום התוכן והמידע, האחריות מתמקדת ביצירת מבנה לוגי והיררכי שמאפשר הבנה מהירה. בדומה לפיתוח, גם כאן נדרש שימוש עקבי בכותרות מדורגות (H1,H2 וכו') כדי להציג את רצף הנושאים. כל תמונה חייבת לכלול מאפיין Alt מתאר, המספק את מלוא המידע הנדרש לגולשים המשתמשים בקוראי מסך. במקרים של מדיה (וידאו ושמע), חובה לספק חלופה טקסטואלית מלאה כתוביות. הנחיות אלו מבטיחות שהמסר והפונקציונליות של האתר יהיו נגישים, ברורים ויציבים עבור כל המשתמשים, תוך מתן מענה כוללני לכל צרכי המידע, הניווט והאינטראקציה.

בנוסף, יש הנחיות רבות גם לתוכן שנמצא מחוץ לאתר (כמו דיוור אלקטרוני ומדיה חברתית), שדורשים גם-כן שמירה על ניגודיות תקינה וטקסט אלטרנטיבי מלא לתמונות.

חשוב להדגיש כי הדוגמאות שהוצגו כאן, הן בפיתוח והן בעיצוב ובתוכן, הם רק הבסיס של תהליך בניית אתר נגיש. למעשה, בניית אתר נגיש בהתאם לתקן הישראלי דורשת יישום מלא של מערך כללים מקיף ומפורט בהרבה, וכל אתר או פרויקט הוא מקרה לגופו. המבנה הייחודי של המערכת, סוגי האינטראקציות והטכנולוגיות שבהן נעשה שימוש, דורשים כולם התאמה ובחינה מעמיקה.

אנחנו מחוייבים לתרגם את העקרונות הרחבים האלו לתוכנית עבודה מדויקת, המבטיחה עמידה מלאה בדרישות הנגישות, באופן שמותאם לצרכים שלכם.

תהליך בניית אתר נגיש הוא צעד חיוני, אבל נגישות דיגיטלית מלאה זה הרבה יותר מזה… אנחנו מציעים חבילת שירותים משלימה שתבטיח שכלל הנכסים הדיגיטליים שלכם עומדים בדרישות התקן:

הנגשת קבצים ומסמכים

מסמכים דיגיטליים (כמו קובצי PDF, דוחות מורכבים, מצגות PowerPoint או טפסים אינטראקטיביים), מהווים פעמים רבות נקודת כשל בנגישות.

אנחנו מספקים שירות מקצועי לטיפול בהנגשת קבצים, החל מבניית תבניות נגישות במעבדי תמלילים (כמו Word), דרך תיוג סמנטי נכון של כותרות וטבלאות, ועד להמרה לפורמט PDF נגיש באופן מלא. הדבר מבטיח שכל המידע המופץ, מחוץ ובתוך הארגון, נגיש לקוראי מסך ולטכנולוגיות מסייעות.

הנגשת אפליקציות ויישומים סלולריים

בעידן המובייל, הנגשת אפליקציות סלולריות (iOS ו-Android) היא הכרח. בניגוד לאתרי אינטרנט, יישומים אלו דורשים התייחסות ייחודית למאפייני מערכת ההפעלה ולכללי הנגישות המובנים בטלפונים החכמים

צריך עוד שתי שורות מידע פה

הדרכות נגישות לצוותים השונים בארגון

נגישות היא מיומנות, ועל כן ההדרכה היא גורם קריטי להצלחה לטווח ארוך.

אנחנו מציעים סדנאות והדרכות מותאמות אישית לכל הדרג המקצועי: מפתחים, מעצבים, כותבי תוכן ואנשי QA. ההדרכות מתרגמות את התקנים המופשטים לכללי עבודה פרקטיים ומיידיים, ומקנות לצוותים שלכם את הידע והכלים הדרושים כדי להטמיע תיקוני נגישות, ולשלב את הנושא באופן יזום בכל שלב של פיתוח, עיצוב ותחזוקת הנכסים הדיגיטליים של הארגון.