מודול 3 · 50 דקות
אתר שסוכן מבין
לפני WebMCP, תתקנו את החוזה הישן: עץ הנגישות. Playwright MCP, Gemini ב־Chrome וסוכנים אחרים קוראים role / name / state. Google web.dev אומר במפורש: מה שטוב לקורא מסך טוב לסוכן.
צ׳קליסט Google (מקוצר)
buttonו־a, לאdiv onclick.- לייאאוט יציב. כפתור «הוסף לסל» באותו מקום בכל כרטיס.
cursor: pointerעל אינטראקטיבי.label forלכל קלט.- בלי שכבה שקופה מעל כפתור.
- אזור לחיצה גדול מ־8px.
- פעולה משנה מצב גלוי (סטטוס הזמנה, ספירת סל).
איך רואים מה שהסוכן רואה
Chrome DevTools → Accessibility → Enable full-page accessibility tree
כל כפתור בלי שם פרוגרמטי הוא נקודת כשל.
מעבדה
- שברו בכוונה כפתור: החליפו ב־menu.html ל־
divעם click. בדקו את העץ. - החזירו ל־
button. - הוסיפו
aria-live="polite"לאזור הסל (כבר קיים בדמו) וודאו ששינוי נקרא.