ରଙ୍ଗ ବିପରୀତତା ଯାଞ୍ଚକାରୀ

ପ୍ରାପ୍ୟତା ନିଶ୍ଚିତ କରିବାକୁ ପୃଷ୍ଠଭୂମି ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗର ମଧ୍ୟରେ ବିପରୀତତା ଅନୁପାତ ପରୀକ୍ଷା କରନ୍ତୁ।

1.00:1
ବିପରୀତତା
Fail
ଅତ୍ୟନ୍ତ ଖରାପ

ସାଧାରଣ ପାଠ୍ୟ

AA (4.5:1)
AAA (7:1)

ବଡ଼ ପାଠ୍ୟ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Ecru White
#f5f3e5

ତ୍ୱରିତ ସଠିକ୍ କରିବା

Aa

ପ୍ରିଭ୍ୟୁ ଶୀର୍ଷକ

ଦ୍ରୁତ ବାଦାମୀ ଶିଆଳ ଅଳସ କୁକୁର ଉପରେ ଲାଘୁଛି

ଛୋଟ ପାଠ୍ୟ ଉଦାହରଣ (12px)

ପାଠ୍ୟ
#ffffff
ପୃଷ୍ଠଭୂମି
#f5f3e5

WCAG ମାନଦଣ୍ଡ

Level AA

ସାଧାରଣ ପାଠ୍ୟ ପାଇଁ 4.5:1 ର ନ୍ୟୁନତମ ବିପରୀତତା ଅନୁପାତ ଏବଂ ବଡ଼ ପାଠ୍ୟ ପାଇଁ 3:1। ଅଧିକାଂଶ ୱେବସାଇଟ୍ ପାଇଁ ଆବଶ୍ୟକ।

Level AAA

ସାଧାରଣ ପାଠ୍ୟ ପାଇଁ 7:1 ର ବୃଦ୍ଧିତ ବିପରୀତତା ଅନୁପାତ ଏବଂ ବଡ଼ ପାଠ୍ୟ ପାଇଁ 4.5:1। ସର୍ବୋପରି ପ୍ରାପ୍ୟତା ପାଇଁ ସୁପାରିଶ କରାଯାଇଛି।

ସମସ୍ତ ଟେକ୍ସଟ୍ ସାଇଜ ପାଇଁ ଅପର୍ଯ୍ୟାପ୍ତ ବିପରୀତ - WCAG ମାନକରେ ବିଫଳ।

ରଙ୍ଗ ବିପରୀତତା ଯାଞ୍ଚକାରୀ

ପାଠ୍ୟ ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗର ବିପରୀତତା ଅନୁପାତ ଗଣନା କରନ୍ତୁ।

ପାଠ୍ୟ ଏବଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ପାଇଁ color picker ବ୍ୟବହାର କରି ଏକ ରଙ୍ଗ ବାଛନ୍ତୁ କିମ୍ବା RGB ହେକ୍ସାଡେସିମାଲ୍ ଫର୍ମାଟରେ ଏକ ରଙ୍ଗ ପ୍ରବେଶ କରନ୍ତୁ (ଉଦାହରଣ ସ୍ୱରୂପ, #259 କିମ୍ବା #2596BE)। ତୁମେ ରଙ୍ଗ ବାଛିବା ପାଇଁ ସ୍ଲାଇଡର୍ ସମଯୋଜନ କରିପାରିବ। ଜାଲ ବିଷୟବସ୍ତୁ ପ୍ରାପ୍ୟତା ନିର୍ଦ୍ଦେଶିକା (WCAG) ଦୃଷ୍ଟିମାନ୍ତ ବ୍ୟବହାରକାରୀଙ୍କ ପାଇଁ ପାଠ୍ୟ ପଠନୀୟ କି ନୁହେଁ ତାହା ନିର୍ଣ୍ଣୟ କରିବାକୁ ଜଣାଇବାକୁ ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ନିର୍ଦ୍ଦେଶିକା ରଖିଛି। ଏହି ମାନଦଣ୍ଡ ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ଅଲଗୋରିଥମ୍ ବ୍ୟବହାର କରି ରଙ୍ଗ ସଂଯୋଗଗୁଡ଼ିକୁ ତୁଳନାମୂଳକ ଅନୁପାତରେ ମାପ କରେ। ଏହି ସୂତ୍ର ବ୍ୟବହାର କରି, WCAG କହେ ଯେ ସାଧାରଣ (ଦେହ) ପାଠ୍ୟ ପାଇଁ ପାଠ୍ୟ ଏବଂ ଏହାର ପୃଷ୍ଠଭୂମି ସହିତ 4.5:1 ରଙ୍ଗ ବିପରୀତତା ଅନୁପାତ ଯଥେଷ୍ଟ ଅଟେ, ଏବଂ ବଡ଼ ପାଠ୍ୟ (18+ pt ସାଧାରଣ, କିମ୍ବା 14+ pt bold) କମରେ କମ 3:1 ରଙ୍ଗ ବିପରୀତତା ଅନୁପାତ ରଖିବା ଉଚିତ।

ମୁଖ୍ୟ ବିଶେଷତା

  • ରିଅଲ୍-ଟାଇମ୍ ବିପରୀତ ଅନୁପାତ ଗଣନା
  • WCAG AA & AAA ଅନୁକୂଳତା ଯାଞ୍ଚ
  • ସଂଶୋଧନ ପାଇଁ HSL ସ୍ଲାଇଡର୍ସ
  • ବହୁ ପ୍ରିଭ୍ୟୁ ଫର୍ମାଟ୍

ଉନ୍ନତ ଟୁଲ୍ସ

  • ସ୍ୱୟଂଚାଳିତ ରଙ୍ଗ ସଠିକ୍ କରିବା
  • ଟେକ୍ସଟ୍ ଏବଂ ପୃଷ୍ଠଭୂମି ନମୁନା
  • ରଙ୍ଗ ନାମ ଚିହ୍ନଟ
  • ଫଳାଫଳ ରପ୍ତାନି