A thlen theihna tur
Bootstrap-in a hman theih tur content siamna atana a features leh a tihkhawtlai dante tawi te te.
Bootstrap hian hman awlsam tak framework a siam a, ready-made styles, layout tools, leh interactive components te a pe a, developer te chuan website leh application te chu hmuhnawm tak tak, functionally rich tak tak leh out of the box atanga hmuh theih tur an siam thei a ni.
Thupui tlangpui leh tihkhawtlai theihna
Bootstrap hmanga siam project eng pawha hman theih dan tlangpui chu a ziaktu markup, additional styling, leh scripting an dah tel danah a innghat nasa hle. Mahse, hengte hi dik taka kalpui a nih tawh chuan, Bootstrap hmanga WCAG 2.1 (A/AA/AAA), Section 508 , leh a ang chi accessibility standard leh mamawh phuhruk thei website leh application siam chu a famkimin a theih tur a ni.
Structure lam hawia markup a ni
Bootstrap hian styling leh layout hi markup structure hrang hrangah hman theih a ni. He documentation hian developer-te hnenah Bootstrap ngei hman dan entir nan best practice entirnan pek a tum a, semantic markup dik tak entir a tum a, chutah chuan accessibility chungchanga harsatna awm thei te chinfel theih dan tur pawh a tel a ni.
Interactive component hrang hrangte
Bootstrap-a interactive components—modal dialogs, dropdown menus, leh custom tooltips te—chu touch, mouse, leh keyboard hmangtute tana thawk thei tura siam a ni. WAI - ARIA role leh attribute inzawmte hman hmangin heng component te hi assistive technology (screen reader ang chi) hmanga hriatthiam theih leh hman theih a ni bawk tur a ni.
Bootstrap-a component-te hi tumruh taka generic taka siam a nih avangin, ziaktute chuan an component awmzia leh a hnathawh dan dik zawka hriat theih nan ARIA role leh attribute dangte bakah JavaScript behavior te pawh an dah tel a ngai mai thei. Hei hi documentation-ah hian tarlan a ni tlangpui.
Color hrang hrang a awm
Tuna Bootstrap-a default palette siamtu colour thenkhat—framework pumpuiah button danglamna, alert danglamna, form validation indicator ang chi thil atana hman—chuan colour contrast tling lo ( WCAG 2.1 text color contrast ratio rawt 4.5:1 hnuai lam) a thlen thei a ni leh WCAG 2.1 non-text color contrast ratio 3:1 ), a bik takin background light-a hman a nih chuan. Lehkhabu ziaktute chu an rawng hman dan bikte test turin an fuih a, a tulna hmunah chuan heng default color-te hi kut hmanga siam danglam/extend turin an fuih a, chu chuan color contrast ratio tling tak a neih theih nan.
Hmuh theiha thup theih thup
Content chu hmuh theiha thup tur, mahse screen reader ang chi assistive technology hmanga hman theih reng tur chu .visually-hidden
class hmangin style theih a ni. Hei hi hmuh theiha thu hriat belh emaw, chhinchhiahna emaw (color hman hmanga awmzia tarlan ang chi) dangte pawh hmuh theih loh hmangtute hnêna thlen a ngaihna dinhmunah chuan a ṭangkai thei a ni.
<p class="text-danger">
<span class="visually-hidden">Danger: </span>
This action is not reversible
</p>
Visually hidden interactive controls, traditional “skip” link ang chi te tan chuan .visually-hidden-focusable
class hmang la. Hei hian control chu focus vawi khat (sighted keyboard hmangtute tan) hmuh theih a nih theih nan a pui ang. Fimkhur rawh, version hmasa lama a tlukpui leh class te nen khaikhin chuan Bootstrap 5’s hi standalone class a ni a, class nen hman dun tur a ni lo ..sr-only
.sr-only-focusable
.visually-hidden-focusable
.visually-hidden
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Motion tihtlem a ni
prefers-reduced-motion
Bootstrap ah hian media feature support a awm bawk . Browser/environment-ah chuan user-in reduced motion a duhzawng a tarlan theihna tur, Bootstrap-a CSS transition effect tam zawk (entir nan, modal dialog hawn emaw khar emaw a nih hunah, emaw carousel-a sliding animation) chu tihtawp a ni ang a, awmze nei animation ( spinner ang chi) te chu a slow down dawn a ni.
Browser , support tu prefers-reduced-motion
, leh user-in reduced motion a duh zawk thu chiang taka signal a pek lohna hmunah (ie where ) , Bootstrap hian property prefers-reduced-motion: no-preference
hmangin smooth scrolling a siam thei a ni.scroll-behavior
Resources dangte pawh a awm bawk
- Web Content hman theihna tur kaihhruaina (WCAG) 2.1
- A11Y Project chu a ni
- MDN hman theihna tur documentation
- Tenon.io-a hman theih dan enfiahna
- Color Contrast Analyzer (CCA) hmanga siam chhuah a ni.
- Accessibility chungchanga harsatna awmte hriat theihna tur “HTML Codesniffer” bookmarklet
- Microsoft-a hman theih dan tur hriatna
- Deque Ax test na hmanrua te
- Web Accessibility chungchang inhriattirna