Source

Tagonklikheid

In koart oersjoch fan Bootstrap's funksjes en beheiningen foar it meitsjen fan tagonklike ynhâld.

Bootstrap biedt in maklik te brûken ramt fan klearmakke stilen, layout-ark en ynteraktive komponinten, wêrtroch ûntwikkelders websiden en applikaasjes kinne meitsje dy't visueel oansprekkend, funksjoneel ryk en tagonklik binne bûten it fak.

Oersjoch en beheinings

De algemiene tagonklikens fan elk projekt boud mei Bootstrap hinget foar in grut part ôf fan 'e markup fan' e auteur, ekstra styling en skript dat se hawwe opnommen. As dizze lykwols korrekt binne ymplementearre, soe it perfekt mooglik wêze moatte om websiden en applikaasjes te meitsjen mei Bootstrap dy't foldogge oan WCAG 2.0 (A/AA/AAA), Seksje 508 en ferlykbere tagonklikensnoarmen en easken.

Struktureel markearring

Bootstrap's styling en yndieling kinne wurde tapast op in breed oanbod fan markupstruktueren. Dizze dokumintaasje hat as doel om ûntwikkelders foarbylden fan bêste praktyk te jaan om it gebrûk fan Bootstrap sels te demonstrearjen en passende semantyske markup te yllustrearjen, ynklusyf manieren wêrop mooglike problemen mei tagonklikens kinne wurde oanpakt.

Ynteraktive komponinten

De ynteraktive komponinten fan Bootstrap - lykas modale dialogen, dellûkmenu's en oanpaste tooltips - binne ûntworpen om te wurkjen foar brûkers fan touch, mûs en toetseboerd. Troch it gebrûk fan relevante WAI - ARIA - rollen en attributen moatte dizze komponinten ek begryplik en te betsjinjen wêze mei helpende technologyen (lykas skermlêzers).

Om't de komponinten fan Bootstrap doelbewust ûntworpen binne om frij generysk te wêzen, moatte auteurs mooglik fierdere ARIA- rollen en attributen opnimme, lykas JavaScript-gedrach, om de krekte aard en funksjonaliteit fan har komponint krekter oer te bringen. Dit wurdt normaal opmurken yn 'e dokumintaasje.

Kleur kontrast

De measte kleuren dy't op it stuit it standertpalet fan Bootstrap foarmje - brûkt yn it heule ramt foar dingen lykas knopfariaasjes, warskôgingsfariaasjes, yndikatoaren foar formuliervalidaasje - liede ta ûnfoldwaande kleurkontrast (ûnder de oanrikkemandearre WCAG 2.0 kleurkontrastferhâlding fan 4.5:1 ) as brûkt tsjin in ljochte eftergrûn. Auteurs sille dizze standertkleuren mei de hân wizigje/útwreidzje moatte om genôch kleurkontrastferhâldingen te garandearjen.

Visueel ferburgen ynhâld

Ynhâld dy't visueel ferburgen wêze moat, mar tagonklik bliuwt foar assistinte technologyen lykas skermlêzers, kin wurde styleare mei de .sr-onlyklasse. Dit kin nuttich wêze yn situaasjes dêr't ekstra fisuele ynformaasje of oanwizings (lykas betsjutting oanjûn troch it brûken fan kleur) ek moatte wurde oerbrocht oan net-fisuele brûkers.

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

Foar visueel ferburgen ynteraktive kontrôles, lykas tradisjonele "skip" keppelings, .sr-onlykinne wurde kombinearre mei de .sr-only-focusableklasse. Dit sil derfoar soargje dat de kontrôle sichtber wurdt as ienris rjochte is (foar sichtbere toetseboerdbrûkers).

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

Fermindere beweging

Bootstrap omfettet stipe foar de prefers-reduced-motionmediafunksje . Yn browsers/omjouwings wêrmei de brûker har foarkar foar fermindere beweging kin opjaan, sille de measte CSS-oergongseffekten yn Bootstrap (bygelyks as in modaal dialoochfinster iepene of sluten wurdt, as de slide-animaasje yn karrousels) útskeakele wurde.

Oanfoljende middels