ce este Contrast Finder?Contrast-Finder este un instrument care calculează contrastul dintre două culori (fundal, prim-plan) și verifică dacă contrastul este valid. Când contrastul nu este valid, obiectivul principal este de a sugera unele contraste corecte de culori. Contrast-Finder este conceput pentru a fi utilizat de webdesigneri, dezvoltatori web sau profesioniști de accesibilitate web pentru a îmbunătăți lizibilitatea paginilor HTML și a site-urilor web.

ajutor / Cum se utilizează acest instrument?,interfața Contrast-Finder este un formular cu cinci câmpuri obligatorii.

• culoarea textului
• culoarea de fundal
• raportul minim
• culoare pentru a edita
• Gimme

culoarea textului/prim-plan

aceasta este culoarea textului. Puteți completa acest câmp cu cuvinte cheie de culoare, o valoare hexazecimală sau o valoare RGB. Valoarea de intrare este apoi previzualizată în partea dreaptă a câmpului.

Color cuvinte cheie

Exemplu: Black, Silver, YellowGreen, MediumPurple.,
valorile autorizate sunt cele enumerate în CSS color keywords (de la nivelul CSS 1 la nivelul CSS 4).

culoare cu valori hexazecimale

exemplu: #AABBCC. Vă rugăm să rețineți că #ABC funcționează, de asemenea, ne-am completa automat campul cu #AABBCC. De asemenea, puteți utiliza acest câmp fără # caracter, deci FFF sau FFFFFF functioneaza perfect.

culoare cu valori RGB

exemplu: rgb(255,255,255).,
De asemenea, puteți utiliza o sintaxă scurtă precum 255,255,255, care trebuie interpretată ca rgb(255,255,255).

Culoare fundal

aceasta este culoarea fundalului.
acest câmp funcționează la fel ca câmpul de culoare text.

raportul minim

trei valori posibile 3, 4, 5 și 7.

cum de a alege un raport? Depinde de următoarele elemente:

• nivelul de accesibilitate dorit: AA sau AAA.
• dimensiunea textului.
• este textul îndrăzneț sau nu?,

Nivelul AA

Două elemente (dimensiunea și bold) oferă patru combinații:

Nivel AAA

Pentru nivelul AAA logica este aceeași, doar raportul crește în felul următor:

• 4.5 raport devine 7
• 3 raport devine 4.5

Text size înțelegere

• 19px criterii pot fi înțelese ca echivalente de 14pt sau 120% sau 1.2em.,
• 24px criterii pot fi înțelese ca echivalente de 18pt sau 150% sau 1.5em. pentru o înțelegere completă și exhaustivă a modului de interpretare a dimensiunii textului, ar trebui să citiți definiția textului la scară largă din WCAG.

  toate detaliile despre raportul de contrast

  culoare de editat

  este fie culoarea textului, fie culoarea de fundal. Implicit este culoarea textului.

  culoarea pe care o alegeți va fi modificată până când vom găsi o culoare validă. Cealaltă culoare nu se va schimba.,

  Gimme / algoritmii

  „culori valide și foarte aproape de culoarea inițială”

  acesta este algoritmul implicit. Acesta oferă opțiuni de culoare foarte aproape de culoarea inițială. (Distanța de culoare este calculată pe o bază matematică, care poate varia din punct de vedere al proiectantului.)

  pentru unele combinații de culori, algoritmul poate să nu dea niciun rezultat ; într-un astfel de caz, utilizați celălalt algoritm.

  „o gamă de culori valide”

  acesta este algoritmul de rezervă, în cazul în care primul nu dă niciun rezultat. Cu toate acestea, opțiunile de culoare pot fi (puternic) diferite de culoarea inițială.,

  Feedback-ul de Utilizator

  Dacă aveți orice probleme sau întrebări despre Contrast-Finder, vă rugăm să ne contactați:

  • Asqatasun forum
  • Twitter @Contrast_Finder
  • Contrast-Finder pe Github

  Contribuie la Contrast-Finder