Skip to main content
תקנים

ארבעת העקרונות להנגשת אתר

By טוביה שיינפלד May 24, 2026 4,371 views

מהם ארבעת העקרונות של WCAG 2 לנגישות אתרים?

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

Did you know:

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

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

ישנם 4  עקרונות שעליהם  מבוססים כל הנחיות לנגישות תכנים באינטרנט בגרסה 2 (באנגלית WCAG 2). אשר כיום הוא התקן המוביל.

תפיסה

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

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

תפעוליות

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

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

הבנה

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

יציבות

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

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

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

Frequently asked questions

Updated:

Ready to make your site accessible?

Run a free WCAG 2.1 AA / ADA scan or talk with our team

Ready to make your site accessible?

Leave your details and we'll get back to you with a custom offer — no commitment