בודק ניגודיות צבעים לפי WCAG
הערך את יחס הניגודיות של צבעי הטקסט והרקע בהתאם להנחיות WCAG 2.1. צור התאמות צבע נגישות באופן מיידי.
תצוגה מקדימה חיה של טקסט
כותרת גדולה (18pt מודגש / 24pt רגיל)
זהו תצוגה מוקדמת של סגנון הטקסט הכותרת הגדול.
טקסט רגיל (מתחת ל-18pt)
לורם איפסום דולר סיט אמט, consectetur adipiscing elit.
יחס ניגודיות
מצב תאימות ל-WCAG 2.1
הנחיות WCAG 2.1
בדוק בקלות תקני ניגודיות כדי לבנות ממשקים נגישים התואמים לסעיף 508, ADA, ו-WCAG AA או AAA.
מנוע הצעות
התאמת צבעים באופן אוטומטי לאורך קואורדינטות HSL כדי למצוא את החלופות הקרובות ביותר העומדות בקריטריוני יחס הניגודיות.
צד הלקוח המלא
חישובים מבוצעים באופן מקומי בהקשר הדפדפן שלך. אין צבעים, קבצים או קואורדינטות טלמטריה המועברים לשרתים שלנו.
כלי צבע קשורים
בודק ניגודיות צבעים
חשב יחסי ניגודיות WCAG עבור צבעי חזית ורקע והצג תוצאות נפוצות לגודל טקסט.
- קלט
- שני צבעי CSS תקפים וטקסט תצוגה מקדימה אופציונלי.
- פלט
- יחס ניגודיות עם מחווני מעבר או כישלון של WCAG AA ו-AAA.
- מגבלות אמיתיות
- החישוב מכסה רק ניגודיות בהירות; הוא אינו מאשר ממשק או מתחשב בעיבוד גופנים, תנועה, מיקוד או רמזים שאינם צבעוניים.
- פרטיות וטיפול בנתונים
- שני צבעי CSS תקינים וטקסט תצוגה מקדימה אופציונלי מעובדים בכרטיסיית דפדפן זו. Convertr אינו מקבל או מאחסן אותו; סגירת הדף או טעינתו מחדש מנקה את מצב העבודה אלא אם הכלי מציע במפורש הורדה מקומית.
כיצד להשתמש בכלי זה
- ספק שני צבעי CSS תקינים וטקסט תצוגה מקדימה אופציונלי בבקרות הכלי.
- בחר את ההגדרות המשפיעות על יחס ניגודיות עם מחווני עובר/נכשל של WCAG AA ו-AAA, ולאחר מכן הפעל את הכלי.
- סקור יחס ניגודיות עם אינדיקטורים של מעבר או כשל WCAG AA ו-AAA לפני ההעתקה או ההורדה.
מצבי כשל נפוצים
צבעים לא תקינים לא ניתנים למדידה, ושקיפות ללא רקע מוגדר עלולה להפוך יחס לחסר משמעות.
דוגמה שימושית
השוואת טקסט #1f2937 על #ffffff כדי לבדוק את היחס שלו לטקסט רגיל וגדול.