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

הפוסט היום מכיל כמה וכמה קישורים לפוסטים על חלקים שונים של טפסים, כמה סיפורים מאחורי הקלעים, ועוד כמה קישורים אקלקטיים. תהנו!

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

Who Can Use: הכניסו צבע טקסט וצבע רקע, והאתר הזה יגיד לכם מה ה-contrast ratio שלהם, ולאיזה רמת WCAG זה מתאים. והפוסט הזה מסביר איך זה מחושב.

הבעיה הנגישותית עם select – הפוסט הזה נכנס לעומק של שימוש באלמנט ה-select, שהוא אחד מאלמנטי ה-HTML היחידים שלא ניתן לעיצוב, ולכן חדשים לבקרים קמים לו תחליפים. הפוסט הזה וזה שאחריו מתעמקים בסוגיית הבנייה מחדש של אלמנט ה-select, הווריאציות העריכות והמולטי-בחירה שלו, השמישות היחסית שלהם, למה כל-כך קשה ליצור קומפוננטת select מותאמת, ובסופו של דבר גם מציעים הצעות והמלצות קונקרטיות. גם מחכים וגם מעניין.

שרה סודיאן על מה שלמדה השנה בנושא נגישות. היא מסבירה את מה שכותנו יודעים בתאוריה, ש-HTML סמנטי הוא אבן היסוד של אינטרנט באמת נגיש. היא ממשיכה לפרט איך ARIA הוא polyfill ל-HTML סמנטי, ש-JavaScript הוא חיוני ליצירת קומפוננטות אינטראקטיביות נגישות, ש-progressive enhancement הוא אסטרטגיה כוללנית (inclusive) בתכנות לאינטרנט, שעיצוב לא מכתיב יישום (כלומר, גם אם משהו לא נראה כמו כותרת, אבל מבחינה סמנטית הוא הכותרת של מה שבא אחריו, צריך לתכנת כמו התפקוד ולא כמו העיצוב), שהעבודה שמשהו הוא נגיש לא הופכת אותו מייד לכוללני (inclusive), ועוד דברים רבים. הכול כמובן מלווה בדוגמאות מהחיים.

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

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

באופן מעניין, שני מאמרים באותו נושא (אם כי בהפרש של כמה וכמה חודשים): השוואה בין אופנים שונים של הסתרת אלמנטים. ההשוואה היא לא רק בתחום הנגישות אלא גם מבחינת ה-flow של הדף, האם האלמנט מזהה אירועים (event-ים) עליו , ועוד. הפוסט הראשון הוא של אחמד שאדיד, והשני הוא מ-CSS Tricks.

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

החלקים הבלתי-נגישים של HTML. קריס פרדיננדי מביא שני מאמרים שמדברים על מה שעדיין לא נגיש ב-HTML.

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

שמות של דברים. כלומר, על מאפיין ה-name. באופן כללי הפוסטים שלה הם על נגישות והם מעניינים.רק חבל שאין איפה להירשם לעדכונים ממנה…

פקדים כוללניים (inclusive) – מה לעשות כדי להפוך אותם לכאלה.