בנינו חלופה למנוי הנגישות של Vee בתוך WordPress
סרגל נגישות שנבנה לצורך מוגדר, שולב ב־TigerKit ומחליף תלות בווידג׳ט חיצוני. כך נראה המעבר, מה עדיין דורש בדיקה ומה אפשר לומר על עלות של כ־490 ש״ח בשנה.
אתר מסחר ב־WordPress · החלפת מנוי תוכנה · תקופה: מצב התיעוד: 20 באוקטובר 2026 · עודכן
כלים: WordPress, TigerKit, PHP, JavaScript, CSS, Claude
הפרויקט בקצרה
- השירות המקורי
- סרגל הנגישות של Vee
- עלות המנוי הקודם
- כ־490 ש״ח בשנההערכת הבעלים; המטבע הונח כשקלים. חשבונית ומעמד המע״מ לא נבדקו.
- החלופה
- סרגל מקומי בתוך TigerKit
- כלי AI בפיתוח
- Claudeמופיע בתיעוד תרומות הקוד; אין מדידה נפרדת של שעות או עלות.
- משך ההקמה
- לא תועד במלואו
- עלות שוטפת חדשה
- טרם חושבהאין שירות חיצוני להפעלת פונקציות הליבה; תחזוקה ותשתית עדיין צורכות משאבים.
- חיסכון שנתי נטו
- טרם אומת
- מצב המעבר
- חלופה בנויה ומשולבתסיום החיוב של Vee ותקופת עבודה אחריו לא אומתו בבדיקה הזאת.
1. השירות שרצינו להחליף
באתר WordPress פעל סרגל הנגישות בתשלום של Vee. מבחינת המבקר, זו הייתה נקודת כניסה פשוטה: פותחים כפתור צף, בוחרים התאמה כמו טקסט גדול יותר או ניגודיות גבוהה וממשיכים לקרוא. מבחינת בעל האתר, זו הייתה יכולת מוגדרת שנרכשה במנוי ונוספה לאתר באמצעות רכיב חיצוני.
הצורך שלנו היה לשמור על אפשרויות ההתאמה שהמבקרים משתמשים בהן: גודל טקסט, ריווח, הדגשת קישורים, צבעים והפחתת תנועה. החלופה נבנתה תחילה כתוסף בשם Tiger A11y ובהמשך שולבה ב־TigerKit. הסיפור כאן מתמקד בסרגל ובהפעלתו באתר. בדיקות נגישות של העמודים, תיקון התוכן ושירותים נוספים של הספק נשארים תחומי עבודה שצריך לבחון בנפרד.
2. כמה עלה המנוי
נקודת המוצא הייתה הערכת הבעלים: כ־490 בשנה למנוי Vee. לצורך החישוב כאן הנחנו שהסכום בשקלים. זהו מספר שימושי לשאלת הכדאיות, אבל הוא אינו סכום שנשלף מחשבונית. לא נבדקו מסלול החיוב, מע״מ, הנחות או מועד החידוש, ולכן גם לא הכפלנו אותו במספר אתרים.
המנוי קנה רכיב מוכן שהספק מתחזק. החלפה עצמית מעבירה את האחריות הזאת לבעל האתר או למי שמתחזק עבורו את התוסף. לפני שמחשיבים את כל הסכום לחיסכון, צריך לדעת אילו שירותים נוספים נכללו בחבילה שנרכשה והאם עדיין נצטרך לשלם עליהם בנפרד. הסרת הרכיב מהאתר וסיום המנוי הן שתי פעולות שונות.
| רכיב | בסיס ההשוואה | מה ידוע |
|---|---|---|
| מנוי Vee | כ־490 ש״ח לשנה | הערכת הבעלים מ־20 באוקטובר 2026 |
| תוספות ושירותים נלווים | לא חושבו | פרטי המסלול לא נבדקו |
| חיוב שנחסך בפועל | טרם אומת | אין כאן אישור ביטול או חיוב שנמנע |
3. למה לבנות רכיב משלנו
ההזדמנות הייתה להחליף שירות קטן ומוגדר בתוך אתר שכבר פועל. לא נדרש להקים מערכת תוכן חדשה או להעביר את האתר לפלטפורמה אחרת. WordPress כבר טוען תוספים וקובצי עיצוב, ולכן אפשר היה להוסיף את הסרגל באותה תשתית ולשלוט בהתנהגות שלו.
יעד ההחלפה היה מעשי: המבקר ימצא את ההתאמות הנדרשות, הבחירה תישמר במעבר בין עמודים, ומנהל האתר יוכל להגדיר את מיקום הכפתור ואת הקישור להצהרת הנגישות. בנוסף, פונקציות הליבה צריכות לפעול בלי לטעון את הווידג׳ט של Vee. אם השמירה על היכולות האלה תדרוש תחזוקה יקרה מדי, החיסכון במנוי לבדו לא יצדיק את הבעלות על הקוד.
4. מה החלופה צריכה לעשות
רשימת הדרישות התבססה על פעולות שניתן לראות ולבדוק בדפדפן. שלושה כפתורים נפרדים מטפלים בגודל הטקסט, ברווח בין מילים וברווח בין אותיות. שאר האפשרויות כוללות הדגשת קישורים וכותרות, גופן קריא, הסתרת תמונות, סמן מוגדל וקו עזר לקריאה. כפתור איפוס מחזיר את ההגדרות למצב ההתחלתי.
התאמה שבוחרים חלה גם על חלונית הסרגל עצמה. אם הגדלת הטקסט פועלת בתוכן אך משאירה את כפתורי השליטה קטנים, חוויית השימוש אינה עקבית. הבחירות נשמרות בדפדפן, כך שהמבקר לא צריך להגדיר אותן מחדש בכל עמוד.
| צורך | המימוש המתועד | גבול הבדיקה |
|---|---|---|
| התאמת קריאה | טקסט, ריווח, הדגשות וצבעים | לבדוק גם בתוכן אמיתי ובמסך קטן |
| שמירת העדפות | שמירה מקומית בדפדפן | אין סנכרון בין מכשירים |
| שליטה בתנועה | עצירת אנימציות | דורשת בדיקה מול רכיבי האתר |
| הקראה | יכולת הדיבור המובנית בדפדפן | התמיכה בעברית תלויה בדפדפן |
| ניהול הרכיב | הגדרת צבע, צד וקישור להצהרה | מנהל האתר אחראי לתוכן ההצהרה |
5. הכלים והעזרה של AI
הרכיב משתמש ביכולות הרגילות של WordPress: PHP מחבר אותו לאתר ולמסך ההגדרות, JavaScript מנהל את הפעולות ושמירת ההעדפות, ו־CSS משנה את התצוגה. בסרגל המתועד אין צורך בקריאות למודל AI כדי להגדיל טקסט או לשנות ניגודיות. גם אפשרות ההקראה משתמשת ביכולת של הדפדפן.
בהיסטוריית השינויים שמשלבים את הסרגל ב־TigerKit מופיע Claude כשותף לכתיבת הקוד. זה תומך בתיאור של פיתוח שנעזר ב־AI. התיעוד לא מפריד כמה מהאפיון, מהקוד או מהבדיקה נעשה באמצעותו, ולכן אין כאן טענה שהרכיב נבנה בפקודה אחת או במספר שעות מסוים. בחירת הדרישות וקבלת התוצאה נשארו חלק מעבודת הפרויקט.
| כלי | תפקיד | מתי הוא נדרש |
|---|---|---|
| WordPress ו־TigerKit | טעינה וניהול של הסרגל | בהפעלת האתר |
| PHP, JavaScript ו־CSS | הגדרות, פעולות ועיצוב | בפיתוח ובהפעלה |
| Claude | תרומה מתועדת לשינויי הקוד | בזמן הפיתוח |
| אחסון מקומי בדפדפן | שמירת העדפות המבקר | בזמן השימוש |
6. איך נבנתה החלופה
הגרסה הנפרדת ארזה את הסרגל כתוסף שניתן להתקין ב־WordPress. לצדה הוכנה סביבת הדגמה עם תוכן עברי, שמאפשרת לבחון את אותם קובצי עיצוב והתנהגות מחוץ לאתר. בהמשך צורף הרכיב לחבילת התוספים ולמסך הניהול של TigerKit, ולבסוף להפעלה מתוך החבילה עצמה.
בתיעוד מופיעה הבחנה מועילה בין הסרגל לבין תיקונים בעמוד: שמות של כפתורים וקישורים, סימון של רכיבי ממשק ותיקוני ניגודיות קיבלו מנגנונים נפרדים שאפשר לכבות אם הם מתנגשים בעיצוב. כך אפשר לבדוק שינוי ממוקד בלי לכרוך בו את כל האפשרויות. שינוי צבע, למשל, עשוי לשפר קריאות וגם להשפיע על גוון המותג, ולכן הוא דורש בדיקה חזותית.
שלב המעבר כולל הפעלה של הרכיב החדש והסרת הטעינה של הישן, כדי שלא יפעלו שני סרגלים במקביל. סדר השינויים מתועד, אבל אין רישום מלא של שעות הפיתוח, הניסיונות והתיקונים. אין בסיס להפוך את מספר השינויים בקוד למדידת מאמץ.
7. כך משתמשים בסרגל
המבקר פותח את כפתור הנגישות שבצד העמוד ובוחר, למשל, הגדלת טקסט והדגשת קישורים. השינוי חל על העמוד ועל החלונית. בעת מעבר לעמוד נוסף, הסרגל קורא את ההעדפות שנשמרו בדפדפן ומחיל אותן שוב. מי שרוצה להתחיל מחדש יכול ללחוץ על איפוס.
מנהל האתר מגדיר את מיקום הכפתור, צבעו והקישור להצהרת הנגישות מתוך WordPress. אם תיקון אוטומטי מתנגש ברכיב אחר, קיימת אפשרות לכבות אותו ולהמשיך לטפל בבעיה עצמה. בהקראה בעברית התוצאה תלויה גם בקולות ובתמיכה של הדפדפן; זו אינה הבטחה להתנהגות זהה בכל מכשיר.
8. מה כבר ידוע ומה צריך לבדוק באתר
תיעוד הפרויקט מראה רכיב בנוי ושילוב בתוך TigerKit. הוא גם מגדיר בדיקה ברורה אחרי התקנה: לפתוח את החלונית, להפעיל התאמות, לעבור עמוד ולבדוק שהבחירה נשמרה. בבדיקת הרשת צריך לוודא שטעינת הרכיב הקודם נעלמה. אלה בדיקות של ההתנהגות שמבקשים להחליף.
לצורך הסיפור הזה נבדקו המקורות וקובצי הפרויקט, ולא בוצע סבב חדש באתר הלקוח. לכן איננו מציגים רשימת הוראות כאילו הייתה תוצאת בדיקה. גם כאשר הסרגל עובר את הבדיקות שלו, יש לבדוק בנפרד ניווט במקלדת, סדר מיקוד, טפסים ותוכן דינמי. אתר שלם אינו נבדק דרך כפתור הנגישות בלבד.
| בדיקה | מה היא אמורה להוכיח | המצב בסיפור |
|---|---|---|
| התאמות ושמירתן | היכולת המרכזית של הרכיב | מתועדת במימוש; לא נבדקה כאן מחדש באתר |
| הסרת הרכיב הישן | האתר אינו תלוי עוד בסקריפט הקודם | נדרש אישור עדכני לאחר המעבר |
| הפסקת חיוב | המנוי הפסיק לעלות כסף | לא אומתה |
| נגישות כלל העמודים | שימושיות של האתר מעבר לסרגל | מחוץ להוכחת ההחלפה הזאת |
9. איך מחשבים את החיסכון
הסכום של כ־490 ש״ח הוא פוטנציאל ההוצאה השנתית שאפשר להימנע ממנה אחרי שהמנוי מסתיים. הוא עדיין אינו החיסכון נטו. כדי להגיע לחיסכון נטו צריך להפחית את ההוצאה הנוספת על תשתית ואת התחזוקה. בשנה הראשונה מצטרפים גם פיתוח, בדיקה והעברה.
ייתכן שהאתר הקיים יכול להפעיל את הסרגל בלי תוספת בחשבון האחסון, אך הדבר לא נמדד כאן. גם במקרה כזה, תיקון בעקבות עדכון תבנית דורש זמן. אפשר להציג בנפרד חיסכון בתשלומים וחיסכון אחרי תמחור זמן העבודה; כרגע חסרים נתונים לשניהם. לא חושב זמן החזר השקעה ולא נטען שנחסכו שעות.
| שורה בחישוב | סכום או מצב |
|---|---|
| מנוי שנתי שעשוי להיחסך | כ־490 ש״ח, הערכת בעלים |
| עלות הפעלה ותחזוקה נוספת | לא נמדדה |
| עלות הקמה חד־פעמית | לא תועדה במלואה |
| חיסכון נטו ותועלת בשנה הראשונה | טרם ניתנים לחישוב מאומת |
10. מתי החלפה כזאת משתלמת
הלקח מהבנייה הוא שאפשר לקחת יכולת מצומצמת, להגדיר את ההתנהגות שלה ולשלב אותה בתשתית שכבר קיימת. השליטה בקוד מאפשרת להתאים את הסרגל לאתר, אבל מחייבת מישהו שיבדוק אותו אחרי עדכוני WordPress, תבנית ותוספים. תיקון מקומי שלא נשמר אחרי עדכון אינו חיסכון יציב.
החלפה כזאת ראויה לבדיקה כשיש צורך מוגדר, יכולת תחזוקה ודרך פשוטה לבדוק שהפעולות המרכזיות עובדות. אם עיקר הערך במנוי הוא שירות, ביקורת או אחריות מקצועית שאין לצוות חלופה עבורם, צריך להכניס גם אותם להשוואה. ההחלטה הבאה במקרה הזה היא כלכלית ותפעולית: לאמת שהחיוב פסק ולצבור תקופת שימוש שממנה אפשר ללמוד כמה באמת עולה לתחזק את הרכיב.
על הפרסום
זהו תיעוד של פתרון לשימוש עצמי. מחיר המנוי מבוסס על הערכת הבעלים ונמסר לצורך הסיפור; הוא לא אומת מול חשבונית. צילומי הממשק מציגים את התוכנה המקורית בסביבת הדגמה, ללא פרטי לקוחות או נתונים פיננסיים אישיים.
הפתרון פותח בידי Tiger Media. הסיפור מפריד בין מחיר מנוי משוער, הוצאה שנחסכה בפועל ועלויות הפיתוח והתחזוקה.
