~~~~~ הנגשת אתרים ~~~~~

[תמנתי ווב דיזיין]

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


מי רוצה לבוא?


מדובר בסדנא הזו שהיום היא במרכז ואני רוצה להביאה גם לירושלים:
https://www.ocw.co.il/plug/מנגישים-את-הנגשת-האתרים-סדנת-נגישות-את/

 

[yochi000]

אני!
איזה כיף, תודה על היוזמה!

 

[תמנתי ווב דיזיין]

יופי אשמח עם עוד יירשמו
מדובר כנראה בדמי השתתפות של 50 ש"ח.

 

[DigiTali]

אם יהיה מפגש כזה אשמח להשתתף

 

[YG&K]

איפה היה במרכז?
מי קהל היעד שם?

 

[תמנתי ווב דיזיין]

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

 

[תמנתי ווב דיזיין]

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

 

[מיכל101]

אני מעוניינת.

 

[רחל ז.]

אשמח

 

[חיה 92]

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

 

[תמנתי ווב דיזיין]

תודה
אשמח עם עוד יירשמו

 

[חיוך]

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


מי רוצה לבוא?


מדובר בסדנא הזו שהיום היא במרכז ואני רוצה להביאה גם לירושלים:
https://www.ocw.co.il/plug/מנגישים-את-הנגשת-האתרים-סדנת-נגישות-את/

תלוי מתי הקורס יהיה.

 

[תמנתי ווב דיזיין]

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

מנגישים את הנגשת האתרים – סדנת נגישות
סיכום: סדנת הנגשת אתרים של חן כהן מחברת OCW

למה להנגיש את האתר? ​

• נתחיל בכך ש1 מתוך 4 גולשים זקוק להנגשה ברמות שונות​
• כך נוכל להגדיל את קהל היעד באופן משמעותי​
• שיוון זכויות (חשוב)​
• הגדלת הפרוטפוליו שלנו כנותני שירות ומתן שירות איכותי ללקוח. ​
• חוק הנגישות ​

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

מה זה אומר?

הנגשה לעיוורים - להקפיד על כתיבה של קוד תקין.
את הקוד תוכלו לבדוק כאן: https://validator.w3.org/https://validator.w3.org/ (קיימים עוד כלים כמובן)
למחמירים שבנינו - ניתן להוריד תוכנה קוראת מסך הנקראת NVDA - הגרסה האנגלית חינמית והעברים בתשלום).

בעלי מוגבלויות מוטוריות - אשר גולשים באמצעות מקלדת בלבד. (וזה רוב העבודה בהנגשה)
הגלישה נעשית באמצעות מקש הTAB.

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

הנגשה לחרשים- כתוביות שמע.

עונשים בחוק:
ל"נציבות לשיוויון זכויות לאנשים עם מוגבלויות" ישנה אפשרות להוציא צו המחייב להנגיש את האתר תוך זמן מסויים, לתת קנסות למי שלא הנגיש בזמן, וזה יכול להגיע לכדי צו פלילי.
הקנסות: עד 150K + קנסות יומיים עד 2000 שקל ליום.

אכיפה אזרחית: ללא הוכחת נזק, 50K צמוד למדד.

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

כמו כן אין גוף שמסמיך יועצי נגישות - ואין צורך בתעודה.

בדיקת אתר אינטרנט​

• כאמור להריץ בדיקה ב https://validator.w3.org/https://validator.w3.org​
• להתקין תוסף לכרום WAVE​
• לבדוק רספונסיביות​

בדיקת גלישה באמצעות מקלדת​

• לשים את הסמן של העכבר בכתובת ה-URL ומתחילים לעבור עם הTAB. ​
• לשים לב שיש פוקוס על הכפתורים, קישורים וטפסים (הפוקוס מופיע כמסגרת מסביב האובייקט המסומן). ​
• להיזהר ממלכודת TAB - כאשר השדות המסומנים נכנסים ללופ שאי אפשר לצאת ממנו. ​
• נוחות הגלישה - או בשמה הלועזי סקיפלינג, היא האפשרות לדלג בין קטעי האתר - עושים זאת ע"י תגית H5 ובעזרת איזורים מוסתרים שיוצגו רק לגולש העיוור. ​

הערה- רצוי להשתמש רק בH1-H4 בשוטף.

בדיקת תוכן​

• האם יש אלמנטים שלא ניתן לשלוט עליהם באמצעות מקלדת/עכבר (פוקוס)​
• האם כל התמונות באתר קיבלו ALT רלוונטי לתמונה? ​
• האם ניתן לעצור סליידרים ומודולים של חדשות רצות? ​
• האם היררכיית הכותרות הגיונית? (H1-H4)​

המלצות נוספות:
משלב לשוני - שימוש בשפה ברורה, בגובה העיניים
נוחות השימוש UI
התאמה לניידים- שימוש בכפתורים גדולים לנייד.

אלמנטים בעייתיים​

• סרטונים ללא כתוביות​
• הדרכה לכותבי התוכן- והגדרה מי מנגיש את התוכן? ​
• טבלאות -(table) קשה להנגיש טבלאות, לא מומלץ לנסות​
• סליידרים ואפקטים בJQEURY (במיוחד ליירסליידר ותוספים דומים)​
• מסמכים - pdf, jpeg - לא נגישים (אם לא ניתן לסמן את הטקסט עם העכבר- לא נגיש)​
• חנות - כרגע אין כלים להנגשה לכן זה יותר מסובך​
• טפסים מורכבים וארוכים - לוקח זמן להנגיש​
• פופ-אפים - גם מורכב​
• תמונות רקע - אינם נגישות. ​

מנגישים את האתר
כלים, עזרים וכתיבה נכונה של קוד​

• לשים לב לסדר הנכון גם בקוד HTML - בתבניות לא מרוטלות שעוברות ריטול ידני ע"י float right.
  תוכנה קוראת מסך לא "קוראת" קבצי CSS ולכן אסור להסתמך על CSS​
• הירכיית הכותרות - יש להשתמש בH1- H4 ולהשאיר את הH5 לטובת הסקיפלינג. ​
• כפתורים צריכים להיות BUTTON בHTML​
• קישורים לא יכולים להכיל אלמנטים שהם BLOCK (כמו DIV או FORM) - ניתן לפתור זאת בעזרת JQUERY ולהפוך את כל הDIV לקישור. ​
• הגדלת הטקסט עד ל200% (בלי קשר לסרגלי הנגישות)- לשים לב שאתר נשאר רספונסיבי​
• שימוש בHTML5 -
  nav, article ,section וכו'
  שימוש בTAB - INDEX לפי מספור -1 ​
• אלמנטים שמקבלים פוקוס- כפתור, קישור HREF, פקדי טופס​
• ישנן שיטות לתת פוקוס גם לאלמנטים שלא מקבלים פוקוס אך עדיף להשתמש באלמנטים שמקבלים פוקוס TABINDEX​

חוקי ה ARIA ​

• במידה ולא ניתן לעקוף את הHTML נשתמש בARIA​
• תפקידים ROLE מצבים ומאפיינים ​
• תמיד תהיה עדיפות לHTML​
• אין לשנות תפקיד של אלמנט​
• ROLE=PRESENTAION נועד עבור אלמנטים שהם לצפייה בלבד(ללא פוקוס)
• ARIA-HIDEEN=TRUE נועד עבור אלמנטים מוסתרים מהמסך -
  יש להשתמש בו רק כאשר השתמשנו בDISPLAY:NONE;
• ARIA-LIVE - לסמן דברים דינמים ומשתנים “חיים” לדוגמא: סל קניות
  בטפסים:
  ASSERTIVE - להקריא מיידית
  POLITE - להקריא בסיום הקראה הנוכחית
  OFF - לא להקריא

הכנת תוכן נגיש​

• הירככיית H​
• משלב לשוני​
• אלטים לתמונות (טקסט חלופי)​
• תרגום לוידאו​
• מסמכים​
• טבלאות​

טפסים​

• תגית HTML fieldset​
• שגיאות - תכיל פרטים (יש לרשום מהי השגיאה בסמוך השדה)​
• aria-role = search
• label - חובה

סליידרים​

• צריכה להיות אפשרות לעצור את הסליידר - עם טאב​
• כל התמונות והאלמנטים גרפיים מקבלים ALT (לא להשתמש בתמונות רקע)​
• לאפשר לדפדף בסליידר בצורה ידנית. ​

סרגל נגישות​

• סרגל נגישות ותוספי נגישות אינם הופכים את האתר לנגיש!​

סרגל מוסיף בד"כ את הפונקצינליות הבסיסית של הגדלת טקסט (200% ושינוי צבעים ופונט)​

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

דרישות נוספות: ​

• תג נגישות - לא חייבים את התג של "נגישות ישראל" ​
• הגעה אל התוכן ב2 אופנים - תפריט, מפת אתר, פירורי לחם וכו' (לבחור 2)​
• הצהרת נגישות -(ניתן למצוא דוגמאות בחיפוש בגוגל) כולל תאריך ואל מי פונים אם יש בעיה - קישור לטופס צור קשר​
• סקיפלינג - ע"י שימוש בH5​
• בסליידרים לבטל AUTO PLAY​
• כאשר תמונה רלוונטית רק לעיצוב - יש להשאיר את הALT ריק​
• תת תפריט- אינו נגיש​

כלים ועזרים​

• boostrap sr only רק קורא מסך יכול לקרוא - יכול לקבל פוקוס ומתרחב בהתאם
• בוסטראפ נגיש של pay pal - קיצור דרך רציני להנגשה​
• תוסף נגישות של עמית מורנו - סקיפלינג + סרגל נגישות Accessible poetry​
• תוסף נגישות של פוג'ו - לתבניות פוג'ו בלבד. ​
• WAVE - תוסף לכרום
• NVDA - תוכנה להקראת מסך (באנגלית)
• תוסף נגישות של OCW​

כתבה וסיכמה: נינה אופק

 

[מתנה ששווה]

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

 

[תמנתי ווב דיזיין]

מסתמן שלא תהיה ברירה אלא להתמודד עם זה

 

[תמנתי ווב דיזיין]

אפשר להרשם פה:
https://www.facebook.com/events/1529885577331141/
ומי שזה חסום לו, יכול להרשם אצלי
כרגע כתבתי תאריך של 30 לדצמבר אבל זה לא סגור בכלל.
אחרי שירשמו לפחות 30 איש, נוכל לסגור תאריך ושעה

 

[תמנתי ווב דיזיין]

נקבע תאריך של כ"ג טבת [4 לינואר 2016 למניינם] לסדנא הייעודית להנגשת אתרים בירושלים.
כל מעצבי ובוני האתרים מוזמנים.
זה יהיה במחיר עלות של עד 50 ש"ח [עוד מנסה להוריד את המחיר הזה]
זה מותנה במינימום 30 משתתפים
ומספר המקומות מוגבל ל 45 איש.
רכישת כרטיס כניסה אצלי ורק מי שרכש מראש לפני שיאזלו המקומות יוכל לבוא.

מי שרוצה מוזמן לכתוב לי לאימייל
<לא ניתן לפרסם מיילים באופן פומבי>

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

תודה ובהצלחה לכולנו

 

[s.w]

זה נשמע שזה קשור רק למתכנת אתר ולא למעצב.
אני צודקת?

 

[תמנתי ווב דיזיין]

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

 

[רחל ז.]

שעה?