Microtip - Biblioteka podpowiedzi CSS z natywnymi funkcjami ułatwień dostępu

Możesz wykonać szybkie wyszukiwanie w GitHub, aby znaleźć dziesiątki niestandardowych bibliotek podpowiedzi. Wygląda na to, że nowe trafiają co miesiąc do sieci.

Microtip jest unikalnym zasobem, ponieważ działa na czystych podpowiedziach CSS, oferuje niestandardową estetykę i wykorzystuje kod źródłowy, który w pełni dostępny dla wszystkich użytkowników.

Jeśli nigdy wcześniej nie myślałeś o dostępności, Microtip może zmienić zdanie. To idealne połączenie czystego designu z funkcjonalność dla wszystkich urządzeń, wszystkich przeglądarek i użytkowników z poważnymi upośledzeniami.

Na stronie głównej znajdziesz link do pobrania do biblioteki Microtip wraz z zestawem demonstracji kodu.

Możesz uzyskać tę konfigurację za pomocą menedżera pakietów, bezpośredniego pobrania lub wyciągając go bezpośrednio z CDN. To pochodzi z jednym plikiem CSS i to w zasadzie wszystko, czego potrzebujesz.

Po dodaniu Microtip do strony możesz zacząć dodawać podpowiedzi do elementów strony. To są w pełni zgodny z WAI więc doskonale pasują do nowoczesnych standardów dostępności.

Oto przykładowy kod podpowiedzi dołączony do elementu przycisku z niestandardową pozycją:

Niewiele kodu?

Ta biblioteka jest bardzo lekka i ma łącznie 1 KB. To jest po prostu szalone, biorąc pod uwagę, ile otrzymujesz za pomocą tych podpowiedzi.

Własne właściwości CSS można przekazywać przez atrybuty HTML, aby zdefiniować rozmiar czcionki, styl przejścia, rozluźnienie i wiele innych ustawień.

Możesz również nadpisz CSS bezpośrednio, aby powiększyć podpowiedzi z różnymi kolorami lub czcionkami.

Więcej informacji znajdziesz w sekcji dostosowywania na stronie głównej. Wszystko działa poprzez HTML i CSS, więc nie potrzebujesz dowolna wiedza skryptowa aby to działało.

Microtip jest super łatwy w konfiguracji i dostosowaniu więc jeśli przynajmniej znasz podstawowe kodowanie frontendowe, wszystko będzie dobrze.

Ale spójrz na repozytorium GitHub, aby uzyskać więcej informacji o konfiguracji i pobrać kopię arkusza stylów.

Jeśli masz pytania lub sugestie dotyczące nowych funkcji, możesz także upuścić linię do twórcy na Twitterze @_ighosh.