נגישות אתרים
TRANSCRIPT
נגישות אתרים
מהי הנגשת אתר?הנגשה היא למעשה מציאת תחליף לביצוע פעולה שכל בן אדם "רגיל" מבצע.
אתרים נגישים המאפשרים לאנשים בעלי מוגבלות ואנשים מבוגרים לגלוש באותה רמת יעילות והנאה ככל הגולשים.
להנחיות התקן על פי חוק
סוגי המוגבלויותעיוורון:
בעיות ראיה.
נכות פיסית:
מוגבלות פיסית בגוף.
חירשים:
בעיות שמיעה.
מוגבלות קוגניטיבית וחושית:
קושי חזותי בתפיסת צורות, צלילים וצבעים מסוימים הקשים בעיות תפיסה:
לזיהוי.
בעיות קשב וריכוז. זיכרון לטווח קצר וצומת לב:
– קושי ביכולת לשייך רמזים שמיעתיים וחזותיים לאורך זמן. רצף
– קושי בפירוש מילים , מספרים או מתמטיקה. דיסלקציה
נגישות על פי חוק! – צריך להיות 25/10/15אתר קיים או אתר חדש שהועלה לשימוש הציבור לפני •
חודשים( מיום כניסת התקנות לתוקף.36 שנים )3מונגש בתוך כל יישום או עמוד שיתווסף לאתר הקיים לאחר שהונגש, חייב להיות 25/10/15עד •
נגיש גם הוא מרגע השקת היישום לשימוש הציבור.
– צריך 25/10/15אתר חדש או תוספת לאתר קיים שהועלו לשימוש הציבור לאחר •להיות נגיש מרגע השקתו לשימוש הציבור.
כל אתר חדש או כל חלק חדש באתר קיים מחויב נגישות האתריםבהתאם לחוק •על פי חוק להנגיש את האתר לכל אדם הגולש באינטרנט. חוק הנגישות אומר שכל
אדם ללא הבדלים יוכל לגלוש באינטרנט ללא השפעה משמעותית של מגבלותיו.
מה צריך להיות מונגש?לא רק אתרי אינטרנט חייבים בנגישות אלא גם...
סרטונים, קבצי שמע, טקסט העמוד, פונט הטקסט, כותרות בעמוד, טפסי ליד,
תמונות, מסמכים, כפתורים, דפי נחיתה, אפליקציות, טלפונים סלולרים, טאבלטים,
וכל שירות או מידע אודות השירות שניתנים באמצעות האינטרנט.PDFמסמכי וורד/
אך מנגישים אתר בפועל?כתיבת קוד האתר כך שכל אדם יוכל לגלוש בו,
בלי קשר למגבלה ממנה הוא סובל
הדגשת אזור הפעולה בעמוד•
הדגשת כותרות, קישורים, תפריטים וכדומה•
ניווט בסדר נכון והגיוני )ישראל -משמאל לימין, אנגלית הפוך(•
אפשרויות להגדלת טקסט ושינוי צבע העמוד•
תמלול או טקסט חלופי במקרה של סרטונים ותמונות•
שינויים בקוד האתר על מנת להגדיר כל רכיב לפי המשמעות שלו•
הצהרת נגישות המסבירה מה נגיש באתר•
ו...נצלול לעומק להנחיותלהלן הנחיות כלליות להנגשת האתר על מנת שיעמוד
בתנאים הבסיסיים על פי החוק:עמוד באופן כללי:
– יש לאפשר לגולש לבחור את גודל הטקסט המוצג באתר – הגדלת טקסט •, בלי לאבד דבר מהתוכן ובלי 200%טקסט קטן, גדול או בינוני בשיעור של עד
לפגום בתפקודו
– יש להשתמש בהגדרות נכונות בכל קוד האתר. כל הגדרות נכונות בקוד האתר •כותרת תקבל תג כותרת, כל טקסט יקבל תג של טקסט, תמונה תקבל תג של
ואילו כותרות המשנה יקבלו H1תמונה וכדומה כך למשל כותרת ראשית תקבל וחייבות IMGE וכו(, תמונות יקבלו תגית של H2,H3 המשניות )Hאת תגיות ה-
עם תוכן המתאר את התמונה. ALTלהתווסף אליהן תגית
– כל תוכן המוצג באתר ואינו מוגדר כטקסט תהיה חלופה תוכן ללא טקסט •טקסטואלית שתשמש לאותן מטרות.
עמוד באופן כלליחלק מהקריטריונים להצלחה דורשים שהתוכן )או היבטים - זיהוי על ידי תכנה •
ניתן לזיהוי על ידי תוכנה. הכוונה היא להעברת התוכן בדרך מסוימים שלו( יהיהשמאפשרת לאמצעים העומדים לרשות המשתמש, בכלל זה טכנולוגיות מסייעות
(ATב )(, לשלוף את המידע ולהציג אותו באופנים שונים. פרטים נוספים )באנגלית."הסבר על "זיהוי על ידי תוכנה
– יש להתאים א האתר לדפדפנים השונים כגון כרום, התאמה לדפדפנים שונים •אקספלורר, פייר פוקס וכן להתאים לדפדפנים בגרסאות שונות וכדומה.
– יש לכתוב הצהרת נגישות באתר. הצהרת הנגישות צריכה הצהרת נגישות •לכלול אילו אזורים נגישים, מה הפעולות שבוצעו על מנת להנגיש את האתר, מייל
לפנייה בנושא נגישות. הצהרת הנגישות צריכה להופיע בפוטר האתר דרך לינק.
מדיה מבוססת זמןיש לספק דרכים חלופות לכל מדיה מבוססת זמן כגון סרטונים, אאודיו, תמונות
.מתחלפות, כתוביות וכדומה
- יש לספק חלופה למדיה מבוססת־הזמן, כך שתעביר את אותו שמע־בלבד •המידע הכלול בתוכנו של קטע השמע־בלבד המוקלט מראש.
- יש לספק חלופה למדיה מבוססת־הזמן, או פס־קול, כך שיעבירו את וידאו־בלבד •אותו המידע הכלול בתוכנו של קטע הווידאו־בלבד המוקלט.
- יש לספק כתוביות במדיה מסונכרנת לכל תוכן שמע מוקלט מראש, כתוביות•למעט במקרה שהמדיה היא חלופה לטקסט ומסומנת כך באופן ברור.
יש לספק כתוביות במדיה מסונכרנת לכל שידור חי של תוכן בשמע.•
גמישותיש ליצור תכנים הניתנים להצגה בדרכים שונות )למשל, בפריסה פשוטה יותר(
בלי איבוד מידע או מבנה.
– יש לאפשר פוקוס של האתר ושל חלקים באתר.פוקוס•
- היו ניתנים לזיהוי על־ידי תוכנה או שיהיו זמינים כטקסט כך למשל מידע וקשרים • ללא כותרת וכדומה. H1אין להשתמש בתגית
– יש לפתח את האתר כך שיהיה בסדר נכון, כאשר היררכיה וסדר נכון והגיוני •אדם מנווט באתר דרך מקלדת או דרך תוכנת עזר הניווט באתר צריך להיות בסדר
נכון ומובן.
הבחנה- צבע לא ישמש אמצעי חזותי יחידי להעברת מידע, סימון פעולה, שימוש בצבע •
בקשת תגובה, או הבלטת עצם חזותי.
4.5:1 - הצגה חזותית של טקסט ושל תמונות טקסט תקיים יחס־ניגוד של ניגוד•לפחות, למעט במקרים הבאים.
- יש להעביר מידע באמצעות טקסט, ולא באמצעות תמונות תמונות של טקסט •של טקסט, כל עוד אפשר להשיג את ההצגה החזותית הרצויה בטכנולוגיות
הנמצאות בשימוש. יוצאים מכלל זה המקרים הבאים.
גישות מהמקלדת - כל הפעולות הקשורות בתוכן יהיו ניתנות לביצוע באמצעות מנשק מקלדת•
מקלדת, בלי דרישה לקצב הקלדה מסוים, למעט מקרים שבהם הקלט תלוי במעקב אחר תנועות המשתמש ולא רק בערך הסופי של ההקלדה.
יש לאפשר הסרה של מוקד המקלדת )הפוקוס( ממרכיב בלי "מלכודות מקלדת"- •כלשהו בדף באמצעות מנשק המקלדת בלבד, אם העברת המוקד למרכיב נעשית
באמצעות המקלדת. יש ליידע את המשתמש לגבי אופן הסרת מוקד המקלדת, אלא אם מדובר בשימוש •
במקש "טאב", במקשי החצים הרגילים או בדרך סטנדרטית אחרת לביצוע פעולה כזאת.
התקפים אפילפטיים- אין לכלול בדפי רשת דבר היוצר יותר יותר משלושה הבזקים או מתחת לסף •
משלושה הבזקים בשנייה אחת, אלא אם תדירות ההבזקים היא מתחת לסף הכללי .להבזקים ולהבזקים אדומים
ניווט נוחיש לספק למשתמשים אמצעים שיעזרו להם בניווט, באיתור תכנים ובזיהוי
המקום באתר.
- יש לקבוע מנגנון שיאפשר למשתמש לעקוף קטעי תוכן עקיפת קטעים חוזרים •שחוזרים שוב ושוב בדפי רשת רבים באתר.
יש לתת לדפי רשת כותרות שיתארו את נושא הדף או את כותרת לכל דף - •תכליתו.
מידע על מיקומו של המשתמש בתוך סדרה של דפי רשת יהיה זמין.מיקום - •
מנגנוני ניווט החוזרים ומופיעים בדפי רשת רבים בתוך סדרה של עקביות בניווט - •דפי רשת, יופיעו בכל פעם באותו סדר יחסי, אלא אם המשתמש יזם שינוי.
הדברים החשובים ביותר שיש ליישם•Title – יש לתתTitleלכל עמוד ללא יוצא מהכלל
כלשהיHכל כותרת באתר תכלול בקוד תגית כותרות – •
כל וידאו באתר יכלול תמלול של הסרטוןוידאו – •
עם תוכן המתאר את התמונהALTכל תמונה, ללא יוצא מהכלל, תקבל תגית תמונת – • – יש לתת לגולש אפשרות שליטה על גודל הטקסטגודל הטקסט•
– יש לתת לגולש אפשרות שליטה על צבע העמוד ושליטה על צבע העמוד •
contrastניגודיות( העמוד(
– יש לאפשר לגולש לשיטה מלאה דרך המקלדת וניווט פשוט שמגיע לכל שליטה במקלדת•
חלקי העמוד
– יש להדגיש את כל האזורים בו העכבר / המקלדת של הגולש נמצאתהדגשת אזור העכבר•
– בכל אתר חייב להיות הצהרת נגישות. זהו מסמך שבו אנו מסבירים לגולש הצהרת נגישות•
מה נגיש באתר, אילו אזורים באתר נגישים, באיזו רמה האתר נגיש, מיהו רכז הנגישות של
העסק + פרטי צור קשר
והכי חשוב להוסיף את הטקסט הבא...
במידה ומצאת או נפגעת מאזור שאינו נגיש ניתן "
XXX.co.il@XXXליצור אתנו קשר דרך
" ואנו נתקן את העמוד
** ההנחיות הנ"ל הן הנחיות כלליות המסתמכות על חוק הנגישות, ואינן מהוות תחליף לייעוץ משפטי **
טכנולוגיות מסיעות לנגישות באינטרנטג'ויסטיקים למיניהם, עכברים בעלי רגישות ועמידות שונים. עכבר תחליפי -
מקלדת וירטואלית שעובדות בעזרת מצלמה המפענחת את תחליפי מקלדת –
המיקוד העין.
קוראות את דף האינטרנט מלמעלה למטה תוכנות קוראות מסך –
(.Narrator)כרמית,
אחוז.800- הגדלה של הפריטים המופיעים על המסך עד לגודל של זכוכית מגדלת
כפתוריSWITCH תוכנה ייעודית שמותקנת במחשב מזהה את המהות של -
הלחיצה.
נגישות במוביילנגישות בסלולר תלויה בראש ובראשנה במכשיר האישי של המשתמש•
נגישות בסלולר הינה זהה מבחינת פיתוח אך שונה בשימוש התוכנות והטכנולוגיות •
המסיעות
מכשיר סלולרי נגיש לאנשים עם מוגבלויות ראיה יכלול את התכנות הבאות:•
- קורא מסך
- הנחיה קולית
ZOOM - שליטה על
- שליטה על ניגודיות
מומלץ לפתח אתרים רספונסיבים
הכוללים תוכן זהה, קוד אחיד ופיתוח קבוע.
יתרונות אתרים נגישים
מהאנשים בעולם )ע"פ מיקרוסופט( הינם בעלי 25%– נתח לקוחות גדול יותר •
25% מהאוכלוסייה ומפסיד את ה-75%מוגבלות כך שאתר לא נגיש פונה רק ל-
הנותרים.
– נגישות מאפשרת לגייס עובדים מצוינים בעלי מוגבלויות היכולים גיוס עובדים •
לבצע מגוון תפקידים.
•SEOהנגשת האתר ו- וקידום אתר –SEO הולכים ביחד בצורה ישירה. נגישות אתר
משפרת במידה רבה את האופטימיזציה של האתר ועוזרת בדירוגים גבוהים יותר.
– מיום הוצאה לפועל של חוק הנגישות כל אתר לא נגיש צמצום חשיפה לתביעות •
חשוף לתביעה משפטית.
SEOהקשר בין הנגשת אתרים ל-
מנועי החיפוש "מתנהגים" כמו אנשים עם מוגבלויות – הם אינם רואים ואינם •
שומעים. בעזרת הנגשת אתרים אנחנו נותנים להם מידע גדול יותר אודות האתר או
העמוד בו הם נמצאים.
הנגשת אתרים מגדירה בקוד האתר כל אלמנט לפי ההגדרה הספציפית שלו, דבר •
העוזר למנועי החיפוש להבין את העמוד.
הנגשת אתרים מקפידה על אופטימיזציה מקסימלית כגון: כותרות עמוד, תיאור •
עמוד, היררכיה נכונה, ניווט נכון בעמוד, כותרות טקסט וקוד נקי יותר. דברים אלו
חופפים את הנחיות גוגל לבניית אתר.
דוגמאות של אתרים נגישים
אתר הנגישות של ישראלhttp://www.nagish.org.il/
מי מודיעיןhttp://www.mei-modiin.co.il/
סלקוםhttps://www.cellcom.co.il/
לכל שאלה, תהייה ובעיה שלנוSEOמחלקת ה-
עומדת לרשותכם
09-8855824
http://he.gim.co.il/contact
https://www.facebook.com/GoInternetMarketing