Ստուգեք ձեր գույները
Ստուգիր գույների համադրությունները՝ համոզվելու համար, որ դրանք համապատասխանում են WCAG հասանելիության չափանիշներին տեքստի ընթեռնելիության համար։
Համեմատվել են՝ #FFFFFF սպառով #8631C3-ի վրա
Տեքստ
16px, Սովորական (400)
Համարվում է սովորական տեքստ.
AA (WCAG 1.4.3): առնվազն 4.5:1
Անցնում էAAA (WCAG 1.4.6): առնվազն 7:1
Պետք է ևս 0.53
Չանցավ
UI կոմպոնենտներ և գրաֆիկա
Պատկերակներ, ինպուտ սահմաններ, ֆոկուսի ցուցիչներ և մյուս մասեր, որոնք պետք է տեսանելի լինեն ինտերֆեյսը օգտագործելու համար.
AA (WCAG 1.4.11): առնվազն 3:1
Անցնում է
Ինչպես է ստուգվում
- Գույները համեմատվել են (միացումից հետո)
- Տեքստ #FFFFFF ֆոնի վրա #8631C3
- Հարաբերական լուսեղություն
- Տեքստ 1.0000, ֆոն 0.1120
- Ֆորմուլա
- (L1 + 0.05) / (L2 + 0.05) որտեղ L1-ն ավելի լուսավոր գույնի լուսեղությունն է, իսկ L2-ն ավելի մութի լուսեղությունը.
- Ճշգրիտ համամասնություն
- 6.4794 դեպի 1, ցույց է տրվում որպես 6.47 դեպի 1. Ցուցադրված արժեքը կտրված է, ոչ թե կլորացված, այնպես որ երբեք չի երևում ավելի լավ, քան իրականում կա. Ճշգրիտ արժեքն է համեմատվում պահանջի հետ.
Տեքստի չափը: 16px, Սովորական (400)
Համարվում է սովորական տեքստ. Մեծ տեքստը նվազագույնը 24px (18pt) է, կամ նվազագույնը 18.67px (14pt), երբ թավ է (տառի քաշը 700 կամ ավելի): Չափերը ցուցադրվում են կտրված, ոչ թե կլորացված.
Համարվում է սովորական տեքստ. Մեծ տեքստը նվազագույնը 24px (18pt) է, կամ նվազագույնը 18.67px (14pt), երբ թավ է (տառի քաշը 700 կամ ավելի): Չափերը ցուցադրվում են կտրված, ոչ թե կլորացված.
Արագ շագանակագույն աղվեսը ցատկում է ծույլ շան վրայով
Փոքր տեքստի օրինակ (12px)
WCAG չափանիշներ
Մակարդակ AA
Նվազագույն հակադրության հարաբերակցություն 4.5:1 սովորական տեքստի և 3:1 մեծ տեքստի համար։ Պահանջվում է մեծամասնության կայքերի համար։
Մակարդակ AAA
Բարձրացված հակադրության հարաբերակցություն 7:1 սովորական տեքստի և 4.5:1 մեծ տեքստի համար։ Առաջարկվում է օպտիմալ հասանելիության համար։
Գույնի հակադրության ստուգիչ
Հաշվիր տեքստի և ֆոնի գույների հակադրության հարաբերակցությունը։
Ընտրիր գույնը գույնի selector-ի միջոցով տեքստի և ֆոնի գույնի համար կամ մուտքագրիր գույնը RGB հեքսադեցիմալ ձևաչափով (օրինակ՝ #259 կամ #2596BE): Կարող ես կարգավորել սլայդերը գույն ընտրելու համար։ Վեբ բովանդակության հասանելիության ուղեցույցները (WCAG) ունեն հատուկ ուղեցույց, որը կօգնի պարզել, արդյոք տեքստը ընթեռնելի է տեսողություն ունեցող օգտատերերի համար։ Այս չափանիշը օգտագործում է հատուկ ալգորիթմ՝ գույնի համադրությունները համեմատելի հարաբերակցությունների վերածելու համար։ Օգտագործելով այս բանաձևը, WCAG-ը նշում է, որ 4.5:1 գույնի հակադրության հարաբերակցությունը տեքստի և դրա ֆոնի հետ բավարար է սովորական (մարմնի) տեքստի համար, իսկ մեծ տեքստը (18+ pt սովորական, կամ 14+ pt հաստ) պետք է ունենա առնվազն 3:1 գույնի հակադրության հարաբերակցություն։
Հիմնական հնարավորություններ
- Կոնտրաստի հարաբերակցության իրական ժամանակի հաշվարկ
- WCAG AA & AAA համապատասխանության ստուգում
- HSL սլայդերներ նուրբ կարգավորման համար
- Բազմաթիվ նախադիտման ձևաչափեր
Ընդլայնված գործիքներ
- Գույների ավտոմատ ուղղում
- Տեքստի և ֆոնի նմուշներ
- Գույնի անվան ճանաչում
- Արդյունքների արտահանում