// Accessibility Statement content — תקנות שוויון זכויות לאנשים עם מוגבלות + ת״י 5568

const AccessibilityContent = () => {
  const toc = [
    { id: 's1', label: 'דבר LumiVet' },
    { id: 's2', label: 'תקנים ויסודות חוקיים' },
    { id: 's3', label: 'מצב הנגישות באתר' },
    { id: 's4', label: 'התאמות שכבר בוצעו' },
    { id: 's5', label: 'התאמות בתהליך' },
    { id: 's6', label: 'מה עדיין לא נגיש' },
    { id: 's7', label: 'דפדפנים נתמכים' },
    { id: 's8', label: 'נגישות הקליניקה הפיזית' },
    { id: 's9', label: 'שירות חלופי לאנשים עם מוגבלות' },
    { id: 's10', label: 'דיווח על בעיית נגישות' },
  ];

  return (
    <main>
      <LegalBreadcrumb title="הצהרת נגישות" />
      <LegalHero
        eyebrow="מסמך משפטי · LumiVet"
        title="הצהרת נגישות"
        lead="LumiVet רואה בשוויון הזדמנויות, אי-אפליה ושירות נגיש לאנשים עם מוגבלות ערך מרכזי. מסמך זה מפרט את מצב הנגישות באתר ובקליניקה, את ההתאמות שבוצעו, את אלו שעדיין לא — ואת ערוצי הפנייה במקרה של בעיה."
        lastUpdated="21 במאי 2026"
        version="1.0"
      />

      <div className="container">
        <div className="legal-layout">
          <LegalToc items={toc} />

          <article className="legal-content">

            <section id="s1">
              <h2><span className="num">01</span> דבר LumiVet</h2>
              <p>
                ב-LumiVet אנו מאמינים שכל לקוח, ללא קשר ליכולותיו, זכאי לקבל שירות וטרינרי מקצועי ומכבד עבור בעל החיים שלו. הנגישות אינה ״תוספת״ — היא חלק מאיכות השירות.
              </p>
              <p>
                אנו מתחייבים להמשיך ולשפר את הנגישות, הן באתר האינטרנט והן בקליניקה הפיזית. הצהרה זו משקפת את המצב הנכון להיום, ותעודכן בהתאם להתקדמות תהליכי ההנגשה.
              </p>
            </section>

            <section id="s2">
              <h2><span className="num">02</span> תקנים ויסודות חוקיים</h2>
              <p>
                ההנגשה באתר ובקליניקה מתבצעת בהתאם ל:
              </p>
              <ul>
                <li>חוק שוויון זכויות לאנשים עם מוגבלות, התשנ״ח-1998.</li>
                <li>תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע״ג-2013, ובפרט תקנה 35 שעניינה אתרי אינטרנט.</li>
                <li>תקן ישראלי 5568, ברמת נגישות AA — מבוסס על הנחיות WCAG 2.0 / 2.1 הבינלאומיות.</li>
              </ul>
            </section>

            <section id="s3">
              <h2><span className="num">03</span> מצב הנגישות באתר — תמונת מצב כנה</h2>
              <div className="legal-callout warn">
                <p>
                  <strong>שקיפות מלאה:</strong> נכון לתאריך עדכון מסמך זה, האתר <strong>לא עבר עדיין ביקורת נגישות פורמלית על-ידי מורשה נגישות מוסמך</strong>. האתר תוכנן מהיסוד לפי עקרונות נגישות מודרניים ומיועד לעמוד בתקן 5568 ברמת AA, אך טרם בוצע אודיט פורמלי המאשר זאת.
                </p>
              </div>

              <h3>התחייבות אקטיבית</h3>
              <p>
                LumiVet מתחייבת להשלים את התהליכים הבאים בלוח הזמנים הבא:
              </p>
              <table className="legal-table">
                <thead>
                  <tr>
                    <th>שלב</th>
                    <th>יעד</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>מינוי רכז נגישות (פנימי או חיצוני)</td>
                    <td>תוך 3 חודשים ממועד פרסום הצהרה זו</td>
                  </tr>
                  <tr>
                    <td>ביצוע ביקורת נגישות על-ידי מורשה נגישות שירות</td>
                    <td>תוך 6 חודשים</td>
                  </tr>
                  <tr>
                    <td>תיקון ליקויים שיתגלו בביקורת</td>
                    <td>תוך 9 חודשים</td>
                  </tr>
                  <tr>
                    <td>פרסום הצהרת נגישות מעודכנת לאחר הביקורת</td>
                    <td>תוך 12 חודשים</td>
                  </tr>
                </tbody>
              </table>
              <p>
                עד להשלמת התהליך, אנו מתחייבים להציע שירות חלופי מלא לכל אדם שמתקשה להשתמש באתר (ראו סעיף 9).
              </p>
            </section>

            <section id="s4">
              <h2><span className="num">04</span> התאמות שכבר בוצעו</h2>
              <p>
                האתר נבנה מלכתחילה לפי עקרונות הבאים:
              </p>
              <ul>
                <li><strong>מבנה סמנטי תקין:</strong> שימוש בתגיות HTML5 מתאימות (header, main, nav, section, article) ובהיררכיית כותרות (H1 → H6).</li>
                <li><strong>תיאורי תמונות:</strong> רוב התמונות באתר כוללות טקסט חלופי (alt) המתאר את התוכן.</li>
                <li><strong>ניווט במקלדת:</strong> ניתן לנווט בכל האתר באמצעות מקש Tab, Enter, מקשי החצים ו-Esc.</li>
                <li><strong>סדר טאב הגיוני:</strong> מעבר בין רכיבים נעשה בסדר טבעי וקריא.</li>
                <li><strong>ניגודיות צבעים:</strong> ניגודיות גבוהה (כחול נייבי <span dir="ltr">#000E34</span> על רקע לבן) — מעל יחס 7:1, חורגת מהדרישה ל-AA.</li>
                <li><strong>גודל גופן:</strong> טקסט בסיסי 17px, מותאם לגדילה בדפדפן ללא ״שבירה״ של פריסה.</li>
                <li><strong>קישורים זמינים:</strong> כל קישור מסומן ויזואלית וניתן להפעלה במקלדת.</li>
                <li><strong>שפה מוצהרת:</strong> תכונת <code>lang=״he״</code> בכל העמודים.</li>
                <li><strong>כיווניות RTL:</strong> תמיכה מלאה בעברית מימין-לשמאל.</li>
                <li><strong>תאימות לקוראי מסך:</strong> שימוש בתכונות ARIA במקומות הנדרשים (aria-label, aria-expanded, role).</li>
                <li><strong>טפסים נגישים:</strong> כל שדה כולל תווית (label) ברורה הקשורה אליו.</li>
                <li><strong>וידאו ותכני מולטימדיה:</strong> בכל סרטון או הקלטה שמפורסמת באתר תינתן אפשרות לכתוביות, סיכום טקסטואלי, או טקסט חלופי.</li>
              </ul>
            </section>

            <section id="s5">
              <h2><span className="num">05</span> התאמות בתהליך</h2>
              <p>
                התאמות שמתוכננות בתקופה הקרובה, במסגרת תהליך הביקורת והשיפור:
              </p>
              <ul>
                <li>הוספת תפריט עזרי נגישות פעיל (Skip-to-Content, גודל גופן דינמי, ניגודיות מוגברת, סימון קישורים, השהיית אנימציות).</li>
                <li>הצבת אייקון נגישות בולט בכל עמוד עם קישור ישיר להצהרה זו.</li>
                <li>סקירה ועדכון של תיאורי תמונות שאינם דקיקים מספיק.</li>
                <li>בדיקת תאימות עם תוכנות הקראה (NVDA, JAWS, VoiceOver) על-ידי מורשה נגישות.</li>
                <li>בדיקת תאימות צבעים מקיפה ברמה של AAA במידת האפשר.</li>
              </ul>
            </section>

            <section id="s6">
              <h2><span className="num">06</span> מה עדיין לא נגיש</h2>
              <p>
                אנו מצהירים בשקיפות על המגבלות הקיימות:
              </p>
              <ul>
                <li><strong>לא בוצעה ביקורת נגישות פורמלית.</strong> ראו לוח זמנים בסעיף 3.</li>
                <li><strong>אין רכז נגישות רשמי</strong> במרפאה עדיין. עד למינוי, פניות נגישות מטופלות ישירות על-ידי ד״ר דניאל דורפמן.</li>
                <li>חלק מהתמונות באתר עשויות לחסר תיאורי alt מלאים. אנו עוברים על האתר באופן יזום ומוסיפים תיאורים חסרים.</li>
                <li>מסמכי PDF (כגון טופסי הסכמה מדעת, חוברות מידע) — נוצרים על-פי דרישה ובפורמט נגיש; אם נדרש פורמט אחר, אנו מתחייבים לספקו תוך 5 ימי עסקים.</li>
                <li>תוכן צד שלישי משובץ (מפת Google, קישורי WhatsApp) — כפוף לרמות הנגישות של אותם ספקים, ואינו בשליטתנו המלאה.</li>
              </ul>
            </section>

            <section id="s7">
              <h2><span className="num">07</span> דפדפנים נתמכים</h2>
              <p>
                בדיקות שימושיות בוצעו על-ידי צוות הפיתוח בדפדפנים העדכניים הבאים:
              </p>
              <ul>
                <li>Google Chrome (גרסה אחרונה ושלוש קודמות)</li>
                <li>Mozilla Firefox (גרסה אחרונה ושתיים קודמות)</li>
                <li>Apple Safari (גרסה אחרונה ושתיים קודמות) — Mac ו-iOS</li>
                <li>Microsoft Edge (גרסה אחרונה)</li>
                <li>Samsung Internet (אנדרואיד, גרסה אחרונה)</li>
              </ul>
              <p>
                לא מומלץ להשתמש בדפדפנים ישנים (Internet Explorer, גרסאות ישנות של אנדרואיד) — אנו לא מבטיחים תפעול תקין או נגישות מלאה בהם.
              </p>
            </section>

            <section id="s8">
              <h2><span className="num">08</span> נגישות הקליניקה הפיזית — דיזנגוף 255, תל אביב</h2>
              <p>
                LumiVet ממוקמת ברחוב דיזנגוף 255 בתל אביב. נכון להיום, מצב הנגישות הפיזית הוא:
              </p>

              <h3>מה כן נגיש</h3>
              <ul>
                <li><strong>כניסה בגובה הרחוב / רמפה:</strong> כניסה לבניין ולקליניקה נעשית במפלס הרחוב או דרך רמפה, ללא מדרגות.</li>
                <li><strong>חניית נכים:</strong> חניות מוסדרות לנכים זמינות בקרבת הקליניקה, ברחוב דיזנגוף וברחובות הסמוכים.</li>
              </ul>

              <h3>מה לא נגיש במלואו</h3>
              <div className="legal-callout warn">
                <p>
                  <strong>נגישות פיזית חלקית בלבד.</strong> הקליניקה אינה עומדת כיום בכל דרישות הנגישות הפיזית לפי תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות למקום ציבורי שהוא בניין קיים), התשע״ב-2011, על כל פרטיהן.
                </p>
                <p>
                  בהיעדר נגישות פיזית מלאה, אנו מציעים שירות חלופי איכותי לכל לקוח שנגישות הקליניקה מהווה עבורו חסם — ראו סעיף 9.
                </p>
              </div>
            </section>

            <section id="s9">
              <h2><span className="num">09</span> שירות חלופי לאנשים עם מוגבלות</h2>
              <p>
                כדי להבטיח שאף לקוח לא יידחה בגלל מגבלת נגישות, אנו מציעים את האפשרויות הבאות:
              </p>

              <h3>ייעוץ וטרינרי ב-WhatsApp או טלפון</h3>
              <p>
                ייעוץ ראשוני, סקירת היסטוריה רפואית, ותכנון הפרוצדורה יכולים להתבצע במלואם דרך WhatsApp או טלפון — ללא צורך בהגעה פיזית לקליניקה.
              </p>

              <h3>ביקור בית מקדים</h3>
              <p>
                ללקוחות שמתקשים להגיע — נתאם ביקור בית מקדים לבדיקה ראשונית, היכרות ובדיקות-טרום הרדמה. ביקור בית כפוף לתיאום מראש ולתשלום נוסף שיוצג מראש.
              </p>

              <h3>ליווי וסיוע במרפאה</h3>
              <p>
                ביום הפרוצדורה, ניתן לתאם מראש סיוע צוות בהגעה לקליניקה ובמעבר עם בעל החיים: סיוע פיזי, קליטה זריזה, חדר המתנה שקט.
              </p>

              <h3>חומרים נגישים</h3>
              <p>
                הוראות פרה-אופ ופוסט-אופ ניתנות להמרה לפורמט נגיש לפי הצורך: גופן מוגדל, ניגודיות גבוהה, הקלטת שמע. בקשה — תוך 5 ימי עסקים.
              </p>
            </section>

            <section id="s10">
              <h2><span className="num">10</span> דיווח על בעיית נגישות</h2>
              <p>
                אם נתקלת בבעיית נגישות באתר, בקליניקה, או בשירות — אנא הודיע לנו. אנו מתחייבים:
              </p>
              <ul>
                <li>לאשר את קבלת הפנייה תוך <strong>3 ימי עסקים</strong>.</li>
                <li>לטפל בבעיה ולהציע פתרון תוך <strong>60 ימים</strong> מקבלת ההודעה (פרק הזמן הקבוע בתקנות).</li>
                <li>לפתרון מיידי — להציע שירות חלופי בו-זמנית עם הטיפול בבעיה.</li>
              </ul>
              <p>
                במידה ואינך מרוצה מהמענה, ניתן לפנות אל נציבות שוויון זכויות לאנשים עם מוגבלות במשרד המשפטים.
              </p>
            </section>

            <LegalContactCard
              title="פניות נגישות"
              body="עד למינוי רשמי של רכז נגישות, פניות מטופלות באופן אישי על-ידי ד״ר דניאל דורפמן. בכל פנייה — נא לציין את אופי הבעיה (אתר / קליניקה / שירות), את העמוד או המיקום הספציפי, ואת אמצעי הקשר המועדף עליך."
              contactRows={[
                { lbl: 'אחראי על הנגישות', val: 'ד״ר דניאל דורפמן (עד למינוי רכז)' },
                { lbl: 'דוא״ל', val: <a href="mailto:Daniel@lumivet.co.il">Daniel@lumivet.co.il</a> },
                { lbl: 'טלפון', val: <a href="tel:+97233035033">03-303-5033</a> },
                { lbl: 'WhatsApp', val: <a href="https://wa.me/97233035033">97233035033+</a> },
                { lbl: 'כתובת', val: 'דיזנגוף 255, תל אביב' },
                { lbl: 'נציבות שוויון', val: <a href="https://www.gov.il/he/departments/the_commission_for_equal_rights_of_persons_with_disabilities" target="_blank" rel="noopener">gov.il/.../equal-rights</a> },
              ]}
            />

          </article>
        </div>
      </div>
    </main>
  );
};
window.AccessibilityContent = AccessibilityContent;