Upload
cadman-buck
View
43
Download
4
Embed Size (px)
DESCRIPTION
28/4/2011. אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות. אייל סלע מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה -W3C הישראלי. תוכנית. מכשירים ניידים פלטפורמות ודפדפנים נגישות טיפים לאתר איכותי. איגוד האינטרנט הישראלי. שלוחת האיגוד הבינלאומי עמותה ללא מטרת רווח - PowerPoint PPT Presentation
Citation preview
1 / 116
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות.
אייל סלע
מנהל פרויקטים, איגוד האינטרנט הישראלי W3C-הישראלי ומשרד ה
28/4/2011
3 / 116
הישראלי האינטרנט איגודשלוחת האיגוד הבינלאומי
עמותה ללא מטרת רווח
פועל לקידום האינטרנט והטמעתו בישראל כתשתית טכנולוגית, מחקרית, חינוכית, חברתית
ועסקית
4 / 1164
W3C
ארגון בינלאומי•
ארגונים350כ-•
פורום ניטראלי ליצירת תקני הווב•
:משימה•להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה
.לטווח ארוך
6 / 116
Mobile vs deskop internt user projection 2007-2015
j.mp/dsafaa 6Source: thenextweb.com
7 / 116
Smartphone market share - Q1 2010
bit.ly/h755vK 7
(Q1 ’10:23% of mobile consumers have a smartphone)
8 / 116
גרסה לניידים של האתר
מבקרים ממכשירים ניידים מופנים אוטמטית - לגרסה המתאימה למכשירים ניידים
(...או אפליקציה? – שיקולים)
9
תצוגה•הזנת תוכן • רוחב פס ועלות•מטרות המשתמש •מגבלות המכשיר •
מגבלות והבדלים – מכשירים ניידים לעומת שולחניים
bit.ly/w3cmbp
20 / 116
השימוש על המשפיעות מוגבלויות:באינטרנט
(קוראי מסך, ברייל) עיוורון
(מגדילי מסך)ראייה לקויה
עיוורון צבעים
שמיעה
קוגניציה(עזרי ניווט, אי שימוש בעכבר) מוטוריקה
22 / 116
....נגישות זה גם
ROI)יותר קהל, יותר מצליחים להשתמש(
SEO)פשוט ככה(
)תת קבוצה(שימושיות
Mobile)יש חפיפה בין צרכי המשתמשים(
)מרגישים את ההבדל(מקצועיות
)בקרוב...(חוק
)עלייה בתוחלת החיים(שוק מתרחב
28 / 116
תקן ישראלי
בהכנה במכון התקנים•
2011ביקורת הציבור – •
WCAG 2.0 מבוסס על•התאמה לסביבה הישראלית•
30 / 116
הקווים המנחים 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
31 / 116
: נתפס1עקרון
ניתן 'לתפוס' מבחינה חושית)perceive (את תוכן האתר.
it can't be invisible to all of their senses
37 / 116
1חלופות עבור מדיה מבוססת-זמן 2.
כתוביות לוידאו, או קול, תיאורים כתובים של צלילים )משמעותיים, תיאורי אודיו למידע חזותי משמעותי)
40 / 116
1תוכן הניתן להתאמה 3.
תגיות נכונות וסמנטיות, הפרדת תוכן מעיצוב, קרבה )בין אלמנטים קשורים, זיהוי כותרות ורשימות)
42 / 116
הדרכה בהבנת תוכן ובהפעלתו לא תסתמך המאפיינים החושיים של מרכיבים, רק על
.כגון צורה, גודל, מיקום חזותי, כיוון או צליל
42
44 / 116
1בר הבחנה 4.
(הפרדת חזית מרקע – אי שימוש בצבע בלבד למשמעות, גודל אותיות בר הגדלה, אי שימוש בתמונה
כטקסט, ניגודיות)
47 / 116
ניגוד-צבעים4.5:1יחס-ניגוד של לפחות
(j.mp/cont123, j.mp/w3ad9 השתמשו בבודק( :ניגודיות
כי קשה לקרוא כאשר אין מספיק ניגודיות
53 / 116
: ניתן להפעלה2עקרון .המרכיבים והניווט ניתנים להפעלה
the interface cannot require interaction that a user cannot perform
59 / 116
מספיק זמן 2.2אפשרות הארכה, עצירת , session הזהרה מפני סיום)
תנועה ואיתחולה, עצירת עדכונים, אי הקצבת זמן (לפעולה (אם אפשר
69 / 116
קלות ניווט ומציאת מידע 2.4 (מספר דרכים לאותו תוכן, דפים מובנים עם כותרות
נכונות, קישורים ברורים, עקיפת בלוקים החוזרים על עצמם, סדר פוקוס נכון)
75 / 116
: ניתן להבנה3עקרון הטקסט ניתן לקראה ולהבנה
the content or operation cannot be beyond their understanding
80 / 116
3תמיכה בהזנה 3.
הסבר מדויק לטעיות, הסבר על מה צריך להזין, )ולידציה, טקסט עזרה)
)בנייה חכמה של טפסים
81 / 116
דרכי מניעת טעויות בטפסים
- ניתן לבטל הפעולההפיכּות •תצוגה מקדימהאישור - •
בדיקת הערכים שהוזנו– בדיקה•
86 / 116
- יציבות4עקרון תאימות מרבית עם דפדפנים, תוכנות וכדומה
as technologies and user agents evolve, the content should remain accessible
88 / 116
CSS-וה HTML-בדקו את תקינות הHTML - validator.w3.org בודק תקינות•j.mp/w3add1 - CSS בודק תקינות•
92 / 116
טיפים לאתר איכותייועץ •אפיון מפורט•לוודא שהמבצע בקיא ב:•
נגישות•כתיבת קוד איכותי ותקני•שימושיות•
עיצוב יפה, אמין•משוב – מהסביבה, ממשתמשים•כמובן - תוכן.•
)כמובן שזה תלוי בהיקף, תקציב וצורך. ייתכן ואתר קטן ופשוט יספיק!(