האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?

האם ויקיפדיה מונגשת

?לאנשים עם מוגבלויות

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

הישראליהאינטרנט איגוד , אייל סלע

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.

23

23

www.google.com/recaptcha

ראיה

שמיעה

24

זמן-חלופות עבור מדיה מבוססת 1.2

, תיאורים כתובים של צלילים משמעותיים, כתוביות לוידאו או קול

תיאורי אודיו למידע חזותי משמעותי

25

Universal Subtitles

universalsubtitles.org

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

צפוי -מבנה ערכים

:למשל

, צריכה להיות הראשונה בערך{{ פירוש נוסף}}תבנית •

לפני כל תמונה או טקסט אחר

תבנית הפניה לערך מורחב צריכה לבוא מיד לאחר •

.כותרת הסעיף אליו היא קשורה

הימנעו מהצבת שורות כתובות לצידו של תוכן •

או במקומות אחרים שבהם לא מקובל , העניינים

.להציבן

35

טקסט בעל משמעות בקישורים

X לחץ כאןלקריאת התוכנית המלאה

V התוכנית המלאהקראו את

36

!כותרות והיררכיה

37

ניתן להבנה :3עקרון

38

טקסט בר הבנה 3.1

רגון'וזפירוש קיצורים , רמת הטקסט

39

הימנעו מיצירת קישורים עודפים שאינם דרושים •

.להבנת המאמר

:בעריכה•

השתמשו בקוד קצר • "ים[[ישראל"]]לעומת [[" ישראלים|ישראל"]]

40

עזרה

קישור לטקסט עזרה-

הצגת דוגמאות לערכים נכונים-

41

.ציין כתיב נכון –מחקת ערך בעל כתיב שגוי •

:דוגמה

: יש לכתוב" אנטארטיקה"במחיקת ההפניה השגויה

כתיב שגוי " )אנטארטיקה"מפעיל מערכת פלוני מחק את

(.אנטארקטיקה-ל

42

WAI-ARIA…

43

אייל סלע

eyal@isoc.org.il

-במצגת השתמשו

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

("CC BY 2.5)ישראל 2.5רישון ייחוס "כפי שמופיע ב, האינטרנט הישראלי /il/5.2creativecommons.org/licenses/by: מידע נוסף על רישיון השימוש

.תמונות וחומרים מממקורות חיצונייםל אינו תקף ל"הנ

בייניש אילנה

benish.ilana@gmail.com