වර්ණ පරස්පරතා පරීක්ෂකය

Q: WCAG AA අනුකූලතාව සඳහා අවම පරස්පරතා අනුපාතය කුමක්ද?

WCAG AA අනුකූලතාව සඳහා, සාමාන්ය පෙළට අවම වශයෙන් 4.5:1 පරස්පරතා අනුපාතයක් අවශ්ය වන අතර, විශාල පෙළට (18pt හෝ 14pt තද අකුරු) 3:1 අවශ්ය වේ.

Q: WCAG AA සහ AAA ප්රමිතීන් අතර වෙනස කුමක්ද?

WCAG AAA ඉහළ පරස්පරතා අනුපාත අවශ්ය කරයි: සාමාන්ය පෙළට 7:1 සහ විශාල පෙළට 4.5:1, AA හි පිළිවෙලින් 4.5:1 සහ 3:1 හා සසඳන විට.

Q: දුර්වල වර්ණ පරස්පරතාව නිවැරදි කරන්නේ කෙසේද?

ඔබේ නිර්මාණ අභිප්රාය රැකගනිමින් පෙළ හෝ පසුබිම් වර්ණය සකස් කිරීමට අපගේ ස්වයංක්රීය නිවැරදි කිරීමේ විශේෂාංගය භාවිතා කරන්න, නැතහොත් AA/AAA අනුකූලතාව සඳහා ප්රශස්ත කලාප දෘශ්ය දර්ශක සමඟ පෙන්වන HSL ස්ලයිඩර භාවිතයෙන් වර්ණ අතින් සකස් කරන්න.

Q: සකස් කිරීමේ ස්ලයිඩර මත ඇති දෘශ්ය දර්ශක මොනවාද?

කොළ කලාප සහ AA/AAA ලකුණු WCAG අනුකූලතාව සඳහා ප්රශස්ත පරාස පෙන්වයි. දිශා ඉඟි (වඩාත් දීප්තිමත්/වඩාත් අඳුරු) ඔබේ වත්මන් වර්ණ සංයෝගය මත පදනම්ව වඩා හොඳ පරස්පරතාව වෙත මඟ පෙන්වයි.

ඔබේ වර්ණ පරීක්ෂා කරන්න

පෙළ කියවීමේ හැකියාව සඳහා WCAG ප්‍රවේශ්‍යතා ප්‍රමිතීන් සපුරාලීම සහතික කිරීම සඳහා වර්ණ සංයෝජන පරීක්ෂා කරන්න.

1.00:1

පරස්පරතාව

අසමත්

ඉතා දුප්පත්

සාමාන්‍ය පෙළ

AA (4.5:1)

AAA (7:1)

විශාල පෙළ

AA (3:1)

AAA (4.5:1)

පෙළ වර්ණය

පසුබිම් වර්ණය

ඉක්මන් නිවැරදි කිරීම්

මාතෘකාව පෙරදසුන

ඉක්මන් දුඹුරු නරියා කම්මැලි බල්ලාට උඩින් පනිනවා

කුඩා පෙළ උදාහරණය (12px)

පෙළ

#2596be

පසුබිම

#ffffff

WCAG ප්‍රමිතීන්

මට්ටම AA

සාමාන්‍ය පෙළ සඳහා අවම ප්‍රතිවිරුද්ධ අනුපාතය 4.5:1 සහ විශාල පෙළ සඳහා 3:1. බොහෝ වෙබ් අඩවි සඳහා අවශ්‍ය වේ.

මට්ටම AAA

සාමාන්‍ය පෙළ සඳහා 7:1 සහ විශාල පෙළ සඳහා 4.5:1 ක වැඩිදියුණු කළ ප්‍රතිවිරුද්ධ අනුපාතය. ප්‍රශස්ත ප්‍රවේශ්‍යතාව සඳහා නිර්දේශ කෙරේ.

සියලුම පෙළ ප්‍රමාණ සඳහා දුර්වල වෙනස.

පෙළ සහ පසුබිම් වර්ණවල ප්‍රතිවිරුද්ධ අනුපාතය ගණනය කරන්න.

පෙළ සහ පසුබිම් වර්ණය සඳහා වර්ණ පිකර් භාවිතයෙන් වර්ණයක් තෝරන්න හෝ RGB ෂඩාස්‍ර ආකෘතියෙන් වර්ණයක් ඇතුළත් කරන්න (උදා: #259 හෝ #2596BE). ඔබට වර්ණය තෝරා ගැනීමට ස්ලයිඩරය සකස් කළ හැක. වෙබ් අන්තර්ගත ප්‍රවේශ්‍යතා මාර්ගෝපදේශ (WCAG) හට දෘශ්‍යමාන පරිශීලකයින් සඳහා පෙළ කියවිය හැකිද යන්න සොයා ගැනීමට විශේෂිත මාර්ගෝපදේශයක් ඇත. මෙම නිර්ණායක වර්ණ සංයෝජන සංසන්දනාත්මක අනුපාතවලට සිතියම්ගත කිරීමට විශේෂිත ඇල්ගොරිතමයක් භාවිතා කරයි. මෙම සූත්‍රය භාවිතා කරමින්, WCAG ප්‍රකාශ කරන්නේ පෙළ සමඟ 4.5:1 වර්ණ ප්‍රතිවිරෝධතා අනුපාතය සහ එහි පසුබිම සාමාන්‍ය (ශරීර) පෙළ සඳහා ප්‍රමාණවත් වන අතර විශාල පෙළ (18+ pt නිත්‍ය, හෝ 14+ pt තද) අවම වශයෙන් 3ක් තිබිය යුතු බවයි: 1 වර්ණ පරස්පර අනුපාතය.

මූලික ලක්ෂණ

තත්‍ය කාලීන විභේදන අනුපාත ගණනය කිරීම
WCAG AA සහ AAA අනුකූලතා පරීක්ෂාව
සියුම් සුසර කිරීම සඳහා HSL ස්ලයිඩර්
බහු පෙරදසුන් ආකෘති

උසස් මෙවලම්

ස්වයංක්‍රීය වර්ණ නිවැරදි කිරීම
පෙළ සහ පසුබිම් සාම්පල
වර්ණ නාම හඳුනාගැනීම
අපනයන ප්‍රතිඵල

නිතර අසන ප්‍රශ්න

WCAG AA අනුකූලතාව සඳහා, සාමාන්‍ය පෙළට අවම වශයෙන් 4.5:1 පරස්පරතා අනුපාතයක් අවශ්‍ය වන අතර, විශාල පෙළට (18pt හෝ 14pt තද අකුරු) 3:1 අවශ්‍ය වේ.

WCAG AAA ඉහළ පරස්පරතා අනුපාත අවශ්‍ය කරයි: සාමාන්‍ය පෙළට 7:1 සහ විශාල පෙළට 4.5:1, AA හි පිළිවෙලින් 4.5:1 සහ 3:1 හා සසඳන විට.

ඔබේ නිර්මාණ අභිප්‍රාය රැකගනිමින් පෙළ හෝ පසුබිම් වර්ණය සකස් කිරීමට අපගේ ස්වයංක්‍රීය නිවැරදි කිරීමේ විශේෂාංගය භාවිතා කරන්න, නැතහොත් AA/AAA අනුකූලතාව සඳහා ප්‍රශස්ත කලාප දෘශ්‍ය දර්ශක සමඟ පෙන්වන HSL ස්ලයිඩර භාවිතයෙන් වර්ණ අතින් සකස් කරන්න.

කොළ කලාප සහ AA/AAA ලකුණු WCAG අනුකූලතාව සඳහා ප්‍රශස්ත පරාස පෙන්වයි. දිශා ඉඟි (වඩාත් දීප්තිමත්/වඩාත් අඳුරු) ඔබේ වත්මන් වර්ණ සංයෝගය මත පදනම්ව වඩා හොඳ පරස්පරතාව වෙත මඟ පෙන්වයි.

ඔව්, ඕනෑම HEX වර්ණ කේතයක් ඇතුළත් කළ හැකි අතර අභිරුචි වර්ණ තේරීමට වර්ණ තෝරකය භාවිතා කළ හැක. URL ස්වයංක්‍රීයව යාවත්කාලීන වන නිසා ඔබට නිශ්චිත වර්ණ සංයෝග බෙදා ගත හැක.