-
תגובות
-
בימים אלו אנחנו בתהליך אפיון של תוסף נגישות שאנחנו רוצים לצרף בעתיד לערכות העיצוב שלנו ובו יהיו כמה אפשרויות: הגדלת/הקטנת טקסט, שינוי צבעי הרקע והטיפוגרפיה עבור כבדי ראיה ועוורי צבעים וכדו'
אנחנו נשמח מאוד לשמוע את דעתכם המקצועית בעניין. אם אתה חושבים שיש לכם מה לתרום לנו בנושא אתם מוזמנים להוסיף רעיונות על איך תוסף הנגישות אמור לעבוד לדעתכם ואילו אפשרויות הייתם מצפים שיהיו בו.
לאתר של תוסף הנגישות לוורדפרס לחצו כאן: https://wpaccessibility.io/
קודם כל כל הכבוד על החשיבה ללכת צעד קדימה, לפי דעתי מעבר למה שהתוסף יעשה אוטומטי בנושא הנגישות, הייתי ממליץ שהוא גם יעשה או סריקה, או שיחולק לנושאים שחייבים באתר נגישות ויגיד למשתמש מה צריך לשנות ברמת משתמש ולא מתכנת כמובן לפי AA, כך שכל מי שיש לו היום למעשה אתר עם התבניות שלכם יוכל להנגיש את האתר שלו בעצמו.
ועוד קישור חשוב מאוד אבל הוא לגמרי לא מספיק בפני עצמו (הוא עושה גם לא מעט טעויות): זה קישור לאתר בינלאומי ששמים בפנים כתובת של עמוד באתר והוא מסמן איפה טעון שיפור מבחינת נגישות. כל אלמנט בעייתי מסומן ומקושר להסבר:
http://wave.webaim.org/כל הכבוד לכם!!! מחכה בסבלנות!
צריך לבדוק את האופציה של סאונד אולי..
הבנתי שיצא תוסף: https://he.wordpress.org/plugins/accessible-poetry/
לא ניסיתי אותו אבל אולי צריך להבין מה חסר שם ואז לבנות משהו יותר טוב.
תודה לכם!!
@michali תודה על הקישור לתוסף ההוא, זה מפתח ישראלי ששחרר אותו, אז זו כבר סיבה מספיק טובה כדי לפרגן שהוא עשה שם עבודה טובה מאוד (במיוחד הרעיון של שימוש בתפריטי WP בשביל Skiplinks).
בתוסף הזה יש בהחלט כמה פיצ'רים מעניינים, אבל אנחנו רוצים שהתוסף יהיה מותאם כמו שצריך לערכות העיצוב של Pojo ויאפשרו התממשקות עם ההתאמה אישית ואזורי הוידג'טים.
הנה סיכום זמני של אפשרויות התוסף שלנו:
- קונטרסט לכבדי ראיה
- קונטרסט לעוורי צבעים
- שינוי גודל פונט
- שורטקוד / ווידגט / PHP / סרגל צד עם כפתורי הנגישות לתצוגה
- Skiplinks באמצעות תפריטי WP
- ניהול מצבי קונטרסט באמצעות התאמה אישית
אין ספק שהתוספים שדנים עליהם הם מבורכים ונחוצים ביותר. יחד עם זאת, יש מספר דברים הקשורים לקוד הבסיסי שאודה אם תטפלו בהם כיוון שהם קריטיים אפילו להנגשה ברמה A:
1. כידוע, חוק ראשון בהנגשה זה טקסטים חלופיים תקינים ורלוונטיים. בבילדר ובוידג'טים – "תמונה" ו"טקסט ותמונה" לא מאפשרים כרגע טקסט חלופי תקין לתמונות. – הם מציגים את שם הקובץ כולל הסיומת וזה נחשב לפסול על פי הבדיקות שביצעתי.
2. היררכיית כותרות (h1 h2…) היא חשובה ביותר. מבנה הבילדר והוידג'טים, מאפשר רק כותרת H5 (מלבד " תמונה וטקסט" שמאפשר בחירה). זה מאלץ בהרבה מקרים היררכיה לא נכונה וזה מקשה על בעלי מוגבלויות המשתמשים בעזרים חיצוניים. דפים עם דרוג לא תקין – לא עובר מבחן נגישות.
3. ועוד בנושא טקסטים חלופיים: הלוגו מקבל אוטומטית טקסט חלופי של שם האתר. לצערי, אם ממלאים את שם האתר אז הוא מתלווה אוטומטית לTITLE של כל עמודי האתר וזה מהווה בעיה למקדמים ולכן הם כל פעם מוחקים את שם האתר. לכן, נוצר מצב שהלוגו נשאר יתום ללא טקסט חלופי וגם האיקונים לטלפון. אז או שמוותרים על ההשתלבות של שם האתר בכל הTITLES או שמוסיפים אפשרות להגדיר טקסט חלופי ללוגו.הצעה נוספת: טקסט חלופי לאזורים עם מצגות של revolution slider שלא ניתן לקרוא את תוכנם על ידי עזרים חיצוניים לעיוורים. הייתי שמה פה יותר מATL אלא ממש תוכן שמסכם את כל מסכי המצגת וכולל גם אפשרות הוספת קישורים, וכמובן גם ALT.
מקווה שתקבלו הערותי בברכה, נכתבו מתוך רצון לשפר – אני מרוצה מאוד מהמערכת שלכם וגם מהשרות.
1. דווקא בוידג'טים הללו שהזכרת יש אפשרות להוספת טקסט חלופי לכל תמונה (ALT)
2. רעיון טוב להוסיף שליטה על הכותרות הללו ברמת הוידג'ט, אבל כמובן שניתן להוסיף כותרות בצורה מסודרת לפי H על ידי הוידג'ט "כותרת"
3. לא הצלחתי להבין מה הפיתרון שלך יפתור את הבעיה, זה דבר הכי מקובל להוסיף את הכותרת של האתר ללוגו, לא הצלחתי להבין מה הטקסט חלופי יפתור?
4. זה כבר לא ממש קשור לערכת העיצוב שלנו אלא לתוסף חיצוני שמגיע כבונוס למשתמשים שלנו, אז לא יודע כמה זה רלוונטי
בכל אופן תודה על ההערות
תגובה זו סומנה כפרטית.סיכום נוכחי של אפשרויות התוסף שלנו:
- קונטרסט לכבדי ראיה
- קונטרסט לעוורי צבעים
- שינוי גודל פונט
- שורטקוד / ווידגט / PHP / סרגל צד עם כפתורי הנגישות לתצוגה
- Skiplinks באמצעות תפריטי WP
- ניהול מצבי קונטרסט באמצעות התאמה אישית
- עמוד הגדרות לניהול קיצורי מקשים, לדוגמא: s < skip to content
הי!
דיברתי עם הבחור – בטח נפרגן לו אבל גם בהחלט צריך כלי שיסתנכרן עם התבניות שלכם.
כשהכל בנוי תחת אותה קורת גג – אין ספק שזה הרבה יותר איכותי.התוסף נראה מצוין – נוכל להטמיע אותו בכל אתר שכבר בנינו?
כמובן שהתוסף שלנו יותאם במיוחד לכל מי שמשתמש עם ערכות העיצוב של pojo
אני מברכת מאוד על התוסף שאתם מציעים ובהחלט מצפה לו בכיליון עיניים ובטוחה שבעלי מוגבלויות יהינו ממנו. יחד עם זאת, כדאי שתיקחו בחשבון שרוב הפונקציות של התוסף (מלבד האחרונה להבנתי), אינן מוזכרות במסגרת התאמת אתר ברמה הבסיסית על פי חוק לרמה AA ולכן הן אופציונליות על פי עניות דעתי.
לדעתי, לקראת השדרוג הבא, מלבד התוסף המבורך, אני מציעה שתורידו ותקראו את טופס בדיקת ההנגשה בקישור הבא>, תעברו עליו ותראו האם יש סעיפים שברמת התכנות של המערכת לא ניתן לממשם כרגע. אני לא מתכנתת ולא יודעת להגיד בדיוק מה חסר ואם חסר, חוץ מהעניין שציינתי – הקושי בסידור היררכית כותרות בוידג'טים ואולי גם הוספת ALT ו טקסט מורחב ל"בר כותרת" שזה יעזור בעיקר במצב של מצגות.
אני יודעת שלמנהל האתר עצמו, יש חלק גדול באחריות לנגישות שלא נדבר על הורדה עצמאית של תוספים שזה לגמרי באחריותו, אבל עדיין המערכת שלכם בבסיסה אמורה לדעתי לאפשר למי שרוצה – הנגשה מלאה לרמה AA.בקיצור: קודם הלחם ואחר כך החמאה (-:
תודה על הכל – כל הכבוד על הרמת הכפפה !
בהמשך להןדעה הקודמת – זה הקישור: http://www.nagish.org.il/?page_id=129
היי
שמח שאתם מקדמים את נושא תוסף הנגישות . הייתי בין בראשונים ששאלו אותכם בנושא .
אני חושב שמה שצריך להוסיף לתכונות התוסף שפירטתם הם :
אפשרות תנועה באתר ע"י מקש TAB וחיצים מבלי שיהיו "מלכודות" ניווט שתוקעות את הגולש המוגבל לחזור קדימה ואחורה באתר .
כל כפתור מעוצב – לדוגמא "חפש" יש לספק לו טקסט חלופי – "ALT ".
לוודגטים של וידאו/אודיו כגון סרטונים אלה אולי לספק לו טקסט חלופי – "ALT ". כמו כן לאפשר הפעלת הוידאו ע"י מקלדת .
מעבר לאפשרות להגדיל ולהקטין את האתר מבלי לפגוע בעיצובו הן ע"י שלוש ברירות מחדל בראש העמוד והן לאפשר גם על ידי שימוש במקשים ב Control + / – .
הדגשת קישורים לא רק עי צבעים
ידידותיות לתוכנות נגישות לעיווריםתודה על מאמץ והשקעה שאתם עושים עבור בוני האתרים וכמובן עבור האכלוסייה עם מוגבלות שזקוקה לכך.
שימו לב לתארכי הנגשת אתרים . כל אתר קיים או חדש חייב להיות מונגש החל מ 25/10/2015
על כן נשמח שתוסף יהיה מוכן לפני על מנת שיהיה זמן לשתול את התוסף באתרים שהקמנו .ירון
מעביר לכם תקציר מאתר נגישות שמסביר מה זה אתר נגיש בקצרה שפורסם מאתר נגישות ישראל (יתרונה שהוא מסביר בגובה העיניים מה נדרש בקצרה בלי כל פירוט התקנים המסובכים)
מהו אתר אינטרנט נגיש?
אתר אינטרנט נגיש הינו אתר שיאפשר לכל אדם עם כל סוג של מוגבלות לגלוש בו.
להלן מספר דוגמאות לאתר נגיש:
גולש זה עושה שימוש בתוכנות מסייעות ביניהן תוכנה היודעת להקריא טקסטים הכתובים באתר לאודיו (כגון TTS – Text To speech ) לצורך כך נדרש להתאים את האתר כך שניתן יהיה לתמרן בעזרת מקשים כגון TAB והחיצים.
האתר יתוכנת כך שיאפשר שימוש בטכנולוגיות מסייעות כגון מסך ברייל לעיוורים.
יאפשר ע"י מקשים לדלג ישירות לאזורים העיקריים של האתר.
התכנים באתר יוזנו תוך שימוש בכותרות (Header 1-6 ) – כל אזור באתר יקבל כותרת, כל כתבה כותרת וכ"ו – תכנות והזנת מידע באופן היררכי כזה יאפשר לגולש העיוור לנווט ביתר קלות ולהתמצא באתר.
כל תמונה – תיכלול בנוסף העלאתה תיאור טקסטואלי אשר יתאר את הנראה בתמונה – זה נקרא בשפה המקצועית "ALT " – המשמעות היא שללא טקסט חלופי "ALT " לתמונות לא יוכל הגולש העיוור לדעת מה ניראה בתמונה.
כל כפתור מעוצב – לדוגמא "חפש" יש לספק לו טקסט חלופי – "ALT ".
Capuche – במקרה ויש צורך להזין נתונים המופיעים כקוד גראפי, יש לספק חלופה קולית על ידי הטמעת מנגנון קולי שיחליף את הקוד הגראפי.
בטפסים קריטי להשתמש בתוויות (Labels ) בשדות טפסים, בשדות החיפוש ובכפתורי פעולה (כגון, שלח, הירשם וכד') אחרת העיוור לא ידע כיצד למלא ולתפעל את הטופס.
טבלאות – חייבים לשים כותרות של טבלאות הנקראות – TH – אלה מקריאות לקורא המסך את שם / נושא העמודה / שורה.
חשוב שהאתר יכלול מנוע חיפוש מובנה, תוכן עניינים ו/או מפת אתר.
האתר יעוצב כך שתהיה ניגודיות בצבעים על מנת להקל קריאה של לקויי ראייה.
האתר יאפשר להגדיל ולהקטין את האתר מבלי לפגוע בעיצובו הן ע"י שלוש ברירות מחדל בראש העמוד והן ע"י שימוש במקשים ב Control + / – .
האתר יאפשר לשנות צבעים ולהתאימם פרסונאלית לפי הצרכים של הגולש.
יעוצב בפשטות.
יוודא הדגשת קישורים.
בכל מקום בו יש אודיו כגון סרטונים אלה ילווו בכתוביות או בתיאור טקסטואלי.
להתאים את האתר כך שניתן יהיה לתמרן בעזרת מקשים כגון TAB , ENTER , והחיצים.
לאפשר שימוש בטכנולוגיות מסייעות כגון TrackBall או טכנולוגיות מסייעות שונות.
יוודא הנגשת השדות בהם ממוקד האתר.
יוודא הדגשת קישורים.
במידה וקיימים סרטוני וידיאו באתר יש לאפשר להפעילם בנגן מדיה נגיש (כדוגמת הנגן ב- YouTube ) כך שניתן יהיה להפעיל את כפתורי המדיה באמצעות המקלדת.
יוודא שהתכנים יכתבו בפשטות לקריאה והבנה באתר.
על אתר האינטרנט לספק ממשק משתמש אשר יאפשר דיאלוג בשפת המשתמש, כאשר הרכיבים הקבועים בו יופיעו בסדר לוגי ועקבי ושלמשתמש תינתן בעת הצורך תמיכה ועזרה וכן אפשרות לצאת ממצבים עמומים ולא מובנים בתפעול האתר.
מסמכים שמצורפים לאתר כגון וורד ו PDF יונגשו גם הם.
האתר יציין את היותו נגיש ע"י לוגו מיוחד.
האתר יוסיף מדור נגישות – מדור בו מפורסמים הסדרי הנגישות של העסק/ארגון ופרסום פרטי רכז הנגישות של הארגון.
הצהרת נגישות – הוספת חלק המסביר על נגישות אתר האינטרנט שלך ועל הדרך להשתמש בו.
הערה חשובה – אלה הן רק חלק מהדרישות להנגשת אתר אינטרנט ויש לפעול לפי הנחיות הת.י. 5568 להנגשת אתרי אינטרנט.הי
רק תיקון: אתרים ישנים חייבים בהנגשה על 25/10/2016. אתרים חדשים שעולים אחרי תאריך 25/10/2015 חייבים לעלות כבר מונגשים.שלום,
קודם כל כל הכבוד על היוזמה האדירה הזו.אני רוצה להמליץ על משהו שאני משתמש בו בעיקר לפני שאני כותב טקסט, זה יישום חינמי לחלוטין ואולי אפשר להלביש את האלגוריתם שלו בתבניות שלכם, מעבר לנושא של נגישות, אין לכם מושג כמה זה עוזר לי כשאני מעצב ויכול לדגום צבע מכל מקום באתר או במחשב שאני נמצא בו מבלי להוריד חלונות.
ביישום אני דוגם שתי צבעים רקע + טקסט והוא נותן לי לפי מדרגות הנגישות pass aa או pass aaa, אני לא בקי גדול בחוקים, אבל אני מוודא שאני עומד לפחות באחת מהדרגות הללו, הרבה פעמים הוא מראה לי נכשל.
את היישום תוכלו למצוא בקישור הבא – http://www.paciellogroup.com/resources/contrastanalyser/אולי גם כדאי לעשות אפשרות שהתוסף ינפיק דו"ח על בעיות נגישות באתר תוך הצבעה על המקומות הבעייתים בצורה קצת יותר ידידותית מכל הכלים האוטומטיים הקיימים
@שלומי כהן
במקום להשתמש בכלי כזה – שזה חשוב בפני עצמו למעצבים – אנחנו רוצים להוסיף כפתור "קונטרסט" שיהפוך כל הצבעים אוטומטית לשחור/לבן או אפור/צהוב וכדו'
@שרה
זה כבר משהו מורכב יותר, כמה שאני יודע יש כמה כלים שעושים את זה ברשת, ואני מעדיף לתת פתרון יישומי במקום סתם להביא כלי אבחון…
כל הכבוד לכם על הפעילות המדהימה שאתם עושים! ממש לא עוצרים לרגע…:)
מתי להערכתכם התוסף יעלה לאוויר? זה חשוב מאד ויש לזה ביקוש מהלקוחות שלנו.
תודה 🙂
מעריך שנשחרר אותו במהלך החודש הקרוב1. אם הכנסתם אפשרות ל-Skiplinks אז להוסיף אפשרות להגדיר עיצוב לאיך ה-focus יראה כשעוברים בין קישורים ולהוסיף אפשרות לקבוע tabindex.
2. להוסיף תכונה לכל אלמנט שך aria-hidden ו – aria-label
3. בדיקת קונטרסט בין שני צבעים: אידיאלי זה שהאלגוריתם יבדוק לבד את הצבעים באתר ויתריע אם ישנה בעיה, במידה וזה בעייתי להוסיף colorpicker עבור המשתמש כדי שיוכל לבדוק בעצמו.האם התוסף יהיה חינמי ללקוחות pojo?
תודה בהצלחה!
1. לגבי הפוקוס, רעיון מעולה.
2. לגבי ה Tabindex ו aria צריך להבין איך בדיוק אפשר לממש את זה ברמת המערכת נשמע מעניין, לא בטוח שזה ישים ברמת תוסף :\
3. זה כבר דורש אלגוריתם מורכב יחסית להכניס לכזה תוסף, כמה שאני יודע יש כמה כלים שעושים את זה ברשת, והתוסף שלנו אמור להביא פיתרון בפועל, פחות להיות ה Checker שבודק את האתר שלך כמו אלו למשל:
http://wave.webaim.org/
http://achecker.ca/checker/index.php4. כמובן 🙂
הפורום 'הרעיונות שלכם' נסגר לדיונים ולתגובות חדשות.