Source

ଅଭିଗମ୍ୟତା

ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ର ବ features ଶିଷ୍ଟ୍ୟ ଏବଂ ଉପଲବ୍ଧ ବିଷୟବସ୍ତୁ ସୃଷ୍ଟି ପାଇଁ ସୀମିତତା ବିଷୟରେ ଏକ ସଂକ୍ଷିପ୍ତ ସମୀକ୍ଷା |

ବୁଟଷ୍ଟ୍ରାପ୍ ପ୍ରସ୍ତୁତ ଶ yles ଳୀ, ଲେଆଉଟ୍ ଉପକରଣ ଏବଂ ଇଣ୍ଟରାକ୍ଟିଭ୍ ଉପାଦାନଗୁଡ଼ିକର ଏକ ସହଜ-ବ୍ୟବହାର framework ାଞ୍ଚା ପ୍ରଦାନ କରିଥାଏ, ଯାହାକି ବିକାଶକାରୀଙ୍କୁ ୱେବସାଇଟ୍ ଏବଂ ପ୍ରୟୋଗ ସୃଷ୍ଟି କରିବାକୁ ଅନୁମତି ଦେଇଥାଏ ଯାହା ଦୃଶ୍ୟମାନ ଆକର୍ଷଣୀୟ, କାର୍ଯ୍ୟକ୍ଷମ ଭାବରେ ସମୃଦ୍ଧ ଏବଂ ବାକ୍ସ ବାହାରେ ଉପଲବ୍ଧ ଅଟେ |

ସମୀକ୍ଷା ଏବଂ ସୀମା

ବୁଟଷ୍ଟ୍ରାପ୍ ସହିତ ନିର୍ମିତ ଯେକ project ଣସି ପ୍ରକଳ୍ପର ସାମଗ୍ରିକ ଅଭିଗମ୍ୟତା ଲେଖକଙ୍କ ମାର୍କଅପ୍, ଅତିରିକ୍ତ ଷ୍ଟାଇଲ୍ ଏବଂ ସ୍କ୍ରିପ୍ଟିଂ ଉପରେ ନିର୍ଭର କରେ | ଯଦିଓ, ଯଦି ସେଗୁଡିକ ସଠିକ୍ ଭାବରେ କାର୍ଯ୍ୟକାରୀ ହୋଇଛି, ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ସହିତ ୱେବସାଇଟ୍ ଏବଂ ପ୍ରୟୋଗ ସୃଷ୍ଟି କରିବା ସମ୍ପୂର୍ଣ୍ଣ ସମ୍ଭବ ହେବା ଉଚିତ ଯାହା WCAG 2.0 (A / AA / AAA), ଧାରା 508 ଏବଂ ସମାନ ସୁବିଧା ମାନ ଏବଂ ଆବଶ୍ୟକତା ପୂରଣ କରେ |

ଗଠନମୂଳକ ମାର୍କଅପ୍ |

ବୁଟଷ୍ଟ୍ରାପର ଷ୍ଟାଇଲିଂ ଏବଂ ଲେଆଉଟ୍ ବିଭିନ୍ନ ପ୍ରକାରର ମାର୍କଅପ୍ ସଂରଚନାରେ ପ୍ରୟୋଗ କରାଯାଇପାରିବ | ନିଜେ ବୁଟଷ୍ଟ୍ରାପ୍ ର ବ୍ୟବହାର ପ୍ରଦର୍ଶନ କରିବାକୁ ଏବଂ ଉପଯୁକ୍ତ ଅର୍ଥଗତ ମାର୍କଅପ୍ ବର୍ଣ୍ଣନା କରିବାକୁ ବିକାଶକାରୀଙ୍କୁ ସର୍ବୋତ୍ତମ ଅଭ୍ୟାସ ଉଦାହରଣ ସହିତ ଏହି ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଲକ୍ଷ୍ୟ ରଖିଛି, ଯେଉଁଥିରେ ସମ୍ଭାବ୍ୟ ଆକ୍ସେସିବିଲିଟି ଚିନ୍ତାଧାରାକୁ ସମାଧାନ କରାଯାଇପାରିବ |

ପାରସ୍ପରିକ ଉପାଦାନଗୁଡ଼ିକ |

ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ର ଇଣ୍ଟରାକ୍ଟିଭ୍ ଉପାଦାନଗୁଡ଼ିକ ଯେପରିକି ମୋଡାଲ୍ ଡାୟଲଗ୍, ଡ୍ରପ୍ ଡାଉନ୍ ମେନୁ ଏବଂ କଷ୍ଟମ୍ ଟୁଲ୍ ଟିପ୍ସ - ସ୍ପର୍ଶ, ମାଉସ୍ ଏବଂ କୀବୋର୍ଡ୍ ବ୍ୟବହାରକାରୀଙ୍କ ପାଇଁ କାମ କରିବା ପାଇଁ ଡିଜାଇନ୍ କରାଯାଇଛି | ପ୍ରଯୁଜ୍ୟ WAI - ARIA ଭୂମିକା ଏବଂ ଗୁଣଗୁଡିକର ବ୍ୟବହାର ମାଧ୍ୟମରେ , ଏହି ଉପାଦାନଗୁଡ଼ିକ ମଧ୍ୟ ସହାୟକ ପ୍ରଯୁକ୍ତିବିଦ୍ୟା (ଯେପରିକି ସ୍କ୍ରିନ୍ ରିଡର୍) ବ୍ୟବହାର କରି ବୁ able ିବା ଏବଂ କାର୍ଯ୍ୟକ୍ଷମ ହେବା ଉଚିତ |

ଯେହେତୁ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉପାଦାନଗୁଡିକ ଉଦ୍ଦେଶ୍ୟମୂଳକ ଭାବରେ ଯଥେଷ୍ଟ ଜେନେରିକ୍ ଭାବରେ ଡିଜାଇନ୍ ହୋଇଛି, ଲେଖକମାନେ ସେମାନଙ୍କ ଉପାଦାନର ସଠିକ୍ ପ୍ରକୃତି ଏବଂ କାର୍ଯ୍ୟକାରିତାକୁ ଅଧିକ ସଠିକ୍ ଭାବରେ ପହଞ୍ଚାଇବା ପାଇଁ ଅଧିକ ARIA ଭୂମିକା ଏବଂ ଗୁଣ, ଏବଂ ଜାଭାସ୍କ୍ରିପ୍ଟ ଆଚରଣ ଅନ୍ତର୍ଭୂକ୍ତ କରିବା ଆବଶ୍ୟକ କରିପାରନ୍ତି | ଏହା ସାଧାରଣତ the ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ରେ ଉଲ୍ଲେଖ କରାଯାଇଥାଏ |

ରଙ୍ଗ ବିପରୀତ |

ଅଧିକାଂଶ ରଙ୍ଗ ଯାହା ବର୍ତ୍ତମାନ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଡିଫଲ୍ଟ ପ୍ୟାଲେଟ୍ ତିଆରି କରେ - ବଟନ୍ ଭେରିଏସନ, ଆଲର୍ଟ ଭେରାଇଜେସନ୍, ଫର୍ମ ବ valid ଧତା ସୂଚକ ଭଳି ଜିନିଷ ପାଇଁ framework ାଞ୍ଚାରେ ବ୍ୟବହୃତ ହୁଏ - ପର୍ଯ୍ୟାପ୍ତ ପରିମାଣର ରଙ୍ଗ ବିପରୀତତା (ପରାମର୍ଶିତ WCAG 2.0 ରଙ୍ଗ ବିପରୀତ ଅନୁପାତ 4.5: 1 ତଳେ ) | ଏକ ହାଲୁକା ପୃଷ୍ଠଭୂମି | ପର୍ଯ୍ୟାପ୍ତ ରଙ୍ଗର ବିପରୀତ ଅନୁପାତ ନିଶ୍ଚିତ କରିବାକୁ ଲେଖକମାନଙ୍କୁ ଏହି ଡିଫଲ୍ଟ ରଙ୍ଗଗୁଡ଼ିକୁ ମାନୁଆଲୀ ରୂପାନ୍ତର / ବିସ୍ତାର କରିବାକୁ ପଡିବ |

ଭିଜୁଆଲ୍ ଲୁକ୍କାୟିତ ବିଷୟବସ୍ତୁ |

ବିଷୟବସ୍ତୁ ଯାହା ଦୃଶ୍ୟମାନ ଭାବରେ ଲୁକ୍କାୟିତ ହେବା ଉଚିତ, କିନ୍ତୁ ସହାୟକ ପ୍ରଯୁକ୍ତିବିଦ୍ୟା ଯେପରିକି ସ୍କ୍ରିନ୍ ରିଡର୍ ପାଇଁ ଉପଲବ୍ଧ ହୋଇ ରହିଥାଏ, .sr-onlyଶ୍ରେଣୀ ବ୍ୟବହାର କରି ଷ୍ଟାଇଲ୍ ହୋଇପାରିବ | ଏପରି ପରିସ୍ଥିତିରେ ଏହା ଉପଯୋଗୀ ହୋଇପାରେ ଯେଉଁଠାରେ ଅତିରିକ୍ତ ଭିଜୁଆଲ୍ ସୂଚନା କିମ୍ବା ସୂଚକ (ଯେପରିକି ରଙ୍ଗର ବ୍ୟବହାର ଦ୍ୱାରା ସୂଚିତ ଅର୍ଥ) ଅଣ-ଭିଜୁଆଲ୍ ଉପଭୋକ୍ତାଙ୍କୁ ମଧ୍ୟ ପହଞ୍ଚାଇବା ଆବଶ୍ୟକ |

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

ଭିଜୁଆଲ୍ ଲୁକ୍କାୟିତ ଇଣ୍ଟରାକ୍ଟିଭ୍ କଣ୍ଟ୍ରୋଲ୍ ପାଇଁ, ଯେପରିକି ପାରମ୍ପାରିକ “ସ୍କିପ୍” ଲିଙ୍କ୍, ଶ୍ରେଣୀ .sr-onlyସହିତ ମିଳିତ ହୋଇପାରେ | .sr-only-focusableଏହା ନିଶ୍ଚିତ କରିବ ଯେ ନିୟନ୍ତ୍ରଣ ଥରେ ଧ୍ୟାନ ଦିଆଯିବ (ଦୃଶ୍ୟମାନ କୀବୋର୍ଡ୍ ବ୍ୟବହାରକାରୀଙ୍କ ପାଇଁ) |

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

ଅତିରିକ୍ତ ଉତ୍ସଗୁଡ଼ିକ