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

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

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

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

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

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

ועכשיו נעבור לחלק שחיכיתם לו: “איך עשינו את זה” ?

אז ככה, מבחינת הכפתורים בחלק העליון של הניגודיות וגודל הטקסט השתמשנו בתוסף חינמי מעולה ובעברית שעושה את זה העונה לשם “WP Accessibility” וניתן להוריד אותו כאן.
התוסף מאפשר לנו להוסיף את הכפתורים האלה באמצעות ווידג’ט או באמצעות הטמעה של קוד PHP בחלק הרצוי באתר.

לגבי מילון המונחים השתמשנו בתוסף בשם “CM Tooltip Glossary” גם כאן מדובר על תוסף חינם (ניתן לקנות מנוי פרמיום ואז לבצע שינויים רבים בתוסף ובצורת ההצגה של המידע), את התוסף ניתן להוריד מכאן.
כמובן שיש המון תוספים שעושים את העבודה הזו, אבל ממחקר שביצענו גילינו שהוא בין היחידים שתומך בשפה העברית.

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

זהו להפעם, קצת קצר אבל די קולע…

נפגש בשבוע הבא ונדבר על עוד דברים שבוצעו באתר על מנת להגיע לרמת הנגשה של AAA.

להתראות,
גיא

תגובות

הגיבו

אין תגובות

השאירו תגובה

9 − six =