Accessibility
Famintinana fohy momba ny endri-javatra sy ny fetran'ny Bootstrap amin'ny famoronana votoaty azo idirana.
Ny Bootstrap dia manome rafitra mora ampiasaina amin'ny endrika efa vita, fitaovana fandrafetana ary singa ifanakalozan-kevitra, ahafahan'ny mpamorona mamorona vohikala sy fampiharana izay manintona hita maso, manankarena ary azo idirana ivelan'ny boaty.
Overview sy fetra
Ny fidirana amin'ny ankapobeny amin'ny tetikasa rehetra namboarina miaraka amin'ny Bootstrap dia miankina betsaka amin'ny mariky ny mpanoratra, ny fanaingoana fanampiny ary ny scripting nampidiriny. Na izany aza, raha toa ka nampiharina araka ny tokony ho izy ireo, dia tokony ho azo atao tsara ny mamorona tranokala sy fampiharana miaraka amin'ny Bootstrap izay mahafeno ny WCAG 2.1 (A/AA/AAA), Fizarana 508 , ary ireo fenitra sy fepetra takiana mitovy amin'izany.
Marka ara-drafitra
Ny famolavolan'ny Bootstrap sy ny fandrindrana dia azo ampiharina amin'ny rafitra marika marobe. Ity tahirin-kevitra ity dia mikendry ny hanome ohatra amin'ny fomba fanao tsara indrindra ho an'ny mpamorona mba hanehoana ny fampiasana ny Bootstrap ny tenany sy hanehoana ny mari-pamantarana semantika mety, ao anatin'izany ny fomba ahafahana miatrika ireo olana mety hitranga.
Ireo singa mifandraika
Ny singa ifandrimbonan'ny Bootstrap—toy ny fifanakalozan-dresaka modal, ny menio midina, ary ny toro-làlana manokana—dia natao hiasa ho an'ny mpampiasa mikasika, totozy ary kitendry. Amin'ny alàlan'ny fampiasana ireo andraikitry ny WAI - ARIA mifandraika amin'izany, ireo singa ireo dia tokony ho takatra sy azo ampiasaina amin'ny fampiasana teknolojia manampy (toy ny mpamaky efijery).
Satria ny singa ao amin'ny Bootstrap dia noforonina ho an'ny ankapobeny, ny mpanoratra dia mety mila mampiditra andraikitra sy toetra ARIA bebe kokoa , ary koa ny fitondran-tena JavaScript, mba hampita tsara kokoa ny toetra sy ny fiasan'ny singany. Izany matetika no voamarika ao amin'ny antontan-taratasy.
Mifanohitra amin'ny loko
Ny fampifangaroana loko sasany izay mandrafitra ny palette default an'ny Bootstrap amin'izao fotoana izao — ampiasaina manerana ny rafitra ho an'ny zavatra toy ny fiovan'ny bokotra, ny fiovaovan'ny fanairana, ny mari-pamantarana fanamafisana ny endrika — dia mety hitarika amin'ny tsy fahampian'ny loko (eo ambanin'ny WCAG 2.1 mifanandrify amin'ny lokon'ny lahatsoratra 4.5: 1). ary ny tahan'ny fifanoherana loko tsy misy soratra WCAG 2.1 amin'ny 3:1 ), indrindra rehefa ampiasaina amin'ny fototra maivana. Amporisihina ny mpanoratra mba hitsapa ny fampiasana azy manokana amin'ny loko ary, raha ilaina, dia ovaina/hanitatra amin'ny tanana ireo loko mahazatra ireo mba hiantohana ny tahan'ny fifanoherana loko.
Votoaty miafina hita maso
Ny votoaty izay tokony hafenina amin'ny maso, fa mijanona ho azo idirana amin'ny teknolojia manampy toy ny mpamaky efijery, dia azo alaina amin'ny fampiasana ny .visually-hidden
kilasy. Mety ilaina izany amin'ny toe-javatra izay mila ampitaina amin'ireo mpampiasa tsy hita maso ny fampahalalana fanampiny na famantarana (toy ny dikany aseho amin'ny fampiasana loko).
<p class="text-danger">
<span class="visually-hidden">Danger: </span>
This action is not reversible
</p>
Ho an'ny fanaraha-maso ifanakalozan-kevitra miafina hita maso, toy ny rohy "mandingana" mahazatra, ampiasao ny .visually-hidden-focusable
kilasy. Izany dia hiantoka fa ny fanaraha-maso dia ho hita rehefa mifantoka (ho an'ny mpampiasa klavier hita maso). Tandremo, raha ampitahaina amin'ny mitovy .sr-only
sy .sr-only-focusable
kilasy amin'ny dikan-teny taloha, ny Bootstrap 5 .visually-hidden-focusable
dia kilasy tokana, ary tsy tokony ampiasaina miaraka amin'ny .visually-hidden
kilasy.
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
Mihena ny hetsika
Ny Bootstrap dia misy fanohanana ny prefers-reduced-motion
endri-javatra media . Ao amin'ny navigateur / tontolo izay ahafahan'ny mpampiasa mamaritra ny safidiny amin'ny hetsika mihena, ny ankamaroan'ny fiantraikan'ny fiovan'ny CSS ao amin'ny Bootstrap (ohatra, rehefa misokatra na mikatona ny fifanakalozan-dresaka modal, na ny animation sliding amin'ny carousels) dia ho kilemaina, ary ny animation misy dikany ( toy ny spinners) dia hihena.
Amin'ny navigateur manohana prefers-reduced-motion
, ary amin'ny toerana tsy nanamarihan'ny mpampiasa mazava fa aleony mihen-danja ny hetsika (izany hoe aiza prefers-reduced-motion: no-preference
), ny Bootstrap dia mamela ny fandehanana milamina amin'ny fampiasana ilay scroll-behavior
fananana.
Loharano fanampiny
- Torolàlana momba ny fidirana amin'ny votoaty amin'ny Internet (WCAG) 2.1
- Ny tetikasa A11Y
- Ireo singa mifandraika amin'ny MDN
- Tenon.io Accessibility Checker
- Color Contrast Analyzer (CCA)
- Bookmarklet "HTML Codesniffer" hamantarana ny olana amin'ny fidirana
- Microsoft Accessibility Insights
- Fitaovana fitiliana Deque Ax
- Fampidirana ny fidirana amin'ny Internet