Embed Size (px)
DESCRIPTION
Citation preview
האם ויקיפדיה מונגשת
?לאנשים עם מוגבלויות
ישראלנגישות , אילנה בייניש
הישראליהאינטרנט איגוד , אייל סלע
2
תוכנית
מהי נגישות•
כלים•
•WCAG 2.0 וווקיפדיה
3
מהי
נגישות
4
:מוגבלויות המשפיעות על השימוש באינטרנט
(ברייל, קוראי מסך) עיוורון •
(מגדילי מסך)ראייה לקויה •
עיוורון צבעים•
שמיעה•
קוגניציה•
(אי שימוש בעכבר, עזרי ניווט) מוטוריקה•
5
?מהו אתר נגיש
אתר המאפשר לאנשים עם מוגבלות לגלוש באותה רמה
.של יעילות והנאה ככל הגולשים
6
....נגישות זה גם
•ROI (יותר מצליחים להשתמש, יותר קהל)
•SEO (פשוט ככה)...
(תת קבוצה) שימושיות•
•Mobile (יש חפיפה בין צרכי המשתמשים)
(מרגישים את ההבדל) מקצועיות•
...(בקרוב)חוק •
(עלייה בתוחלת החיים)שוק מתרחב •
7
...אה כן
אנשים
8
על מה אנחנו
?מדברים
9
2.0 (WCAG)הנחיות להנגשת תכני אתרי אינטרנט
• j.mp/w3av2
10
j.mp/w3ada
עקרונות 4
קווים מנחים 12
מדדי הצלחה
))
שיטות
11
A ,AA ,AAA –שלוש רמות נגישות
12
כלים
13
nagish.org.il
14
1j.mp/accpyk - נגישות:ויקיפדיה•
•Manual of Style/Accessibility - wikiaccj.mp/
•Alternative text for images - wikialtj.mp/
/wikibgacj.mp –באגים בנושא נגישות בוויקיפדיה •
•Accessibility advocates - accadvcj.mp/
15
Techniques for WCAG 2.0 (single file)
•64il3j.mp/w
15
16
WCAG 2.0 ווקיפדיה
17
“It should be noted that Wikipedia's design is already quite accessible… Bravo!.. But there are still a few things we can do, especially in the area of recommendations about how to write articles”
meta.wikimedia.org/wiki/Accessibility
18
כתיבת ערך בויקיפדיה -הדגמה
19
הקווים המנחים 12
תפיסה. 1
חלופה טקסטואלית 1.1
מדיה מבוססת־זמן 1.2
גמישות 1.3
הבחנה 1.4
תפעול. 2
נגישות מהמקלדת 2.1
משך־זמן מספיק 2.2
מניעת התקפים אפילפטיים 2.3
ניווט נוח 2.4
נהירּות. 3 קריאּות 3.1
תפקוד באופן צפוי 3.2
עזרה בהזנת קלט 3.3
יציבות. 4
תאימּות 4.1
20
נתפס: 1עקרון
( perceive)מבחינה חושית ' לתפוס'ניתן
.את תוכן האתר
21
j.mp/w3il50
חלופה טקסטואלית 1.1 (CAPTCHA -חלופה ל, תיאור תמונה)
22
alt-שימוש ב
j.mp/w3il51
alt=A red flag divided into four by a white cross slightly offset to the left.
24
זמן-חלופות עבור מדיה מבוססת 1.2
, תיאורים כתובים של צלילים משמעותיים, כתוביות לוידאו או קול
תיאורי אודיו למידע חזותי משמעותי
26
תוכן הניתן להתאמה 1.3
קרבה בין , הפרדת תוכן מעיצוב, תגיות נכונות וסמנטיות
זיהוי כותרות ורשימות, אלמנטים קשורים
27
בעריכת הטקסט הימנעו ככל האפשר משבירת שורה•
עדיף שחור על לבן –דיאגראמות ותמונות דו צבעיות •
...(על פי כללי העיצוב)הבניית ערכים •
28
(( "…"=summaryתקציר •
) ! (כותרות עמודות ושורות •
(| )+הטבלה כותרת•
29
בר הבחנה 1.4
אי , אי שימוש בצבע בלבד למשמעות –הפרדת חזית מרקע •
ניגודיות, שימוש בתמונה כטקסט
30
שימוש בצבע
j.mp/w3ad8
שינוי רקע מסגרתהוספת 1, ,הדגישו גם באמצעות עיבוי
31
צבעים-ניגוד
(j.mp/cont123 ,j.mp/w3ad9 השתמשו בבודק ניגודיות : )
4.5:1ניגוד של לפחות -יחס•
כי קשה לקרוא כאשר אין מספיק
ניגודיות
32
ניתן להפעלה: 2עקרון
33
קלות ניווט ומציאת מידע 2.4
דפים מובנים עם כותרות , מספר דרכים לאותו תוכן•
קישורים ברורים, נכונות
34
צפוי -מבנה ערכים
:למשל
, צריכה להיות הראשונה בערך{{ פירוש נוסף}}תבנית •
לפני כל תמונה או טקסט אחר
תבנית הפניה לערך מורחב צריכה לבוא מיד לאחר •
.כותרת הסעיף אליו היא קשורה
הימנעו מהצבת שורות כתובות לצידו של תוכן •
או במקומות אחרים שבהם לא מקובל , העניינים
.להציבן
36
!כותרות והיררכיה
37
ניתן להבנה :3עקרון
38
טקסט בר הבנה 3.1
רגון'וזפירוש קיצורים , רמת הטקסט
39
הימנעו מיצירת קישורים עודפים שאינם דרושים •
.להבנת המאמר
:בעריכה•
השתמשו בקוד קצר • "ים[[ישראל"]]לעומת [[" ישראלים|ישראל"]]
40
עזרה
קישור לטקסט עזרה-
הצגת דוגמאות לערכים נכונים-
41
.ציין כתיב נכון –מחקת ערך בעל כתיב שגוי •
:דוגמה
: יש לכתוב" אנטארטיקה"במחיקת ההפניה השגויה
כתיב שגוי " )אנטארטיקה"מפעיל מערכת פלוני מחק את
(.אנטארקטיקה-ל
42
WAI-ARIA…
43
אייל סלע
-במצגת השתמשו
ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד , המצגת ניתנת לשימוש באופן חופשי
("CC BY 2.5)ישראל 2.5רישון ייחוס "כפי שמופיע ב, האינטרנט הישראלי /il/5.2creativecommons.org/licenses/by: מידע נוסף על רישיון השימוש
.תמונות וחומרים מממקורות חיצונייםל אינו תקף ל"הנ
בייניש אילנה
