search

OriHoch / data4dappl

MIT License
2 stars 7 forks source link

color contrast adjustments #63

Closed OriHoch closed 5 years ago

OriHoch commented 6 years ago
יש לי רק עניין אחד בכל הנוגע לעיצוב וזה קשור לתקנות נגישות. יש הגדרה של קונטרסט בין טקסט לרקע. אז אם מחליפים צבעים של אלמנטים חשוב שנוודא בסוף התהליך שאנחנו שומרים על קונטרסט מינימלי. כי התוכנית שלי שכל האתר יהיה בקונטרסט הנכון במצב הטבעי ובלי הכפתורים הדבילים האלה שמחליפים צבעים. בכלל, אני מנסה להבין איך אפשר להטמיע את כל הדרישות של נגישות במצב הרגיל של האתר ובלי הכפתור וכל הפיצ'רים המוזרים והמעצבנים האלה שיש במלא אתרים.

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

![image](https://user-images.githubusercontent.com/1198854/44955159-b55fc200-aeb7-11e8-9d33-d84a6d32d76a.png)

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

![image](https://user-images.githubusercontent.com/1198854/44955161-bd1f6680-aeb7-11e8-9d0d-5a3e943de47f.png)

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

![image](https://user-images.githubusercontent.com/1198854/44955165-c6a8ce80-aeb7-11e8-99ee-9eccd9dddc9a.png)

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

![image](https://user-images.githubusercontent.com/1198854/44955168-ce687300-aeb7-11e8-965c-c4b00f501655.png)

גם זה בעייתי, אלא אם תגיד שאתה מעדיף לעשות כפתור שימיר את כל האתר ל-2 צבעים במקום לוודא שהכל עומד בדרישת ניגודיות. ![image](https://user-images.githubusercontent.com/1198854/44955170-d4f6ea80-aeb7-11e8-8ae2-8337286f3db3.png)
OriHoch commented 6 years ago

image

OriHoch commented 6 years ago

adjust contrast of format colors image

contrast should be minimum 4.5 - and higher as long as color is visible

image

OriHoch commented 6 years ago

image

zomer-g commented 6 years ago

באופן כללי צריך לשאוף שכל טקסט על רקע כהה יהיה בלבן מלא, וכל טקסט על רקע בהיר יהיה בשחור מלא.

OriHoch commented 5 years ago

fixed in #76 #75 #79