10 הטוב ביותר נגישות-מוכן וורדפרס ערכות נושא

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

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

סקירה נגישות

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

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

הטוב ביותר נגישות- WP ערכות נושא מוכן

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

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

1. ללא הגבלה

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

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

באתר ההדגמה שלה אתה יכול לראות איך Unlimited נראה כמו כאשר הוא מוכן לחלוטין.

2. סימון

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

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

קרא עוד על סימון באתר ההדגמה שלה.

3. נגיש Zen

Zen נגיש הוא נושא מינימליסטי, עמודה אחת כי מקטין את מספר הסחות הדעת ככל שזה אפשרי, ומכניס את התוכן למוקד. המחבר שיתף בבלוג שלו את לוח הצבעים שהוא השתמש בו. הוא עומד ברמת ה- AA של הנחיות הנגישות לתוכן אינטרנט (WCAG 2.0).

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

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

4. מלאי

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

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

אתה יכול לבדוק את השלב הנוכחי של הפיתוח על דף Github של המניה.

5. איפקס

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

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

6. מסגרת זעירה

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

ערכת הנושא Tiny Framework משתמשת ב- לוח צבעים בעל ניגודיות גבוהה עם צבעי שחור, כתום וירוק. בלוקוטה, כותרות ו כל הקישורים יש צבעים שונים, אשר מגדיל את הקריאות של התוכן בצורה משמעותית. לחצנים הם גם מורגש בקלות, ואת ערכת נושא overally יש די נמרץ ומראה חי, אבל לא בצורה פולשנית.

7. Kuorinka

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

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

8. אהרון

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

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

9. Storefront

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

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

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

10. מחבר

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

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