hasadna / hasadna/datacity-k8s

ניגוד בין צבע טקסט לצבע רקע

Open
#104 1 comment 0 reactions 0 assignees View on GitHub
Accessibility
Dominant language
Python
Stars
1
Forks
1
PR merge metrics
No merged PRs in 30d

Description

[בתשתית CKAN האתר מעלה אדומים]( https://maale-adummim.datacity.org.il), קיימים מרכיבים שאינם עומדים ביחס ניגוד מינימום בין צבע טקסט לצבע רקע.
הסבר כללי: העין האנושית יכולה להבחין ביחס ניגוד בין צבע רקע לצבע טקסט שנע בין 1:1 ל 1:21 = למשל כתב שחור על רקע לבן או ההפך.
יחס הניגוד בין צבע טקסט לצבע רקע באזור הניווט העליון מאוד מאוד נמוך
[ראו למשל תוצאת דגימה באמצעות הכלי WebAIM - Color contrast checker]( https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=9BC7ED) המאפשר לדגום ערכי צבע ולקבל עבורם את יחס הניגוד. זהו כלי אונליין ולאחר דגימת ערכי הצבע ניתן לשמור את הקישור לממצאי הדגימה לשימוש עבור מעצבים ומפתחים.
צילום מסך של חלק אפשרויות ניהול
![צילום מסך של חלק אפשרויות ניהול
](https://user-images.githubusercontent.com/38149556/97830632-47e98f00-1cd6-11eb-843a-2b7c8289f6af.png)

צילום מסך של חלק מהתפריט הראשי באתר
![צילום מסך של חלק מהתפריט הראשי באתר
](https://user-images.githubusercontent.com/38149556/97830727-9b5bdd00-1cd6-11eb-9b61-fda15d3d2e46.png)

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

גם במובייל – למשל באייפון, בקושי רב ניתן לראות את הטקסט הבהיר מאוד על רקע התכלת
![צילום מסך מהאייפון בדפדפן ספארי](https://user-images.githubusercontent.com/38149556/97830861-0c9b9000-1cd7-11eb-94bf-989e29c64d48.png)

## 1.4.3 - ניגוד מינימום AA
חובה לספק יחס ניגוד מינימום בין צבע טקסט לצבע רקע לפי הפירוט הבא
[1.4.3 Contrast Minimum AA](https://www.w3.org/WAI/WCAG21/quickref/#contrast-minimum)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by inspecting the CKAN site's top navigation, administration controls, and mobile menu styles described in the screenshots. Use the linked WebAIM contrast checker and the WCAG 1.4.3 reference to measure the reported text and background colors. Done means the affected components meet the minimum AA contrast ratio across the shown views.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.