Poprawne dodawanie paragrafu "Obrazki" zgodnie ze standardami WCAG 2.1 dla serwisu SITEOR:
Ostatnia aktualizacja: 2022-07-25
By zachować najlepsze standardy dla wyświetlania się naszego Serwisu obsługujemy dwa popularne rozszerzenia obrazków, które nie będą kolidować ze standardami WCAG 2.1:
-> JPG dla obrazków wyświetlanych z tłem
-> PNG dla obrazków wyświetlanych bez tła - przezroczystych
Nasza strona Obsługuje zgodność mobilną we wszystkich miejscach witryny, które dopasowują odpowiedni rozmiar obrazka.
Jedynym miejscem, w którym taki rozmiar nie jest dopasowywany jest to miejsce, w którym nasi klienci preferują zamieszczać obrazki w dobieranym indywidualnie rozmiarze. Takie miejsca zaznaczone czerwoną ramką przedstawia poniższy obrazek na przykładowej witrynie:
By nasz obrazek był zgodny ze standardami WCAG 2.1 należy pamiętać o wprowadzeniu w polu "Opis alternatywny (HTML)" opisu tego co na tym obrazku się znajduje. Pomaga to aplikacjom, które posiadają najczęściej osoby niewidome przeczytać to co na tym obrazku się znajduje, by miały dostęp do wszystkich informacji znajdujących się na witrynie. Niweluje to barierę dostępu dla potencjalnych użytkowników
Na poniższej Animacji przedstawiono jak poprawnie wstawić przykładowy obrazek zgodnie ze standardami WCAG 2.1:
Obrazki, które mają uzupełniać tekst na stronie, i które nie mają zbyt dużych rozmiarów najlepiej jest wstawić w paragrafie "Tekst i obraz", gdyż tam dodatkowo możemy jeszcze umieścić stały rozmiar obrazka i dowolnie go zmienić. Ze względu na obsługę mobilną nasz paragraf obrazki będzie dopasowywał rozmiar na tyle na ile pozwala nam szerokość komórki w jakiej umieściliśmy nasz paragraf "Obrazki" bo to gwarantuje poprawne wyświetlenie obrazka na każdym urządzeniu do przeglądania stron Internetowych.
Powrót
Dodaj komentarz