Helitaanka
Dulmar kooban oo ku saabsan sifooyinka Bootstrap iyo xaddidaadyada abuuritaanka waxyaabaha la heli karo.
Bootstrap wuxuu bixiyaa qaab-dhismeed sahlan oo la isticmaalo oo ah qaababka diyaarsan, qalabyada qaabeynta, iyo qaybaha isdhexgalka, u oggolaanaya horumariyeyaasha inay abuuraan mareegaha iyo codsiyada muuqaal ahaan soo jiidasho leh, oo hodan ah, oo laga heli karo sanduuqa.
Dulmar iyo xaddidaadyo
Helitaanka guud ee mashruuc kasta oo lagu dhisay Bootstrap waxay ku xidhan tahay qayb weyn oo ku saabsan calaamadaynta qoraaga, habaynta dheeraadka ah, iyo qoraalka ay ku dareen. Si kastaba ha ahaatee, waa haddii kuwan si sax ah loo hirgeliyay, waa inay si buuxda u suurtagashaa in la abuuro mareegaha iyo codsiyada Bootstrap oo buuxiya WCAG 2.1 (A/AA/AAA), Qaybta 508 , iyo heerarka la midka ah iyo shuruudaha gelitaanka.
Calaamadaynta qaab dhismeedka
Habaynta Bootstrap iyo qaabaynta waxa lagu dabaqi karaa qaabab badan oo calaamadayn ah. Dukumeentigu wuxuu ujeedadiisu tahay in la siiyo horumariyeyaasha tusaalooyinka waxqabadka ugu wanaagsan si loo muujiyo isticmaalka Bootstrap laftiisa oo uu muujiyo calaamadaynta macnaha habboon, oo ay ku jiraan siyaabaha looga gudbi karo walaacyada gelitaanka ee suurtagalka ah.
Qaybaha isdhexgalka
Qaybaha is dhexgalka ee Bootstrap-sida wada-hadallada modal-ka, menu-yada hoos-u-dhaca, iyo aaladaha gaarka ah-waxaa loogu talagalay inay u shaqeeyaan isticmaaleyaasha taabashada, jiirka, iyo kiiboodhka. Iyadoo la adeegsanayo doorarka iyo sifooyinka WAI - ARIA ee khuseeya , qaybahan waa inay sidoo kale noqdaan kuwo la fahmi karo oo la shaqeyn karo iyadoo la adeegsanayo tignoolajiyada caawinta (sida akhristayaasha shaashadda).
Sababtoo ah qaybaha Bootstrap ayaa si ulakac ah loogu talagalay inay noqdaan kuwo si cadaalad ah loo wada dhan yahay, qorayaashu waxay u baahnaan karaan inay ku daraan doorarka ARIA dheeraad ah iyo sifooyinkooda, iyo sidoo kale habdhaqanka JavaScript, si ay si sax ah u gudbiyaan dabeecadda saxda ah iyo shaqeynta qaybtooda. Tan waxaa badanaa lagu xusay dukumeentiyada.
Kala duwanaanshaha midabka
Qaar ka mid ah isku dhafka midabada kuwaas oo hadda ka kooban palette default ee Bootstrap-oo loo isticmaalo qaabka guud ee waxyaabaha sida kala duwanaanta badhanka, kala duwanaanta feejignaanta, foomamka xaqiijinta tilmaamayaasha - waxay u horseedi karaan kala duwanaansho midab aan ku filneyn (hoos ka hooseeya WCAG 2.1 saamiga midabka qoraalka ee lagu taliyey ee 4.5: 1). iyo WCAG 2.1 saamiga isbarbardhigga midabka aan qoraalka ahayn ee 3:1 ), gaar ahaan marka loo adeegsado asalka iftiinka. Qorayaasha waxaa lagu dhiirigelinayaa in ay tijaabiyaan isticmaalkooda gaarka ah ee midabka iyo, halka loo baahdo, gacanta wax ka beddelka/kordhiyaan midabada aan caadiga ahayn si loo hubiyo saamiga kala duwanaanshaha midabka.
Waxyaabo muuqda oo qarsoon
Waxyaabaha ay tahay in muuqaal ahaan la qariyo, laakiin la heli karo tignoolajiyada caawinta sida akhristayaasha shaashadda, ayaa lagu qaabayn karaa iyadoo la isticmaalayo .visually-hidden
fasalka. Tani waxay faa'iido u yeelan kartaa xaaladaha macluumaadka dheeraadka ah ee muuqaal ama tilmaamo (sida macnaha lagu tilmaamay isticmaalka midabka) loo baahan yahay in sidoo kale loo gudbiyo isticmaalayaasha aan muuqaalka ahayn.
<p class="text-danger">
<span class="visually-hidden">Danger: </span>
This action is not reversible
</p>
Koontaroolada isdhexgalka ee muuqaalka qarsoon, sida isku xirka "boodboodka", isticmaal .visually-hidden-focusable
fasalka. Tani waxay hubin doontaa in koontaroolku uu noqdo mid muuqda mar diiradda saaraya (loogu talagalay isticmaalayaasha kiiboodhka aragga ah). Ka fiirso, marka la barbardhigo kuwa u dhigma .sr-only
iyo .sr-only-focusable
fasallada noocyadii hore, Bootstrap 5's .visually-hidden-focusable
waa fasal gooni ah, waana inaan loo isticmaalin marka lagu daro .visually-hidden
fasalka.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Dhaqdhaqaaqa oo yaraaday
Bootstrap waxaa ku jira taageerada prefers-reduced-motion
muuqaalka warbaahinta . Browserrada/deegaanka u oggolaanaya isticmaaluhu inuu caddeeyo doorashadooda dhaqdhaqaaqa la dhimay, badi saamaynta kala-guurka ee CSS ee Bootstrap (tusaale ahaan, marka modal wada-hadal la furo ama la xiro, ama animation-ka simbiriirrada ee carousels) waa la curyaami doonaa, iyo animations macno leh sida spinners) waa la dhimi doonaa.
Darowsarrada taageera prefers-reduced-motion
, iyo halka isticmaaluhu uusan si cad ugu sheegin inay door bidaan dhaqdhaqaaqa la dhimay (ie halka prefers-reduced-motion: no-preference
), Bootstrap wuxuu awood u siinaya inuu si fudud u duubo isagoo isticmaalaya scroll-behavior
hantida.
Khayraadka dheeraadka ah
- Tilmaamaha Helitaanka Mawduuca Shabakadda (WCAG) 2.1
- Mashruuca A11Y
- Dukumentiyada gelitaanka MDN
- Hubiyaha Helitaanka Tenon.io
- Kala-duwanaanshaha Midabka (CCA)
- Buug-yareedka "HTML Codesniffer" ee lagu aqoonsanayo arrimaha gelitaanka
- Aragtida Helitaanka Microsoft
- Qalabka tijaabada Deque Ax
- Hordhaca Helitaanka Shabakadda