דלג לתוכן הראשי
Niquelao נגישות אינטרנט ופיתוח פרונט-אנד בספרדית: תקני WCAG, ווידג'טים נגישים ותוספים ל-Firefox, מוסברים עם קוד אמיתי.

חלק מהקישורים באתר זה הם קישורי שותפים: אם תקנו דרכם, אנו עשויים להרוויח עמלה ללא עלות נוספת עבורכם. הדבר אינו משפיע על מה שאנו ממליצים. לפרטים ראו את גילוי השותפים שלנו. גילוי שותפים.

ניקלאו » ארכיון הבלוג » ועוד טפסים… ג'רל!

» ארכיון הבלוג » ועוד טפסים… נו באמת! Niquelao ועוד טפסים… נו באמת! 2 בינואר 2007, מאת Rumoroso אחרי הסאגה הארוכה ממילא “משפצים טפסים”, רבים חשבו (ובכן, בהנחה שגם “רבים” וגם היכולת שלהם לחשוב הם הנחות מבוססות) שלא אעסוק בהם שוב… אז לא ולא! חזרתי לנסות ולשפר אותם, אבל הפעם מנקודת המבט של נגישות. לפונקציונליות שהציגו הסקריפטים הקודמים הוספתי את היכולת לזהות קיבוץ שדות באמצעות האלמנט fieldset, והכול במטרה לשפר את חוויית המשתמש ואת הנגישות. מטרתו של אלמנט זה היא לקבץ שדות על בסיס סוג הנתונים שיש להזין (למשל, פרטים אישיים, פרטים בנקאיים, פרטים אקדמיים וכו’), ובכך לשפר את המבנה ואת הנגישות של המכלול. ל-fieldset מתווסף האלמנט legend שמתפקד ככותרת של הנתונים המקובצים. …ולשם מה? הרעיון עלה בי לאחר שראיתי בזוועה טופס עצום עם שלל שדות חובה (ולא אגיד היכן…). כשהם לא ממולאים, רשימת השגיאות הופכת ארוווווווכה מאוד, כך שהיא מאוד לא נוחה לקריאה, קשה להבנה ואפילו מכוערת מבחינה אסתטית. אם שדות הטופס מקובצים כדי להקל על ההבנה שלהם, מדוע לא לקבץ את השגיאות לפי אותו דפוס? לצורך פעולת הסקריפט אין צורך בקיבוץ, אבל ובכן… תמיד חיובי לזכור אותו ולהשתמש בו. הניסוי כמו תמיד, תוכלו לגשת לדוגמת השימוש או אפילו להוריד אותה ישירות. כפי שניתן לראות, השגיאות ממשיכות להיות מוצגות באמצעות רשימה. עם זאת, במקרה זה נוצרת רשימה מקוננת כדי לנסות לקבץ אותן ולהשיג את השיפור במבנה שהוזכר קודם לכן. …וכל זה קשור ל-משפצים טפסים, פרק III (“השיבה”) משפצים טפסים (פרק II) משפצים טפסים (פרק I) חשוב: אני רוצה להזכיר ששימוש ב-javascript לא אמור להשפיע לרעה על הנגישות. בשימוש נכון, ועם כל ההתחשבות במשתמש, הוא משפר את חווייתו. ועוד טפסים… נו באמת! קטגוריה: נגישות, Javascript —> 2 תגובות Jorge 29 במאי 2007 ניסיתי את הסקריפט שלך ומיותר לומר שהוא מדהים. אבל נתקלתי בחוסר תאימות כשיש מחלקה (class) ב-imput או ב-label. כשמופיעה השגיאה, ערך ה-class נשאר “error”. פתרתי זאת על ידי שינוי השורות שבהן מופיע labelerror ל-(labels[i].className == ""?labelerror:labels[i].className+” “+labelerror) ו-fielderror ל-(elasociado.className == ""?labelerror:elasociado.className+” “+fielderror) . מבאס אותי לתקן משהו שלא הייתי מסוגל לעשות בעצמי, סליחה. עבודה מרשימה.

Rumoroso 30 במאי 2007 תודה על התרומה שלך. חוסר התאימות שהזכרת לא היה ברור לי במיוחד. ניסיתי אותו על הדוגמה שניתן להוריד מהעמוד הזה, והוספתי מחלקה ב-label וב-input. תוכל לשלוח לי קישור או דוגמה כדי לראות מה קורה? אני מתעקש להודות לך ולהזכיר לך שאנחנו באמת זקוקים לכך שזה ישתפר בזכות התרומות שלכם. שלום. תוכלו לעקוב אחר התגובות הודות לפיד RSS 2.0 . תוכלו גם לשלוח trackback מהאתר שלכם. מאמר קודם: היום, הולך על גופנים מאמר הבא: מזל טוב TAW —> —> —> יצירה זו כפופה לרישיון Creative Commons .

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


¿Cumplir WCAG sin tocar el código?

Superposición de IA que promete cumplimiento WCAG en 48 horas