Ikonas

Bootstrap Icons lietošanas noteikumi, meklēšana un dekoratīvo pret nozīmīgo ikonu atšķirība.

Self-hostedBootstrap Icons 1.11.3

D-05 · F-11 — Ikonu katalogs un meklēšana

Noklikšķiniet uz ikonas, lai nokopētu klases nosaukumu. Meklēšana darbojas bez tīkla pieprasījuma.

DHAFXLE

Dekoratīvas un nozīmīgas ikonas

Dekoratīvai ikonai ir aria-hidden. Nozīmīgai ikonai ir teksts vai aria-label. Ikonu poga nekad nepaļaujas tikai uz title.

DHAFXLE

Dekoratīva ikona

Statuss jau ir tekstā “Aktīvs”, tāpēc ikona ir dekoratīva.

<i class="bi bi-check2-circle" aria-hidden="true"></i>

Nozīmīga ikona

Ja ikona ir vienīgais redzamais saturs, pogai ir pieejams nosaukums:

aria-label="Atjaunināt datus"

Izmēri un krāsas

Ikonas izmēri nāk no konteksta. Krāsa vienmēr papildina tekstu, nevis aizstāj nozīmi.

DHAFXLE
16 px kontekstā 20 px 24 px Veiksmīgi Kļūda Brīdinājums