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-hevitra manokana—dia natao hiasa ho an'ny mpampiasa mikasika, totozy ary fitendry. 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 .sr-only
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="sr-only">Danger: </span>
This action is not reversible
</p>
Ho an'ny fanaraha-maso ifanakalozan-kevitra miafina hita maso, toy ny rohy "skip" mahazatra, .sr-only
dia azo atambatra amin'ny .sr-only-focusable
kilasy. Izany dia hiantoka fa ny fanaraha-maso dia ho hita rehefa mifantoka (ho an'ny mpampiasa klavier hita maso).
<a class="sr-only sr-only-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.
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