בעיה 1: ניווט כותרות שבור / מניפולציית DOM

היי @awesomerobot, אני עמית של קודי ומהנדס נגישות. בדקתי את המאגר כדי לאבחן את הבעיה. כפי שכבר ייתכן שאתה יודע, הבעיה המרכזית נראית כזו: (1) תוכן בפוסטים מוסתרים אינו נגיש לקוראי מסך ו-(2) פוסטים מוסרים את הכיסוי רק כאשר הם נמצאים בטווח הראייה של המשתמש לפי PostStreamViewportTracker

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

הגישה שאני ממליץ עליה היא לשמור על “עטיפה” קלה עבור כל פוסט שנטען, הכוללת את תגית H2 הסמנטית המשמשת לניווט בכותרות, בעוד גוף הפוסט המלא נשאר מוסתר. זה שומר על יציבות הכותרות עבור טכנולוגיות מסייעות מבלי לנפח את ה-DOM בכל הדף. כאשר משתמש מגיע לכותרת H2 של פוסט כלשהו דרך ניווט כותרות, קורא המסך יפעיל גלילה של הדף, אשר בתורו יסיר את הכיסוי מגוף הפוסט במקומו.

היתכנות הפתרון הזה תלויה מתי נטען קטע הפוסטים הבא. שיפור אופציונלי הוא כותרת “טען עוד פוסטים” המיועדת לקוראי מסך בלבד (בדומה ל-“אזור טעינה נוסף” שהוצע ב-PR שלך) הממוקמת בתחתית רשימת הפוסטים שנטענו. כאשר כותרת זו נכנסת לטווח הראייה או נבחרת מרוטור הכותרות, היא טוענת את הקטע הבא ומודיעה על סיום באמצעות הודעת aria-live=polite.

3 לייקים