וורדפרס, המפתח לאתר נגיש

אתר אינטרנט המותאם לנגישות, וורדפרס הוא מפתח

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

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

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

מה היא נגישות אתר האינטרנט?

בואו ניקח רגע כדי להבין על מה אנחנו מדברים.

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

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

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

אינטרנט דרך עיניהם

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

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

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

שמיעה: חירשות או שמיעה, כוללים אנשים שאינם כבדי שמיעה.

התקפים: התקפים אפילפטיים תמונה הנגרמים על ידי פעימה חזותית או אפקטים מהבהבים.

נכויות התפתחותיות, לקויות למידה (דיסלקציה, דיסקלקוליה, וכו ‘), ומוגבלויות קוגניטיביות של מקורות שונים, המשפיע על זיכרון, תשומת לב, “בגרות”, התפתחותית מיומנויות פתרון בעיות והיגיון, וכו’: קוגניטיבית / רוחני

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

כלי נגישות האינטרנט פופולריים

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

תוכנת קורא מסך המשתמשת לסנתז דיבור לקרוא את מה שקורה במחשב.

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

תוכנת הגדלת מסך שמגדילה את מה שמוצג על המסך.

תוכנה לזיהוי דיבור שהופך את קול לטקסט.

שכבות מקלדת לעשות את ההקלדה קלה יותר ומדויקת יותר

וכן, יש גם אפליקציה:

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

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

בוורדפרס מבחר תבניות עיצוב מותאמים  לנגישות (ובחינם!)

תבניות מותאמות לנגישות

פתרונות (חינם) וורדפרס תוסף עבור נגישות

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

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

תוספים לנגישות שאולי כדאי לך להכיר:

שינוי גודל גופן  Resizer לקריאה קלה יותר

טקסט GSpeech כדי דיבור פתרון לנגישות שמע

נגישות לתפריטים  קלה יותר

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

סיכום

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

לקבלת עדכונים למייל הכנס כתובת מייל

 

נגישות התוכן באתר אינטרנט

נגישות התוכן באתר אינטרנט

בנגישות אתר יש להפריד בין נגישות של האתר / התבנית, ערכת העיצוב  לנגישות התוכן, נגישות ערכת העיצוב / נגישות התבנית

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

בנגישות התוכן במערכת ניהול התוכן של וורדפרס ניתן בקלות ליצור כותרות H1  עד H6  ,

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

ניווט באמצעות מקלדת

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

כותרת H1 _ =   <H1> כותרת </h1>

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

 כותרות לתמונה alt

טקסט חילופי לתמונות ALT:  תמונות ללא ALT  קורא מסך יקריא את שם הקובץ

תמונה עם קישור וללא ALT  קורא מסך יקריא את הקישור <img src=”ronkal.gif”>

תמונה עם ALT  ריק null קורא מסך מדלג <img src=”ronkal.gif” alt=””>

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

 הגדל גודל פונט באתר

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

הוספת קיצורי מקשים לוורדפרס

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

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

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

תאימות אתרים לניידים ולנגישות more mobile friendly and accessibility

החל מיום 21 לאפריל 2015
גוגל מעלה את דירוג אתרי האינטרנט המותאמים לסלולר
לפרטים בבלוג של גוגל  more mobile friendly and accessibility

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

כיצד גוגל רואה את האתר שלכם במכשירים הניידים

לפרטים, צור קשר

    השם שלך (חובה)
    טלפון (חובה)
    הדואר האלקרוני שלך (חובה)
    ההודעה שלך

    הקש קוד לזיהוי

    תבניות וורדפרס מותאמות לנגישות

    תבניות וורדפרס מותאמות לנגישות

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

    /*
    Theme Name: Twenty Fourteen
    Theme URI: http://wordpress.org/themes/twentyfourteen
    Author: the WordPress team
    Author URI: http://wordpress.org/
    Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content’s layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
    Version: 1.3
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
    Text Domain: twentyfourteen
    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you’ve learned with others.
    */

    Themes TAG: free,  Accessibility Ready, RTL Language Support,

    מומלץ שהתבניות יהיו להם לפחות את חלק מהאפשרויות:  accessibility-ready, responsive-layout, rtl-language-support,   והתאמה לדפנים השונים.

    אפשרות לא יקרה להתאים תבניות לכיוון ימין שמאל והתאמה לדפדפנים השונים

    אפשרות לא יקרה להתאים את האתר למכשירים הניידים

    לנגישות התוכן