Source

Megközelíthetőség

Rövid áttekintés a Bootstrap funkcióiról és az elérhető tartalom létrehozására vonatkozó korlátairól.

A Bootstrap könnyen használható keretrendszert kínál kész stílusokból, elrendezési eszközökből és interaktív komponensekből, lehetővé téve a fejlesztők számára, hogy vizuálisan tetszetős, funkcionálisan gazdag és a dobozból elérhető webhelyeket és alkalmazásokat hozzanak létre.

Áttekintés és korlátozások

A Bootstrap segítségével épített projektek általános hozzáférhetősége nagymértékben függ a szerző jelölésétől, további stílusától és szkriptektől. Mindazonáltal, feltéve, hogy ezeket megfelelően implementálták, tökéletesen lehetségesnek kell lennie olyan webhelyek és alkalmazások létrehozásának a Bootstrap segítségével, amelyek megfelelnek a WCAG 2.0 (A/AA/AAA), 508. szakaszának és hasonló akadálymentesítési szabványoknak és követelményeknek.

Strukturális jelölés

A Bootstrap stílusa és elrendezése a jelölési struktúrák széles körére alkalmazható. Ennek a dokumentációnak az a célja, hogy a fejlesztők számára bevált gyakorlati példákat nyújtson magának a Bootstrap használatának bemutatására és a megfelelő szemantikai jelölések illusztrálására, beleértve a lehetséges akadálymentesítési problémák megoldásának módjait.

Interaktív komponensek

A Bootstrap interaktív összetevőit – mint például a modális párbeszédpaneleket, a legördülő menüket és az egyéni eszköztippeket – úgy tervezték, hogy az érintést, egeret és billentyűzetet használók számára működjenek. A vonatkozó WAIARIA szerepkörök és attribútumok használatával ezeknek az összetevőknek is érthetőnek és működőképesnek kell lenniük kisegítő technológiák (például képernyőolvasók) segítségével.

Mivel a Bootstrap összetevőit szándékosan úgy tervezték, hogy meglehetősen általánosak legyenek, előfordulhat, hogy a szerzőknek további ARIA -szerepeket és -attribútumokat, valamint JavaScript-viselkedést kell megadniuk, hogy pontosabban közvetítsék összetevőjük természetét és funkcióit. Ezt általában fel kell tüntetni a dokumentációban.

Színkontraszt

A legtöbb szín, amely jelenleg a Bootstrap alapértelmezett palettáját alkotja – amelyeket a keretrendszerben olyan dolgokhoz használnak, mint például a gombváltozatok, a riasztási variációk, az űrlapellenőrzési jelzők – elégtelen színkontraszthoz vezet (a WCAG 2.0 javasolt színkontrasztaránya alatt, 4,5:1 ), ha ellen használjuk. világos háttér. A szerzőknek manuálisan módosítaniuk kell ezeket az alapértelmezett színeket, hogy biztosítsák a megfelelő színkontraszt arányt.

Vizuálisan rejtett tartalom

A vizuálisan elrejtett, de a kisegítő technológiák, például a képernyőolvasók számára elérhető tartalmak stílusát az .sr-onlyosztály használatával lehet alakítani. Ez olyan helyzetekben lehet hasznos, amikor további vizuális információkat vagy jelzéseket (például színhasználattal jelölt jelentést) is át kell adni a nem vizuális felhasználóknak.

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

A vizuálisan rejtett interaktív vezérlők, például a hagyományos „kihagyó” hivatkozások .sr-onlykombinálhatók az .sr-only-focusableosztállyal. Ez biztosítja, hogy a vezérlőelem a fókuszálás után láthatóvá váljon (látó billentyűzet-felhasználók számára).

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

Csökkentett mozgás

A Bootstrap támogatja a prefers-reduced-motionmédiafunkciót . Azokban a böngészőkben/környezetekben, amelyek lehetővé teszik a felhasználó számára, hogy megadja a csökkentett mozgás preferenciáját, a legtöbb CSS-átmeneti effektus a Bootstrapben (például egy modális párbeszédpanel megnyitásakor vagy bezárásakor, vagy a körhinta csúszó animációja esetén) le lesz tiltva.

További források