அணுகல்

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

இந்தப் பக்கத்தில்

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

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

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

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

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

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

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

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

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

பொத்தான் மாறுபாடுகள், எச்சரிக்கை மாறுபாடுகள், படிவச் சரிபார்ப்பு குறிகாட்டிகள் போன்ற விஷயங்களுக்கு தற்போது பூட்ஸ்டார்ப்பின் இயல்புநிலை தட்டுகளை உருவாக்கும் வண்ணங்களின் சில சேர்க்கைகள் போதுமான வண்ண மாறுபாட்டிற்கு வழிவகுக்கலாம் (பரிந்துரைக்கப்பட்ட WCAG 2.1 உரை வண்ண மாறுபாடு விகிதம் 4.5:1 க்குக் கீழே. மற்றும் WCAG 2.1 உரை அல்லாத வண்ண மாறுபாடு விகிதம் 3:1 ), குறிப்பாக ஒளி பின்னணியில் பயன்படுத்தப்படும் போது. ஆசிரியர்கள் தங்கள் குறிப்பிட்ட வண்ணப் பயன்பாடுகளைச் சோதித்து, தேவைப்படும்போது, போதுமான வண்ண மாறுபாடு விகிதங்களை உறுதிப்படுத்த, இந்த இயல்புநிலை வண்ணங்களை கைமுறையாக மாற்ற/நீட்டிக் கொள்ள ஊக்குவிக்கப்படுகிறார்கள்.

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

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

பாரம்பரிய "தவிர்" இணைப்புகள் போன்ற பார்வைக்கு மறைக்கப்பட்ட ஊடாடும் கட்டுப்பாடுகளுக்கு, .visually-hidden-focusableவகுப்பைப் பயன்படுத்தவும். ஒருமுறை கவனம் செலுத்தினால் (பார்வையுள்ள விசைப்பலகை பயனர்களுக்கு) கட்டுப்பாடு தெரியும் என்பதை இது உறுதி செய்யும். கடந்த பதிப்புகளில் உள்ள சமமான மற்றும் வகுப்புகளுடன் ஒப்பிடும்போது கவனிக்கவும், பூட்ஸ்டார்ப் 5 ஒரு தனித்த வகுப்பாகும், மேலும் வகுப்போடு இணைந்து பயன்படுத்தக்கூடாது ..sr-only.sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

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

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

ஆதரிக்கும் உலாவிகளில் prefers-reduced-motion, மற்றும் பயனர் அவர்கள் குறைக்கப்பட்ட இயக்கத்தை விரும்புகிறார்கள் என்று வெளிப்படையாக சமிக்ஞை செய்யாத இடங்களில் (அதாவது எங்கே ) , பூட்ஸ்டார்ப் சொத்தைப் prefers-reduced-motion: no-preferenceபயன்படுத்தி மென்மையான ஸ்க்ரோலிங் செயல்படுத்துகிறது .scroll-behavior