Kozala na makoki ya kozwa yango

Botali mokuse ya makambo ya Bootstrap mpe bandelo mpo na bokeli ya makambo oyo ekoki kozwama.

Na lokasa oyo

Bootstrap epesaka cadre ya pete ya kosalela ya ba styles prêts, bisaleli ya layout, mpe ba composants interactifs, ko permettre ba développeurs ya kosala ba site internet mpe ba applications oyo ezali kobenda na miso, riche na fonctionnement, mpe accessible libanda ya boîte.

Botali ya mozindo mpe bandelo

Accessibilité mobimba ya projet nionso oyo etongami na Bootstrap etali mingi mingi marquage ya mokomi, styling ya kobakisa, mpe scripting oyo ba kotisi. Kasi, soki makambo yango esalelami malamu, esengeli mpenza kozala na likoki ya kosala basite Internet mpe ba applications na Bootstrap oyo ekokisi WCAG 2.1 (A/AA/AAA), Section 508 , mpe mibeko mpe masɛngami ya ndenge wana mpo na kozwa yango.

Marquage ya structure

Styling mpe layout ya Bootstrap ekoki kosalelama na ba structures ya marquage ya ndenge na ndenge. Mikanda oyo ezali na mokano ya kopesa ba développeurs bandakisa ya misala ya malamu pona kolakisa bosaleli ya Bootstrap yango moko pe kolakisa marquage sémantique oyo ebongi, bakisa pe banzela oyo ba soucis potentiels ya accessibilité ekoki kosilisa.

Ba composants interactifs ya kosala

Ba composants interactifs ya Bootstrap —lokola ba dialogues modal, ba menu ya kokita, mpe ba tolips ya bisaleli oyo esalemi na ndenge ya moto ye moko —esalemi mpo na kosala mpo na basaleli ya kosimba, ya souris, mpe ya clavier. Na nzela ya bosaleli mikumba pe bizaleli oyo etali WAI - ARIA , esengeli pe ba composantes oyo ezala compréhensible pe esala na kosalelaka ba technologies ya lisungi (lokola ba lecteurs d’écran).

Lokola ba composants ya Bootstrap esalemi na mokano mpo na kozala assez générique, bakomi bakoki kozala na besoin ya kotia ba rôles mpe ba attributs mosusu ya ARIA , mpe lisusu comportement ya JavaScript, mpo na ko transmettre na bosikisiki mingi nature mpe fonctionnement ya précision ya composant na bango. Mbala mingi, yango ekomamaka na mikanda.

Bokeseni ya langi

Bosangisi mosusu ya balangi oyo ezali sikawa kosala palette ya liboso ya Bootstrap —esalelami na kati ya cadre mobimba mpo na makambo lokola mbongwana ya bouton, bokeseni ya likebisi, bilembo ya bondimi ya formulaire —ekoki komema na bokeseni ya langi oyo ekoki te (na nse ya rapport ya bokeseni ya langi ya makomi oyo esengami ya WCAG 2.1 ya 4.5:1 mpe WCAG 2.1 oyo ezali na bokeseni ya langi oyo ezali na makomi te oyo ezali 3:1 ), mingimingi ntango basaleli yango na esika oyo ezali pɛtɛɛ. Bakomi balendisami ete bámeka ndenge oyo basalelaka langi na ndenge ya sikisiki mpe, soki esengeli, bábongola/bapanzanisaka na mabɔkɔ balangi yango oyo ebongi mpo na kosala ete balangi ezala na bokeseni oyo ebongi.

Contenu oyo esengeli ebombama na miso, kasi etikala accessible na ba technologies ya kosunga lokola ba lecteurs d’écran, ekoki kozala styled na kosalelaka .visually-hiddenclasse. Yango ekoki kozala na ntina na makambo oyo esengeli mpe kopesa bansango to bilembo mosusu oyo emonanaka na miso (lokola ndimbola oyo emonisami na nzela ya kosalela langi) epai ya bato oyo bazali komona te.

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

Mpo na ba contrôles interactifs oyo ebombami na miso, lokola ba liens ya bonkoko ya “ko sauter”, salela .visually-hidden-focusableclasse. Yango ekosala ete contrôle ekoma visible une fois focused (po na ba usagers ya clavier oyo ba monaka). Keba, soki tokokanisi yango na équivalent .sr-onlympe .sr-only-focusableba classes na ba versions ya kala, Bootstrap 5's .visually-hidden-focusableezali classe autonome, mpe esengeli te kosalelama na combinaison na .visually-hiddenclasse.

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

Mouvement oyo ekitisami

Bootstrap ezali na lisungi mpo na prefers-reduced-motioneloko ya media . Na ba navigateurs/environnements oyo epesaka nzela na mosaleli alakisaka préférence na ye mpo na mouvement réduit, mingi ya ba effets ya transition CSS na Bootstrap (ndakisa, tango dialogue modal efungwami to ekangami, to animation glissant na ba carrousels) ekozala désactivé, mpe ba animations ya tina ( lokola ba spinners) ekozala na mbangu.

Na ba navigateurs oyo esimbaka prefers-reduced-motion, mpe esika oyo mosaleli asili kopesa elembo polele te ete bakolinga kokitisa mouvement (elingi koloba esika prefers-reduced-motion: no-preference), Bootstrap epesaka nzela na kosala défilement malamu na kosalelaka scroll-behaviorpropriété.