reCAPTCHA של Google נגיש עם מקלדת

Niquelao איך אתה אומר שזה יצא לך? דלג לתוכן Home Contrast Checker HeadingsMap Easyvalidator אודותיי… ← EasyValidator, אימות אתרים מקוון מ-Firefox עדכון של Contrast Checker → reCAPTCHA של Google נגיש עם מקלדת פורסם ב-22 באוגוסט 2013 על ידי Rumoroso לפני כמה ימים הצגתי את המונח rescripting . ה-rescripting הוא מתודולוגיית העבודה המשמשת להתאמת סקריפטים, אתרי אינטרנט וכו’ לדרישות מסוימות (נגישות, תקנים, ניידות וכו’) ללא צורך בתכנות מחדש/קידוד מחדש . זה שימושי במיוחד לפתרון בעיות נגישות של מערכות שנבנו סביב שירותי javascript. כאשר איננו יכולים לקודד מחדש את הסקריפט, האפשרות היא ליצור סקריפט שמשלים את הקודם ופותר את הבעיות שהוא יוצר. הפעם מה שעשיתי היה סקריפט פשוט שמאפשר למערכת ה-reCAPTCHA של Google להיות נגישה עם מקלדת. זו דוגמה ל-reCAPTCHA שיצרתי כדי להדגים על מה אני מדבר. אם מנווטים באמצעות Tab, הפוקוס נופל על שדה הטקסט אבל אם ממשיכים, שלושת הכפתורים שיש לו (רענון, גרסת אודיו ועזרה) מדולגים והוא ממשיך לעמוד הבא. זה גורם לכך ששלושת הכפתורים הללו אינם נגישים עם מקלדת, ולכן לא מתקיים תקן WCAG 2 ( Guideline 2.1 Keyboard Accessible: Make all functionality available from a keyboard ). הפיכת שלושת הכפתורים לנגישים עם מקלדת היא פשוטה. בקוד הם קישורים, אבל אין להם את המאפיין href , ולכן הם לא יכולים לקבל פוקוס. מה שעשיתי היה ליצור סקריפט פשוט שמוסיף את המאפיין tabindex . אם ניתן לו את הערך “0”, נשיג שהקישורים ייכללו ברצף הטבולציה הטבעי מבלי לשנות את סדרו. כך, כפי שניתן לראות בדוגמה של reCAPTCHA נגיש עם מקלדת , עם סקריפט פשוט נוכל להשיג עמידה בדרישת WCAG 2 ללא צורך להחליף מערכת captcha בגלל חוסר היכולת לתכנת מחדש את הקוד שהוא כולל. זהו הקישור עם הסקריפט הפשוט שעשיתי עבור ה-rescripting של מערכת ה-captcha . רשומה זו פורסמה ב- Accesibilidad , Javascript , rescripting ותויגה accesibilidad , re-scripting , rescripting . שמור קישור קבוע . ← EasyValidator, אימות אתרים מקוון מ-Firefox עדכון של Contrast Checker → 4 תגובות ל-reCAPTCHA של Google נגיש עם מקלדת Pete אמר: 18 בפברואר 2014 בשעה 23:25 הסתכלתי על עמוד ההדגמה שלך. האלמנטים האלה מקבלים פוקוס, אבל אני לא מצליח לעקוב אחרי הקישורים. הם לא עובדים עם המקלדת. הם כן עובדים כשמקליקים עליהם. אני בודק ב-Chrome. Rumoroso אמר: 19 בפברואר 2014 בשעה 0:16 היי Pete, תודה על התגובה. אני בדיוק רואה על מה אתה מדבר והבעיה (אני מניח) היא שהסקריפט של recaptcha השתנה ואין אירועי onclick באלמנטים האינטראקטיביים. שיניתי את הסקריפט שלי להפעיל את האירוע הזה בלחיצת מקש, אז אני חושב שזה נפתר… בברכה Pete אמר: 4 במרץ 2014 בשעה 17:14 נראה מעולה. חסר עוד דבר אחד אחרון, אם אני בוחר לשמוע את האודיו, הקישור “Get an audio challenge” משתנה באורח פלא לכפתור “Get a visual challenge” שאי אפשר להגיע אליו עם Tab. לא בטוח אם גם את החלק הזה אפשר לתכנת מחדש. Rumoroso אמר: 12 במרץ 2014 בשעה 11:00 היי Pete, כן, לא ראיתי את המצב הזה ב-rescript האחרון. עשיתי עכשיו שינוי כדי לפתור אותו. הבעיה הייתה באירוע ה-onclick שמשויך לכל קישור. האירוע הזה לא הבחין בין קודי המקשים של המקלדת. עכשיו, האירוע הזה עובד רק עם “מקש enter”. תודה על המשוב (שימושי לפתרון באגים…). אם תראה בעיה חדשה… אתה יודע… השאר תגובה ביטול תגובה קטגוריות (X)HTML Accesibilidad CSS html5 Javascript movilidad web Niquelando rescripting Follow @rumoroso Niquelao פועל עם WordPress.

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.