Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

color contrast adjustments #63

Closed
OriHoch opened this issue Sep 2, 2018 · 5 comments
Closed

color contrast adjustments #63

OriHoch opened this issue Sep 2, 2018 · 5 comments
Labels
Accessibility small TBD
Milestone
Milestone 2

Comments

@OriHoch
Copy link
Owner

OriHoch commented Sep 2, 2018 •
edited
Loading

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

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

image




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


image




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


image




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


image




גם זה בעייתי, אלא אם תגיד שאתה מעדיף לעשות כפתור שימיר את כל האתר ל-2 צבעים במקום לוודא שהכל עומד בדרישת ניגודיות.

image
@OriHoch OriHoch added the TBD label Sep 2, 2018
@OriHoch OriHoch added this to the Milestone 2 milestone Sep 2, 2018
@OriHoch OriHoch mentioned this issue Sep 2, 2018
Closed
@OriHoch
Copy link
Owner Author

OriHoch commented Sep 7, 2018

image

@OriHoch
Copy link
Owner Author

OriHoch commented Sep 7, 2018 •
edited
Loading

adjust contrast of format colors
image

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

image

@OriHoch
Copy link
Owner Author

OriHoch commented Sep 7, 2018

image

@OriHoch OriHoch added the small label Sep 7, 2018
@zomer-g
Copy link
Collaborator

zomer-g commented Sep 8, 2018

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

@OriHoch OriHoch added small and removed small labels Nov 26, 2018
@OriHoch
Copy link
Owner Author

OriHoch commented Aug 7, 2019

fixed in #76 #75 #79

@OriHoch OriHoch closed this as completed Aug 7, 2019
# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees
No one assigned
Labels
Accessibility small TBD
Projects
None yet
Milestone
Milestone 2
Development

No branches or pull requests
2 participants
@OriHoch @zomer-g