Twoja strona internetowa a dostępność - część 2

W części pierwszej poruszyliśmy wprowadzenie treści podstawowej, zamieszczanie list oraz budowanie struktury treści. Teraz zajmiemy się umieszczaniem zdjęć ich opisywaniem oraz właściwym korzystaniem z hierpłączy.

Zdjęcia

Każdy edytor treści w CMS powinien dawać możliwość zamieszczania grafik w treści strony. Podczas ich edycji dysponujemy zazwyczaj dwoma polami na wprowadzenie tytułu oraz opisu ale jakkolwiek ona by się nie nazywała to w obu należy zamieścić tą samą treść i będzie ona wyświetla gdy:

• najedziemy kursorem na zdjęcie

• wyświetlenie zdjęcia będzie niemożliwe z jakiegoś powodu

oraz zostanie przeczytany przez odpowiednie urządzenie gdy korzysta ze strony osoba niewidoma / niedowidząca.

Grafika poniżej przedstawia jak wykonuje się to w naszym systemie zarządzania treścią.

Linki - hiperłącza

Tu można poruszyć co najmniej 3 aspekty – pierwszy to ich wygląd: najlepiej jeżeli link wyróżnia się w treści strony poprzez odmienny kolor oraz podkreślenie. To że kursor zamienia się na „łapkę” gdy się na niego najedzie – wydaje się być rzeczą oczywistą.

Drugi element to nazwa linku a dokładniej mówiąc co jest odnośnikiem w tej sytuacji, błędem jest nazywanie go: jeżeli interesuje cię ten produkt to kliknij tutaj, lepszym rozwiązaniem będzie taka treść: jeżeli interesuje cię produkt tutaj nazwa - zobacz szczegóły.

I ostatni aspekt, podobnie jak ma to miejsce w przypadku zdjęcia – linkowi także można nadać tytuł / opis, jeżeli twój edytor na to pozwala. Jest to treść która zostanie zamieszczona w html'owym znaczniku title i zostanie przeczytana przez czytnik stron internetowych (korzystają z niego osoby niewidome) oraz z pewnością zauważony przez roboty indeksujące ale i osoba w pełni sprawna będzie mogła z niego skorzystać.

Jak to działa? Najedź kursorem myszki na ten linki a zobaczysz efekt.

Podsumowanie

Jeżeli rozpocząłeś czytanie od tego artykułu zapraszamy do części pierwszej gdzie dowiesz się jeszcze więcej.

Poruszyliśmy tutaj tematy, na które masz wpływ podczas edycji zawartości strony ale cała reszta jest zależna od projektantów twojej strony internetowej, dlatego zachęcamy jeszcze raz – jeżeli chcesz dowiedzieć się czy u ciebie w witrynie wszystko jest OK, skontaktuj się z nami a my to sprawdzimy i doradzimy.

Jednak dostępność to coś więcej - chociażby szybkość działania strony internetowej, wyświetlanie się w urządzeniach moblinych więc jak widzicie jest to wierzchołek góry lodowej!

I na koniec - powodzenia w tworzeniu twojej strony internetowej bardziej dostępnej.

Faq

Leksykon pojęć

Podstawy html