1. מחויבות לנגישות

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

ההנגשה בוצעה באופן ידני על ידי צוות הפיתוח, ולא על ידי כלי הנגשה אוטומטי (overlay). אנו מעדכנים את ההנגשות באופן שוטף בכל עדכון של האתר.

2. התאמות שבוצעו באתר

ניווט מקלדת

• ניתן לנווט בכל רכיבי האתר באמצעות מקשי Tab, Shift+Tab, Enter ו-Escape — ללא צורך בעכבר.
• קישור "דלג לתוכן" (Skip to Content) מופיע בלחיצת Tab הראשונה, ומאפשר לדלג ישירות לתוכן הראשי תוך עקיפת תפריט הניווט.
• כל אלמנט אינטראקטיבי (כפתור, קישור, שדה טופס) מקבל מסגרת מיקוד נראית (focus indicator) בצבע בולט, כך שמשתמשי מקלדת תמיד יודעים היכן הם נמצאים.
• תפריט הנייד (המבורגר) ניתן לפתיחה וסגירה באמצעות המקלדת, ומסומן עם aria-expanded כדי להודיע לקורא המסך אם הוא פתוח או סגור.

מבנה סמנטי ותגיות ARIA

• האתר בנוי עם היררכיית כותרות תקנית: <h1> לכותרת ראשית, <h2> לכותרות מקטעים, <h3> לכותרות משנה — ללא דילוג רמות.
• אזורי ARIA מוגדרים: role="banner" (כותרת), role="navigation" (ניווט), role="main" (תוכן ראשי), role="contentinfo" (פוטר).
• הודעות מערכת (Toast) מסומנות כ-role="alert" עם aria-live="assertive", כך שקוראי מסך מקריאים אותן מייד.
• דירוגי כוכבים בהמלצות מסומנים כ-role="img" עם aria-label="5 out of 5 stars".
• כפתורי החלפת שפה מסומנים עם aria-pressed המתעדכן בכל החלפה.
• כל אייקוני SVG דקורטיביים מסומנים כ-aria-hidden="true" כדי שקוראי מסך יתעלמו מהם.

טקסט חלופי לתמונות

• לכל 15 תמונות תיק העבודות מוגדר טקסט חלופי (alt) תיאורי באנגלית, המתאר את תוכן הפרויקט (למשל: "Smart E-Commerce Store", "AI Medical Diagnostics").
• קישורי "צפה בהדגמה" מסומנים עם aria-label ייחודי הכולל את שם הפרויקט, כדי שמשתמשי קורא מסך יבחינו ביניהם.

ניגודיות צבע וגופנים

• יחס הניגודיות בין טקסט לרקע עומד ביחס 4.5:1 לפחות לטקסט רגיל, ו-3:1 לפחות לטקסט גדול — בהתאם לדרישות WCAG AA.
• צבעי הטקסט המשני כוונו ספציפית (#8b8b94) כדי לעמוד ביחס הניגודיות הנדרש מול רקע כהה.
• הגופנים המשמשים באתר (Heebo לעברית, Inter לאנגלית) הם גופני Sans-Serif קריאים, בגדלים מותאמים באמצעות יחידות יחסיות (rem, clamp) שמאפשרים הגדלה ללא שבירת פריסה.

טפסים

• לכל שדה בטופס יצירת הקשר מוגדר <label> מקושר באמצעות מאפיין for, כך שלחיצה על התווית ממקדת את השדה.
• שדות חובה מסומנים ב-required ומאומתים לפני שליחה.
• שדה Honeypot מוסתר מקוראי מסך באמצעות aria-hidden="true" ו-tabindex="-1".

תמיכה בהפחתת תנועה

• האתר מכבד את הגדרת prefers-reduced-motion של המערכת: כשהמשתמש מבקש להפחית תנועה, כל אנימציות ה-CSS (מעברים, הופעות, תנועות) מבוטלות אוטומטית.

תמיכה ב-RTL ושפות

• האתר תומך בשלוש שפות: עברית (RTL), אנגלית (LTR), ורוסית (LTR). כיוון הכתב, מאפיין lang וכותרת העמוד (<title>) מתעדכנים אוטומטית בהחלפת שפה.

נגישות ללא JavaScript

• במקרה שה-JavaScript מושבת בדפדפן, כל תכני האתר נשארים גלויים באמצעות כלל <noscript> שמסיר את אפקטי ההופעה.

3. מוגבלויות נתמכות

ההנגשות באתר מיועדות לתמוך במשתמשים עם המוגבלויות הבאות:

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

4. תאימות טכנולוגית

האתר נבדק ונמצא תואם עם:

דפדפנים

• Google Chrome (גרסה עדכנית)
• Mozilla Firefox (גרסה עדכנית)
• Apple Safari (גרסה עדכנית)
• Microsoft Edge (גרסה עדכנית)

קוראי מסך

• NVDA (NonVisual Desktop Access) — Windows
• VoiceOver — macOS ו-iOS
• TalkBack — Android

מערכות הפעלה

• Windows 10/11
• macOS
• iOS / Android (תצוגה רספונסיבית)

5. מגבלות ידועות

• דפי ההדגמה (15 דפי demos) הם תצוגות לדוגמה בלבד ועשויים שלא לעמוד במלוא דרישות הנגישות. דפים אלו אינם חלק מהשירות העיקרי של האתר.
• קישורי רשתות חברתיות (LinkedIn, GitHub, WhatsApp) מובילים לאתרים חיצוניים שאינם באחריותנו מבחינת נגישות.

6. רכז נגישות — יצירת קשר

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

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

7. מדיניות עדכון

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

1. Commitment to Accessibility

Shai Kahlon believes the internet should be accessible to everyone. This website is built and maintained in compliance with Israeli Standard IS 5568 and WCAG 2.0 Level AA guidelines, ensuring an equal browsing experience for people with disabilities.

Accessibility was implemented manually by the development team — not by an automated overlay tool. We update our accessibility measures continuously with every site update.

2. Accessibility Measures Taken

Keyboard Navigation

• All site elements are navigable via Tab, Shift+Tab, Enter, and Escape — no mouse required.
• A "Skip to Content" link appears on the first Tab press, allowing users to bypass the navigation menu and jump directly to the main content.
• Every interactive element (button, link, form field) receives a visible focus indicator in an accent color, so keyboard users always know where they are.
• The mobile hamburger menu can be opened and closed via keyboard and is marked with aria-expanded to announce its state to screen readers.

Semantic Structure & ARIA

• The site uses a proper heading hierarchy: <h1> for the page title, <h2> for section headings, <h3> for sub-headings — with no skipped levels.
• ARIA landmark roles are defined: role="banner" (header), role="navigation" (nav), role="main" (main content), role="contentinfo" (footer).
• System notifications (Toast) are marked as role="alert" with aria-live="assertive", so screen readers announce them immediately.
• Star ratings in testimonials are marked as role="img" with aria-label="5 out of 5 stars".
• Language switcher buttons include aria-pressed which updates on every language change.
• All decorative SVG icons are marked aria-hidden="true" so screen readers skip them.

Alternative Text for Images

• All 15 portfolio images have descriptive alt text describing the project content (e.g., "Smart E-Commerce Store", "AI Medical Diagnostics").
• "View Demo" links have unique aria-label attributes that include the project name, so screen reader users can distinguish between them.

Color Contrast & Fonts

• Text-to-background contrast ratios meet at least 4.5:1 for normal text and 3:1 for large text, per WCAG AA requirements.
• Secondary text colors were specifically tuned (#8b8b94) to pass the required contrast ratio against the dark background.
• Fonts used (Heebo for Hebrew, Inter for English) are legible Sans-Serif typefaces, sized with relative units (rem, clamp) that allow scaling without breaking the layout.

Forms

• Every field in the contact form has an associated <label> linked via the for attribute, so clicking the label focuses the field.
• Required fields are marked with required and validated before submission.
• The honeypot spam field is hidden from screen readers with aria-hidden="true" and tabindex="-1".

Reduced Motion Support

• The site respects the prefers-reduced-motion system setting: when a user requests reduced motion, all CSS animations (transitions, reveals, movements) are automatically disabled.

RTL & Language Support

• The site supports three languages: Hebrew (RTL), English (LTR), and Russian (LTR). Text direction, the lang attribute, and the page <title> are updated automatically when switching languages.

No-JavaScript Fallback

• If JavaScript is disabled in the browser, all site content remains visible via a <noscript> rule that removes reveal animations.

3. Supported Disabilities

The accessibility measures on this site are designed to support users with the following disabilities:

• Visual impairments — Screen reader support, descriptive alt text for images, high color contrast, clear and scalable fonts.
• Color blindness — Information is never conveyed through color alone; every visual message is accompanied by text.
• Motor impairments — Full keyboard navigation, skip-to-content link, visible focus indicators.
• Cognitive impairments — Clear and consistent layout, simple navigation, logical heading hierarchy, plain language.
• Motion sensitivity — Automatic respect for the prefers-reduced-motion setting (reduced animations).

4. Technical Compatibility

This site has been tested and found compatible with:

Browsers

• Google Chrome (latest version)
• Mozilla Firefox (latest version)
• Apple Safari (latest version)
• Microsoft Edge (latest version)

Screen Readers

• NVDA (NonVisual Desktop Access) — Windows
• VoiceOver — macOS and iOS
• TalkBack — Android

Operating Systems

• Windows 10/11
• macOS
• iOS / Android (responsive layout)

5. Known Limitations

• Demo pages (15 demo pages) are sample showcases only and may not fully meet accessibility requirements. These pages are not part of the main site service.
• Social media links (LinkedIn, GitHub, WhatsApp) lead to external websites whose accessibility is not under our control.

6. Accessibility Coordinator — Contact

If you encounter an accessibility issue on this site, get stuck navigating, or have suggestions for improvement — we'd love to hear from you. Contact our accessibility coordinator:

We commit to handling every accessibility inquiry within 7 business days and providing a response or alternative solution.

7. Update Policy

This accessibility statement is reviewed and updated with every significant change to the site. The last update date appears at the top of this page.

1. Обязательство по доступности

Шай Кахлон убеждён, что интернет должен быть доступен каждому. Этот сайт создан и поддерживается в соответствии с требованиями израильского стандарта IS 5568 и рекомендациями WCAG 2.0 уровня AA, обеспечивая равный опыт использования для людей с ограниченными возможностями.

Адаптация доступности выполнена вручную командой разработки, а не автоматическим инструментом (overlay). Мы обновляем меры доступности при каждом обновлении сайта.

2. Принятые меры доступности

Навигация с клавиатуры

• Все элементы сайта доступны через клавиши Tab, Shift+Tab, Enter и Escape — без необходимости мыши.
• Ссылка «Перейти к содержимому» (Skip to Content) появляется при первом нажатии Tab, позволяя перейти непосредственно к основному контенту, минуя навигационное меню.
• Каждый интерактивный элемент (кнопка, ссылка, поле формы) получает видимый индикатор фокуса акцентного цвета, чтобы пользователи клавиатуры всегда знали, где они находятся.
• Мобильное меню (гамбургер) можно открыть и закрыть с клавиатуры, оно отмечено атрибутом aria-expanded для информирования программ чтения с экрана.

Семантическая структура и ARIA

• Сайт использует правильную иерархию заголовков: <h1> для основного заголовка, <h2> для заголовков разделов, <h3> для подзаголовков — без пропуска уровней.
• Определены области ARIA: role="banner" (шапка), role="navigation" (навигация), role="main" (основной контент), role="contentinfo" (подвал).
• Системные уведомления (Toast) отмечены как role="alert" с aria-live="assertive", поэтому программы чтения с экрана озвучивают их немедленно.
• Звёздные рейтинги в отзывах отмечены как role="img" с aria-label="5 out of 5 stars".
• Кнопки переключения языка включают aria-pressed, обновляемый при каждом переключении.
• Все декоративные SVG-иконки отмечены aria-hidden="true", чтобы программы чтения с экрана их пропускали.

Альтернативный текст для изображений

• Все 15 изображений портфолио имеют описательный альтернативный текст (alt), описывающий содержание проекта (например, «Smart E-Commerce Store», «AI Medical Diagnostics»).
• Ссылки «Посмотреть демо» имеют уникальные атрибуты aria-label с названием проекта, чтобы пользователи программ чтения с экрана могли их различить.

Контрастность и шрифты

• Коэффициент контрастности текста и фона составляет не менее 4.5:1 для обычного текста и 3:1 для крупного текста, согласно требованиям WCAG AA.
• Цвета вторичного текста были специально откалиброваны (#8b8b94) для соблюдения требуемого коэффициента контрастности на тёмном фоне.
• Используемые шрифты (Heebo для иврита, Inter для английского) — читаемые шрифты Sans-Serif, размеры заданы в относительных единицах (rem, clamp), что позволяет масштабирование без нарушения вёрстки.

Формы

• Каждое поле контактной формы имеет привязанную метку <label> через атрибут for, поэтому нажатие на метку фокусирует поле.
• Обязательные поля отмечены атрибутом required и проверяются перед отправкой.
• Поле-ловушка (honeypot) скрыто от программ чтения с экрана с помощью aria-hidden="true" и tabindex="-1".

Поддержка уменьшения движения

• Сайт учитывает системную настройку prefers-reduced-motion: когда пользователь запрашивает уменьшение движения, все CSS-анимации (переходы, появления, движения) автоматически отключаются.

Поддержка RTL и языков

• Сайт поддерживает три языка: иврит (RTL), английский (LTR) и русский (LTR). Направление текста, атрибут lang и заголовок страницы (<title>) обновляются автоматически при переключении языка.

Работа без JavaScript

• Если JavaScript отключён в браузере, весь контент сайта остаётся видимым благодаря правилу <noscript>, удаляющему анимации появления.

3. Поддерживаемые типы инвалидности

Меры доступности на этом сайте предназначены для поддержки пользователей со следующими ограничениями:

• Нарушения зрения — поддержка программ чтения с экрана, описательный альтернативный текст, высокая контрастность, чёткие и масштабируемые шрифты.
• Дальтонизм — информация не передаётся только цветом; каждое визуальное сообщение сопровождается текстом.
• Моторные нарушения — полная навигация с клавиатуры, ссылка «Перейти к содержимому», видимые индикаторы фокуса.
• Когнитивные нарушения — понятная и последовательная структура, простая навигация, логическая иерархия заголовков, простой язык.
• Чувствительность к движению — автоматическое соблюдение настройки prefers-reduced-motion (уменьшение анимаций).

4. Техническая совместимость

Сайт протестирован и совместим с:

Браузеры

• Google Chrome (последняя версия)
• Mozilla Firefox (последняя версия)
• Apple Safari (последняя версия)
• Microsoft Edge (последняя версия)

Программы чтения с экрана

• NVDA (NonVisual Desktop Access) — Windows
• VoiceOver — macOS и iOS
• TalkBack — Android

Операционные системы

• Windows 10/11
• macOS
• iOS / Android (адаптивная вёрстка)

5. Известные ограничения

• Демонстрационные страницы (15 страниц demos) являются только образцами и могут не полностью соответствовать требованиям доступности. Эти страницы не являются частью основного сервиса сайта.
• Ссылки на социальные сети (LinkedIn, GitHub, WhatsApp) ведут на внешние сайты, доступность которых не находится под нашим контролем.

6. Координатор доступности — контакт

Если вы столкнулись с проблемой доступности на сайте, не можете навигировать или у вас есть предложения по улучшению — мы будем рады услышать вас. Свяжитесь с нашим координатором доступности:

Мы обязуемся рассмотреть каждое обращение по вопросам доступности в течение 7 рабочих дней и предоставить ответ или альтернативное решение.

7. Политика обновлений

Это заявление о доступности пересматривается и обновляется при каждом значительном изменении сайта. Дата последнего обновления указана в верхней части этой страницы.