נגישות
- Landmarks ב-HTML5: header, nav, main, footer לחוויית קוראי מסך תגי semantic מאפשרים לעיוורים לקפוץ ישירות לתוכן הראשי. כך מחליפים divs ב-landmarks אמיתיים בתבנית.
- Skip Link בוורדפרס: דלג לתוכן ראשי בלחיצת Tab Skip link מאפשר לגולשי מקלדת לדלג מעל ניווט חוזר. כך מוסיפים אותו לתבנית עם CSS שמופיע רק ב-focus.
- היררכיית כותרות בוורדפרס: H1-H6, מבנה מסמך וחוויית קוראי מסך כותרות שבורות מבלבלות קוראי מסך ופוגעות ב-SEO. כך בונים מבנה תקין: H1 אחד, ירידה הדרגתית, ובדיקה ב-WAVE.
- ווידג'ט נגישות של RankPlus: מה הוא עושה ומה לא ווידג'ט נגישות מאפשר התאמות אישיות לגולש - אבל אינו מחליף נגישות בקוד. כך מפעילים אותו ובוחנים מה עוד נדרש.
- טקסט חלופי לתמונות (alt) בוורדפרס: נגישות, SEO ויישום מעשי תמונה ללא alt חוסמת קוראי מסך ופוגעת ב-SEO. כך מוסיפים תיאורים, מבדילים בין תמונות תוכן לדקורטיביות ומגיעים לכיסוי מלא.
- כתוביות לוידאו בוורדפרס: נגישות, חיפוש שקט ו-SEO סרטון בלי כתוביות חוסם חירשים ומאבד צופים שלא בקול. כך מוסיפים VTT, מפעילים כתוביות אוטומטיות ומשפרים נגישות.
- מסגרת focus visible בוורדפרס: למה לעולם לא להסתיר אותה outline:none על focus הופך ניווט במקלדת לבלתי אפשרי. כך מחזירים focus visible עם CSS מודרני ובלי לפגוע בעיצוב.
- קישורים גנריים בוורדפרס: למה "לחץ כאן" שובר נגישות ו-SEO "קרא עוד" ו-"לחץ כאן" חסרי משמעות לקורא מסך ול-Google. כך מחליפים אותם בטקסט תיאורי בלי לשבור עיצוב.
- תג html lang בוורדפרס: שפת דף לקוראי מסך, תרגום ו-SEO ללא lang="he" קוראי מסך מקריאים עברית באנגלית. כך מוודאים שהאטריביוט נכון בכל דף ובכל תבנית.
- תוויות בטפסים בוורדפרס: למה label חיוני ולא placeholder שדה ללא label אינו נגיש. כך מקשרים label לכל input, מתי משתמשים ב-aria-label ולמה placeholder לא מספיק.