בחר שפה

בודק ניגודיות

בודק ניגודיות צבע WCAG לחישוב יחס ניגודיות הטקסט.

צבע חזית

הזן שלישיית הקסדצימלי חוקית , או השתמש בדוגם הצבע.

צבע רקע

הזן שלישיית הקסדצימלי חוקית , או השתמש בדוגם הצבע.

יחס ניגודיות 21:1

טקסט רגיל

WCAG AA: Pass

WCAG AAA: Pass

דוגמה לטקסט רגיל - 16px

טקסט גדול

WCAG AA: Pass

WCAG AAA: Pass

דוגמה לטקסט גדול 18pt/24 פיקסלים

אובייקטים גרפיים ורכיבי ממשק משתמש

WCAG AA:  Pass

image/svg+xml
  • חישוב יחס ניגודיות עבור גודל טקסט רגיל.
  • חישוב יחס ניגודיות עבור גודל טקסט גדול.
  • חישוב יחס ניגודיות עבור רכיבי ממשק משתמש.
  • בחירת צבע מדוגם הצבע
  • הגדרת צבע בהירות

כיצד להשתמש בבודק הניגודיות

  • בחר צבע רקע
  • בחר צבע חזית
  • התאם את הבהירות אם צריך
  • בדוק ביקורת עבור טקסט רגיל וגדול

שאלות נפוצות

כיצד פועל בודק הניגודיות?

אתה צריך להעריך את הצבע של הטקסט והרקע. בהתאם להנחיות WCAG 2.1, אלה הם: טקסט גדול - טקסט בגודל מינימלי של 18 פיקסלים דורש יחס ניגודיות של 3:1; טקסט קטן - טקסט בגודל של פחות מ- 18 פיקסלים דורש יחס ניגודיות של 4.5:1.

מדוע האתר שלי צריך להיות בעל ניגודיות צבע מספקת?

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

מה המשמעות של נגישות לאתר?

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

האם תמונות וסרטונים חייבים לעמוד בדרישות ניגודיות הצבעים של WCAG?

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

© Eptimize Pty Ltd 2022-2024. All Rights Reserved.