מערכת AI לנגישות (Accessibility AI)

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

תחומי פיתוח AI

שאלות נפוצות

העבודות האחרונות

  • פיתוח אפליקציית ווב עבור FEEDME
    פיתוח אפליקציית ווב עבור FEEDME
    1365
  • פיתוח חנות מקוונת לחברת FURNORO
    פיתוח חנות מקוונת לחברת FURNORO
    1330
  • עיצוב לוגו לחברת B2B Advance
    עיצוב לוגו לחברת B2B Advance
    776
  • פיתוח אפליקציית ווב עבור Enviok
    פיתוח אפליקציית ווב עבור Enviok
    1077
  • פיתוח לוגו חברת AIDER
    פיתוח לוגו חברת AIDER
    1022
  • פיתוח CRM עבור Chasseurs
    פיתוח CRM עבור Chasseurs
    1113

למה מערכת AI לנגישות נשברת בתוכן חי

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

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

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

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

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

מה משתנה לאחר ההטמעה: השפעות מדידות

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

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

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

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

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

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

מצבי תיוג ורמות נגישות

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

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

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

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

שלבי ההטמעה: מביקורת ממשקים ועד מסירה

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

  1. ביקורת ממשקים. עוברים על המסכים המרכזיים: מבנה הכותרות, סדר המעבר במקלדת, טפסים, ניגודיות, נראות הפוקוס. בפלט — מפת ליקויים עם עדיפות לפי תדירות התרחיש, ולא לפי «חומרת» השגיאה.
  2. תרשים אינטגרציה. מגדירים נקודות חיבור: בבנייה, בתבניות תיוג או מעל הממשק המוכן. מתעדים אילו נתונים המערכת מקבלת מהפלטפורמה שלכם ובאיזה אופן היא מחזירה את התוצאה.
  3. הגדרת כללי תיוג. מגדירים תפקידים סמנטיים, סדר מעבר, תבניות תיאורים טקסטואליים ותוויות לרכיבי שליטה לא חזותיים. כלל שהוגדר פעם אחת ממשיך לעבוד בכל הדפים החדשים.
  4. בדיקה בתרחישים אמיתיים. מריצים משימות טיפוסיות — חיפוש, מילוי טופס, ביצוע הזמנה — עם קורא מסך ורק עם מקלדת. בודקים אם התרחיש מביא לתוצאה, ולא רק אם הבדיקות מופעלות.
  5. בדיקת קבלה. משווים את התוצאה לרשימת קריטריונים מוסכמת: שיעור המסכים שעברו בדיקה, רשימת חריגים והצדקה לכל אחד.
  6. מסירת המערכת. מוסרים תיעוד של הכללים, תקנון תמיכה והדרכת צוות: איך להוסיף רכיב חדש בלי לשבור את הנגישות של מסכים שכנים.

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

מערך תיעוד, תרשימים ותקנונים

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

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

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

מקרה בוחן: איך צמצמנו את שיעור הבלוקים הלא נגישים בקטלוג

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

מה שינינו בתיוג

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

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

מדדים לפני ואחרי

בשני מחזורי שחרור שיעור הבלוקים הלא נגישים במדגם ירד מ-34% ל-4%, הפרות קריטיות נותרו בודדות לשחרור. הביקורת הידנית הצטמצמה ממעבר רבעוני לבדיקה נקודתית של רכיבים חדשים — אותם חלונות מודאליים ומסננים דינמיים. הפרות חוזרות כמעט נעלמו: הסיבה מתוקנת בתבנית פעם אחת, ולא באלף כרטיסים.

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

במה שונה תיוג אוטומטי מביקורת ידנית

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

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

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

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

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

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

ספקות טכניים לפני תחילת הפרויקט

לפני התחלה לקוחות בודקים אותנו לעומק: האם התיוג יעבוד בממשקים שכתבו בעצמם, מה יקרה לחומרים שכבר יצאו, מי אחראי לתוצאה אחרי המסירה. להלן חמש שאלות שנשאלות הכי часто.

עד כמה מדויק יהיה התיוג בווידג'טים ובחלונות מודאליים שנכתבו בעצמכם?

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

מה יקרה לתוכן שכבר יצא — יהיה צורך לכתוב אותו מחדש?

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

איך מתנהג התיוג בבלוקים דינמיים — טעינה נוספת, מסננים, חלונות קופצים?

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

מי אחראי לעבודת המערכת אחרי המסירה?

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

אפשר להטמיע בשלבים ולא לעצור את היציאה לאור?

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

נדון במשימה ונחזור עם הערכה ותוכנית

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

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

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

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