Source

அணுகல்

அணுகக்கூடிய உள்ளடக்கத்தை உருவாக்குவதற்கான பூட்ஸ்டார்ப்பின் அம்சங்கள் மற்றும் வரம்புகள் பற்றிய சுருக்கமான கண்ணோட்டம்.

பூட்ஸ்டார்ப் ஆயத்த பாணிகள், தளவமைப்புக் கருவிகள் மற்றும் ஊடாடும் கூறுகள் ஆகியவற்றைப் பயன்படுத்த எளிதான கட்டமைப்பை வழங்குகிறது, டெவலப்பர்கள் இணையதளங்கள் மற்றும் பயன்பாடுகளை உருவாக்க அனுமதிக்கிறது, அவை பார்வைக்கு ஈர்க்கும், செயல்பாட்டு ரீதியாக வளமான மற்றும் அணுகக்கூடியவை.

கண்ணோட்டம் மற்றும் வரம்புகள்

பூட்ஸ்டார்ப் மூலம் கட்டமைக்கப்பட்ட எந்தவொரு திட்டப்பணியின் ஒட்டுமொத்த அணுகல், ஆசிரியரின் மார்க்அப், கூடுதல் ஸ்டைலிங் மற்றும் அவர்கள் சேர்த்த ஸ்கிரிப்டிங்கைப் பொறுத்தது. இருப்பினும், இவை சரியாக செயல்படுத்தப்பட்டிருந்தால், WCAG 2.0 (A/AA/AAA), பிரிவு 508 மற்றும் ஒத்த அணுகல் தரநிலைகள் மற்றும் தேவைகளை பூர்த்தி செய்யும் பூட்ஸ்டார்ப் மூலம் இணையதளங்கள் மற்றும் பயன்பாடுகளை உருவாக்குவது முற்றிலும் சாத்தியமாக இருக்க வேண்டும் .

கட்டமைப்பு மார்க்அப்

பூட்ஸ்டார்ப்பின் ஸ்டைலிங் மற்றும் தளவமைப்பு பரந்த அளவிலான மார்க்அப் கட்டமைப்புகளுக்குப் பயன்படுத்தப்படலாம். இந்த ஆவணமானது, பூட்ஸ்டார்ப்பின் பயன்பாட்டை நிரூபிக்க சிறந்த நடைமுறை உதாரணங்களை டெவலப்பர்களுக்கு வழங்குவதை நோக்கமாகக் கொண்டுள்ளது மற்றும் சாத்தியமான அணுகல் சிக்கல்களைத் தீர்க்கக்கூடிய வழிகள் உட்பட பொருத்தமான சொற்பொருள் மார்க்அப்பை விளக்குகிறது.

ஊடாடும் கூறுகள்

பூட்ஸ்டார்ப்பின் ஊடாடும் கூறுகளான மாதிரி உரையாடல்கள், கீழ்தோன்றும் மெனுக்கள் மற்றும் தனிப்பயன் உதவிக்குறிப்புகள் போன்றவை டச், மவுஸ் மற்றும் கீபோர்டு பயனர்களுக்கு வேலை செய்யும் வகையில் வடிவமைக்கப்பட்டுள்ளன. தொடர்புடைய WAI - ARIA பாத்திரங்கள் மற்றும் பண்புக்கூறுகளைப் பயன்படுத்துவதன் மூலம், இந்த கூறுகள் உதவி தொழில்நுட்பங்களைப் பயன்படுத்தி (ஸ்கிரீன் ரீடர்கள் போன்றவை) புரிந்துகொள்ளக்கூடியதாகவும் செயல்படக்கூடியதாகவும் இருக்க வேண்டும்.

பூட்ஸ்டார்ப்பின் கூறுகள் வேண்டுமென்றே மிகவும் பொதுவானதாக வடிவமைக்கப்படுவதால், ஆசிரியர்கள் மேலும் ARIA பாத்திரங்கள் மற்றும் பண்புக்கூறுகள் மற்றும் ஜாவாஸ்கிரிப்ட் நடத்தை ஆகியவற்றைச் சேர்க்க வேண்டியிருக்கும், அவற்றின் கூறுகளின் துல்லியமான தன்மை மற்றும் செயல்பாட்டை மிகவும் துல்லியமாக தெரிவிக்க வேண்டும். இது பொதுவாக ஆவணத்தில் குறிப்பிடப்பட்டுள்ளது.

வண்ண வேறுபாடு

பொத்தான் மாறுபாடுகள், எச்சரிக்கை மாறுபாடுகள், படிவ சரிபார்ப்பு குறிகாட்டிகள் போன்ற விஷயங்களுக்கு தற்போது பூட்ஸ்டார்ப்பின் இயல்புநிலை தட்டுகளை உருவாக்கும் பெரும்பாலான வண்ணங்கள் போதுமான வண்ண மாறுபாட்டை ஏற்படுத்துகின்றன (பரிந்துரைக்கப்பட்ட 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>

குறைக்கப்பட்ட இயக்கம்

prefers-reduced-motionபூட்ஸ்ட்ராப் மீடியா அம்சத்திற்கான ஆதரவை உள்ளடக்கியது . பயனர்கள் குறைக்கப்பட்ட இயக்கத்திற்கான விருப்பத்தைக் குறிப்பிட அனுமதிக்கும் உலாவிகள்/சூழல்களில், பூட்ஸ்டார்ப்பில் பெரும்பாலான CSS மாற்றம் விளைவுகள் (உதாரணமாக, மாதிரி உரையாடல் திறக்கப்படும்போது அல்லது மூடப்படும்போது அல்லது கரோசல்களில் நெகிழ் அனிமேஷன்) முடக்கப்படும்.

கூடுதல் ஆதாரங்கள்