הנגשת אלמנטור: 5 הגדרות שקובעות אם העמוד נגיש
הנגשת אלמנטור היא בעיקר עניין של הרגלים בעורך. אלמנטור לא הופך אתר לנגיש או לא נגיש מעצמו: הוא נותן הגדרות, והשאלה היא אם משתמשים בהן נכון. ברוב האתרים שאני בודק, הליקויים חוזרים על עצמם באותם 5 מקומות. כאן נעבור עליהם, אחד אחד.
הנגשת אלמנטור: 5 ההגדרות שבודקים בכל עמוד
1. טקסט חלופי לתמונות
אלמנטור מושך את הטקסט החלופי מספריית המדיה של וורדפרס. לכן ממלאים אותו בספרייה, בתמונה עצמה, ולא סומכים על שם הקובץ. תמונה דקורטיבית מקבלת alt ריק.
2. תגית הכותרת בווידג'ט Heading
בווידג'ט הכותרת יש שדה HTML Tag. ברירת המחדל היא H2, ולכן קל לקבל עמוד עם 6 כותרות H2 ובלי שום היררכיה. קובעים את התגית לפי המבנה של העמוד, ולא לפי הגודל שרוצים לראות. את הגודל משנים בעיצוב.
3. גודל גופן ביחידות יחסיות
אלמנטור מאפשר לבחור px, em או rem בכל שדה גודל. עם rem, הטקסט גדל כשהמשתמש מגדיל את הגופן בדפדפן. על בחירת הגופן עצמו, ראו את המאמר על פונט נגיש.
4. ניגודיות צבעים
בוחרים צבעים גלובליים בהגדרות האתר שעוברים 4.5:1 מול הרקע, ואז כל הווידג'טים יורשים אותם. זה חוסך תיקון של כל כפתור בנפרד.
5. תוויות בטפסים
בווידג'ט הטופס יש מתג להצגת תוויות (Label). הרבה מעצבים מכבים אותו ומשאירים רק placeholder. זה ליקוי: placeholder נעלם כשמקלידים, וקוראי מסך לא תמיד מקריאים אותו. משאירים תווית לכל שדה.
האתר שלכם באלמנטור?
נבדוק את העמודים המרכזיים ונראה לכם מה לתקן בעורך ומה בקוד.
מה אלמנטור לא פותר לבד
קרוסלות שזזות לבד, אקורדיונים וטאבים מתוספים חיצוניים, תפריט מובייל, ואייקון בלי טקסט שמשמש כקישור. את כל אלה צריך לבדוק עם מקלדת וקורא מסך, ולפעמים לתקן בקוד. אם אתם בוחרים תבנית חדשה, התחילו מתבנית וורדפרס נגישה. ואם האתר על מערכת אחרת, ראו הנגשת אתר Joomla.
אנחנו מנגישים אתרי אלמנטור ברמת הקוד ובהגדרות העורך, ומדריכים את הצוות שלכם לעבוד נכון מעכשיו. פרטים בעמוד הנגשת אתרים.
שאלות נפוצות על הנגשת אלמנטור
אתר באלמנטור נגיש מעצמו?
לא. אלמנטור נותן את ההגדרות, אבל צריך להשתמש בהן נכון ולבדוק רכיבים שהוא לא פותר.
איפה מגדירים טקסט חלופי בתמונה באלמנטור?
בספריית המדיה של וורדפרס, בשדה הטקסט החלופי של התמונה.
איך משנים רמת כותרת באלמנטור?
בווידג'ט Heading, בשדה HTML Tag.
מותר להסתיר תוויות בטופס אלמנטור?
עדיף שלא. placeholder לא מחליף תווית.
צריך תוסף נגישות לאתר אלמנטור?
תוסף לא מתקן את הקוד ואת ההגדרות. את התיקון עושים בעורך ובקוד.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.