נגישות באלמנטור: כותרות, אייקונים, ואיפה שמים את הסרגל

אתר אלמנטור הוא אתר וורדפרס. הסרגל של Negish לא מותקן כוידג'ט בתוך העורך. אם שמים אותו כווידג'ט HTML בעמוד הבית, הוא לא יופיע בשאר העמודים. מדביקים את אותה שורה כמו במדריך הוורדפרס: פוטר של כל האתר, או קוד מותאם שרץ בכל העמודים.

חשוב: הסרגל מתאים את התצוגה לגולש. הוא אינו מחליף הנגשה בקוד, בדיקה מקצועית או הצהרת נגישות, ואינו מבטיח עמידה בת״י 5568 או ב-WCAG.

הדבקה כשיש אלמנטור פרו

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

<script src="…/widget.js" data-site="המפתח-האישי" defer></script>

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

מה אלמנטור שובר וסרגל לא מתקן

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

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

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

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

תבנית Hello ובנאי התפריט

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

חובת הנגישות לא משתנה כי בניתם באלמנטור. היא מתוארת במאמר החובה.

סדר כותרות שעובד גם כשהעיצוב לא

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

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

עמוד אחד לדוגמה

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

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

לפני ואחרי הדגשת כותרות

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

שאלות נפוצות

שמתי את הקוד בווידג'ט HTML והסרגל רק בעמוד אחד

זה צפוי. מעבירים את השורה לקוד שרץ בכל האתר, לא לווידג'ט של עמוד.

הדגשת כותרות מראה בלגן

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

שני סרגלים על המסך

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

הרשמה וקבלת הקוד. את ההצהרה כותבים בנפרד, לפי המדריך.

חשוב: הסרגל מתאים את התצוגה לגולש. הוא אינו מחליף הנגשה בקוד, בדיקה מקצועית או הצהרת נגישות, ואינו מבטיח עמידה בת״י 5568 או ב-WCAG.