କଲର କଣ୍ଟ୍ରାଷ୍ଟ ଚେକର

ଅକ୍ଷର ରଙ୍ଗ ଓ ପୃଷ୍ଠଭୂମି ରଙ୍ଗର କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ ଏବଂ ପଠନୀୟତା ମାନଦଣ୍ଡ (WCAG AA) ର ଉତ୍ତୀର୍ଣ୍ଣ/ଅନୁତ୍ତୀର୍ଣ୍ଣ ସଙ୍ଗେ ସଙ୍ଗେ ନିର୍ଣ୍ଣୟ କରନ୍ତୁ

ବିଶେଷତ୍ୱ

କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତର ତୁରନ୍ତ ନିର୍ଣ୍ଣୟ

କେବଳ ଅକ୍ଷର ରଙ୍ଗ ଓ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ଦେଲେ WCAG AA ର ଫଳାଫଳ ଦେଖାଏ

ପିକର ଓ କୋଡ ଉଭୟ ସମର୍ଥିତ

HEX, ସଂକ୍ଷିପ୍ତ ରୂପ ଓ rgb() ପେଷ୍ଟ କରି କିମ୍ବା ରଙ୍ଗ ବାଛି ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ

ଦୁଇଟି ଆକାରର ନମୁନା ପ୍ରଦର୍ଶନ

ସାଧାରଣ ଅକ୍ଷର ଓ ଶିରୋନାମା ପ୍ରକୃତରେ କିପରି ଦେଖାଯାଏ ତାହା ସଙ୍ଗେ ସଙ୍ଗେ ଯାଞ୍ଚ କରନ୍ତୁ

ଉତ୍ତୀର୍ଣ୍ଣ ହେଉଥିବା ରଙ୍ଗ ଗୋଟିଏ କ୍ଲିକରେ

ରଙ୍ଗର ଭାବ ବଜାୟ ରଖି ଉଜ୍ଜ୍ୱଳତା ବଦଳାଇଥିବା ପ୍ରସ୍ତାବିତ ରଙ୍ଗ ତୁରନ୍ତ ପ୍ରୟୋଗ କରନ୍ତୁ

ବ୍ୟବହାର ବିଧି

1

ଅକ୍ଷର ରଙ୍ଗ ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ

କଲର ପିକରରୁ ବାଛନ୍ତୁ, କିମ୍ବା #333333, #333, rgb(51, 51, 51) ମଧ୍ୟରୁ ଯେକୌଣସି ଫର୍ମାଟରେ କଲର କୋଡ ଲେଖନ୍ତୁ

2

ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ

ସେହିଭଳି ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ। କୌଣସି ବଟନ ଦବାଇବା ବିନା ଇନପୁଟ ସଙ୍ଗେ ସଙ୍ଗେ ଫଳାଫଳ ଅପଡେଟ ହୁଏ

3

ଅନୁପାତ, ଫଳାଫଳ ଓ ନମୁନା ଯାଞ୍ଚ କରନ୍ତୁ

କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ, ସାଧାରଣ ଅକ୍ଷର ଓ ବଡ଼ ଅକ୍ଷରର ଫଳାଫଳ, ସଂକ୍ଷିପ୍ତ ମୂଲ୍ୟାଙ୍କନ, ଏବଂ ନମୁନା ଅକ୍ଷର କିପରି ଦେଖାଯାଉଛି ତାହା ଯାଞ୍ଚ କରନ୍ତୁ

4

ପ୍ରସ୍ତାବିତ ରଙ୍ଗ ପ୍ରୟୋଗ କରି ପୁନଃ ଯାଞ୍ଚ କରନ୍ତୁ

ଅନୁତ୍ତୀର୍ଣ୍ଣ ହେଲେ “ଅକ୍ଷର ରଙ୍ଗକୁ … କୁ ବଦଳାନ୍ତୁ” ଭଳି ପ୍ରସ୍ତାବ ବଟନରେ ଉତ୍ତୀର୍ଣ୍ଣ ହେଉଥିବା ରଙ୍ଗ ପ୍ରୟୋଗ କରନ୍ତୁ। ଅଦଳବଦଳ ବଟନରେ ଅକ୍ଷର ରଙ୍ଗ ଓ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ବଦଳାବଦଳି ମଧ୍ୟ କରିପାରିବେ

ବ୍ୟବହାରର ଉଦାହରଣ

ସ୍ଲାଇଡ ଓ ଡକ୍ୟୁମେଣ୍ଟର ରଙ୍ଗ ସଂଯୋଜନା ଯାଞ୍ଚ

ଅଫିସ ଡକ୍ୟୁମେଣ୍ଟ ବା ସ୍ଲାଇଡର ଅକ୍ଷର ରଙ୍ଗ ଓ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ପଢ଼ିହେବ କି ନାହିଁ ତାହା ତିଆରି ପୂର୍ବରୁ ଯାଞ୍ଚ କରନ୍ତୁ

ୱେବସାଇଟର ରଙ୍ଗ ସଂଯୋଜନା ଯାଞ୍ଚ

ସାଇଟ ବା ବ୍ୟାନରର ରଙ୍ଗ ସଂଯୋଜନା ଆକ୍ସେସିବିଲିଟି ମାନଦଣ୍ଡ (WCAG AA) ପୂରଣ କରୁଛି କି ନାହିଁ ଯାଞ୍ଚ କରନ୍ତୁ

ବ୍ରାଣ୍ଡ ରଙ୍ଗକୁ ମୂଳ ଲେଖାରେ ବ୍ୟବହାର କରିବାର ନିଷ୍ପତ୍ତି

ବ୍ରାଣ୍ଡ ରଙ୍ଗକୁ ଅକ୍ଷର ରଙ୍ଗ ଭାବେ ବ୍ୟବହାର କଲାବେଳେ, ମୂଳ ଲେଖାରେ ବ୍ୟବହାର କରିବା ପାଇଁ କେତେ ଗାଢ଼ କରିବାକୁ ହେବ ତାହା ନିଷ୍ପତ୍ତି କରନ୍ତୁ

ଅନୁତ୍ତୀର୍ଣ୍ଣ ରଙ୍ଗ ସଂଯୋଜନାର ସଂଶୋଧନ

ଚିହ୍ନଟ ହୋଇଥିବା ରଙ୍ଗ ସଂଯୋଜନାକୁ, ରଙ୍ଗର ଭାବ ବଜାୟ ରଖି ଉତ୍ତୀର୍ଣ୍ଣ ହେଉଥିବା ରଙ୍ଗକୁ ସଂଶୋଧନ କରନ୍ତୁ

ମୌଳିକ ଜ୍ଞାନ

କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ କ'ଣ

କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ ହେଉଛି ଅକ୍ଷର ରଙ୍ଗ ଓ ପୃଷ୍ଠଭୂମି ରଙ୍ଗର ଉଜ୍ଜ୍ୱଳତା ପାର୍ଥକ୍ୟକୁ 1 : 1 ରୁ 21 : 1 ପର୍ଯ୍ୟନ୍ତ ସଂଖ୍ୟାରେ ପ୍ରକାଶ କରୁଥିବା ଏକ ସୂଚକ। କଳା ଓ ଧଳାର ସଂଯୋଜନା ସର୍ବାଧିକ 21 : 1 ହୁଏ, ଏବଂ ସମାନ ରଙ୍ଗ ଦୁଇଟି ମଧ୍ୟରେ ସର୍ବନିମ୍ନ 1 : 1 ହୁଏ।

  • ଗଣନାର ପ୍ରଣାଳୀ:କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ ହେଉଛି ଦୁଇଟି ରଙ୍ଗକୁ sRGB ର ଆପେକ୍ଷିକ ଉଜ୍ଜ୍ୱଳତାରେ ପରିଣତ କରି, ଅଧିକ ଉଜ୍ଜ୍ୱଳ ଓ କମ ଉଜ୍ଜ୍ୱଳ ମୂଲ୍ୟ ଦୁଇଟିରେ ପ୍ରତ୍ୟେକରେ 0.05 ଯୋଗ କରି ଭାଗ କରାଯାଇଥିବା ମୂଲ୍ୟ।
  • ସଂଖ୍ୟାର ଆନୁମାନିକ ମାନ:ଧଳା ପୃଷ୍ଠଭୂମି (#FFFFFF) ତୁଳନାରେ ଧୂସର #777777 ର 4.47 : 1, #999999 ର 2.84 : 1, ଏବଂ କଳା (#000000) ର 21 : 1 କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ ହୁଏ।

WCAG ର AA ଓ AAA ମଧ୍ୟରେ ପାର୍ଥକ୍ୟ

WCAG ହେଉଛି ୱେବ କଣ୍ଟେଣ୍ଟର ଆକ୍ସେସିବିଲିଟି ସମ୍ବନ୍ଧିତ ଏକ ଆନ୍ତର୍ଜାତିକ ମାର୍ଗଦର୍ଶିକା, ଯାହା କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତର ଉତ୍ତୀର୍ଣ୍ଣ ସୀମାକୁ AA ଓ AAA ଏହି ଦୁଇ ସ୍ତରରେ ନିର୍ଦ୍ଧାରଣ କରିଛି।

  • AA (ମାନକ ସ୍ତର):AA ହେଉଛି ସାଧାରଣ ଅକ୍ଷର ପାଇଁ 4.5 : 1 ବା ଅଧିକ ଏବଂ ବଡ଼ ଅକ୍ଷର ପାଇଁ 3.0 : 1 ବା ଅଧିକ ଦାବି କରୁଥିବା ମାନଦଣ୍ଡ, ଯାହା ସାଧାରଣ ୱେବସାଇଟଗୁଡ଼ିକ ଲକ୍ଷ୍ୟ ଭାବେ ରଖନ୍ତି।
  • AAA (ଅଧିକ କଠିନ ସ୍ତର):AAA ହେଉଛି ସାଧାରଣ ଅକ୍ଷର ପାଇଁ 7 : 1 ବା ଅଧିକ ଏବଂ ବଡ଼ ଅକ୍ଷର ପାଇଁ 4.5 : 1 ବା ଅଧିକ ଦାବି କରୁଥିବା ମାନଦଣ୍ଡ, ଯାହା କମ ଦୃଷ୍ଟିଶକ୍ତି ଥିବା ଲୋକଙ୍କ ପାଇଁ ମଧ୍ୟ ପଠନୀୟ ହେବାକୁ ଲକ୍ଷ୍ୟ ରଖେ।

ବଡ଼ ଅକ୍ଷରର ସଂଜ୍ଞା

WCAG ର ବଡ଼ ଅକ୍ଷର କହିଲେ ପ୍ରାୟ 18 ପଏଣ୍ଟ (24px) ବା ଅଧିକ, କିମ୍ବା ମୋଟା ଅକ୍ଷରରେ 14 ପଏଣ୍ଟ (ପ୍ରାୟ 18.7px) ବା ଅଧିକ ଅକ୍ଷରକୁ ବୁଝାଏ।

  • ସାଧାରଣ ଅକ୍ଷର:ସାଧାରଣ ଅକ୍ଷର ହେଉଛି ବଡ଼ ଅକ୍ଷରର ସଂଜ୍ଞାରେ ନ ପଡ଼ୁଥିବା ଆକାରର ଅକ୍ଷର, ଯେଉଁଥିରେ ମୂଳ ଲେଖା ଓ ଟିପ୍ପଣୀ ଭଳି ପାଠ ଅନ୍ତର୍ଭୁକ୍ତ, ଏବଂ ଏଥିପାଇଁ 4.5 : 1 ବା ଅଧିକ କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତ ଆବଶ୍ୟକ।
  • ଶିରୋନାମା ସହ ସମ୍ପର୍କ:ଶିରୋନାମା ହେଲେ ମଧ୍ୟ 24px ରୁ କମ ଏବଂ ମୋଟା ନ ହେଲେ ତାହା ସାଧାରଣ ଅକ୍ଷର ଭାବେ ଗଣାଯାଏ, ତେଣୁ କେବଳ ଆକାର ନୁହେଁ ମୋଟାପଣ ମଧ୍ୟ ଯାଞ୍ଚ କରିବା ଆବଶ୍ୟକ।

ସୁରକ୍ଷା ଓ ଗୋପନୀୟତା

ସମ୍ପୂର୍ଣ୍ଣ ବ୍ରାଉଜରରେ

ପ୍ରବିଷ୍ଟ ତଥ୍ୟ କେବଳ ଆପଣଙ୍କ ବ୍ରାଉଜର ଭିତରେ ପ୍ରକ୍ରିୟାକରଣ ହୁଏ ଓ ବାହାରକୁ ପଠାଯାଏ ନାହିଁ।

କେବଳ ବ୍ରାଉଜର ଭିତରେ ପ୍ରକ୍ରିୟାକରଣ

କଣ୍ଟ୍ରାଷ୍ଟ ଅନୁପାତର ଗଣନା ଓ ରଙ୍ଗର ପ୍ରସ୍ତାବ ସମ୍ପୂର୍ଣ୍ଣ ଆପଣଙ୍କ ବ୍ରାଉଜରରେ ସଂପାଦିତ ହୁଏ ଏବଂ ଇନପୁଟ ଡାଟା ସର୍ଭରରେ ପଠାଯାଏ ନାହିଁ।

HTTPS ଦ୍ୱାରା ଯୋଗାଯୋଗ ଏନକ୍ରିପ୍ଟ

ପୃଷ୍ଠା ଲୋଡ଼ ମଧ୍ୟ TLS ଦ୍ୱାରା ଏନକ୍ରିପ୍ଟ ହୋଇଥାଏ ଏବଂ ତୃତୀୟ ପକ୍ଷ ଦ୍ୱାରା ବିଷୟବସ୍ତୁ ପଢ଼ାଯାଇ ପାରିବ ନାହିଁ।

ତୃତୀୟ ପକ୍ଷଙ୍କୁ ପ୍ରେରଣ ନାହିଁ

ବିଜ୍ଞାପନ ନେଟ୍‌ୱାର୍କ ବା ଟ୍ରାକର ଭଳି ବାହ୍ୟ ସେବାଗୁଡ଼ିକୁ ଇନପୁଟ ବିଷୟବସ୍ତୁ ପଠାଯାଏ ନାହିଁ।

ଫଳାଫଳ ସ୍ୱୟଂଚାଳିତ ସଂରକ୍ଷଣ ନାହିଁ

ଲେଖାଯାଇଥିବା ଅକ୍ଷର ରଙ୍ଗ ଓ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ ବା ଇନପୁଟ ପ୍ରস्तावଗୁଡ଼ିକ ସର୍ଭରରେ ସଂରକ୍ଷଣ କରାଯାଏ ନାହିଁ।

Google ସନ୍ଧାନରେ RAKKOTOOLS ଅନୁସରଣ କରନ୍ତୁ

194ଟି ସୁବିଧାଜନକ ଟୁଲ୍ Google ସନ୍ଧାନ ଓ AI ସନ୍ଧାନରୁ ସହଜରେ ଖୋଜିହେବ!

  • ସନ୍ଧାନରେ ମିଳିବ
  • AI ସନ୍ଧାନରେ ମଧ୍ୟ ପ୍ରଦର୍ଶିତ
  • ନୂଆ ଟୁଲ୍ ମଧ୍ୟ ଆବିଷ୍କାର

ଅଦ୍ୟତନ ସୂଚନା

ସମ୍ବନ୍ଧିତ ଉପକରଣ