Dlaczego sam kolor może nie wystarczyć
Czytelnik przeglądający akapit powinien bez zgadywania rozpoznać, które słowa prowadzą do innej strony lub sekcji. Jeśli link różni się od reszty tekstu tylko delikatnym odcieniem, łatwo go przeoczyć. Różnica może być szczególnie słabo widoczna na małym ekranie, w jasnym otoczeniu albo dla osoby, która nie rozróżnia dobrze barw. Dotyczy to zarówno artykułu na blogu, jak i opisu usługi czy wpisu w prostym katalogu.
Najprostszym punktem wyjścia jest podkreślenie linków umieszczonych w zwykłych akapitach. To znany sygnał, który działa także wtedy, gdy odbiorca nie dostrzega różnicy kolorów. Można dodać do niego odmienny kolor, lecz nie warto opierać rozpoznawalności linku wyłącznie na barwie. Ważne, aby podkreślenie nie było tak cienkie lub jasne, że znika podczas czytania.
Ustal spójny wygląd, który nie utrudnia czytania
Wybierz jeden podstawowy sposób oznaczania linków w treści i stosuj go konsekwentnie. Gdy w jednym akapicie link jest niebieski i podkreślony, a w następnym wygląda jak zwykły tekst, użytkownik musi za każdym razem uczyć się strony od nowa. Nie oznacza to, że każdy element na stronie ma wyglądać identycznie: przyciski i pozycje menu pełnią inną funkcję wizualną niż link w środku zdania. W obrębie samych akapitów reguła powinna jednak pozostać przewidywalna.
Zadbaj też o czytelność napisu. Kolor linku musi wyraźnie odcinać się od tła, a podkreślenie nie powinno zasłaniać liter. Unikaj upodabniania zwykłego wyróżnienia do linku: jeśli wszystkie ważniejsze słowa w tekście podkreślisz, odbiorca nie będzie wiedział, w co można kliknąć. Do podkreślania informacji, które nie są linkami, lepiej użyć innego sposobu wyróżnienia albo po prostu napisać zdanie jasno, bez dodatkowych ozdobników.
Pokaż, co dzieje się po wskazaniu i wybraniu linku
Link może zmieniać wygląd po najechaniu kursorem, na przykład zyskiwać mocniejsze podkreślenie. Taka zmiana jest pomocną informacją zwrotną, ale nie zastąpi wyglądu podstawowego. Na telefonie nie ma najechania myszą przed dotknięciem ekranu, więc link musi być rozpoznawalny od początku. Jeśli obok siebie znajduje się wiele linków, sprawdź również, czy da się wygodnie wybrać właściwy bez przypadkowego otwierania sąsiedniego.
Osoba korzystająca z klawiatury przechodzi między linkami bez używania myszy. Powinna widzieć, który link jest aktualnie wybrany, zanim go otworzy. Dlatego nie usuwaj widocznego obramowania lub innego oznaczenia aktywnego elementu bez zapewnienia czytelnego zamiennika. Możesz też odróżnić linki już odwiedzone od nieodwiedzonych, zwłaszcza w dłuższych listach artykułów. Taka wskazówka pomaga wrócić do przerwanego przeglądania, o ile oba rodzaje linków nadal pozostają łatwe do zauważenia.
Dobry opis linku wspiera jego wygląd
Nawet najlepiej oznaczony link niewiele mówi, jeśli jego treść brzmi „kliknij tutaj”. Zamiast tego nazwij miejsce, do którego prowadzi. W zdaniu o prowadzeniu witryny lepszy będzie link „jak przygotować kopię zapasową strony” niż sam wyraz „tutaj”. Czytelnik szybciej oceni, czy chce z niego skorzystać, a osoba przeglądająca same linki łatwiej zrozumie ich znaczenie bez czytania całego akapitu.
Nie obejmuj linkiem całego długiego zdania, jeśli wystarczy krótka, jednoznaczna fraza. Z drugiej strony pojedyncze ogólne słowo, takie jak „więcej”, może nie dawać potrzebnego kontekstu. Zwykle dobrym wyborem jest nazwa tematu, podstrony lub działania. Jeśli kilka linków prowadzi do różnych miejsc, nadaj im różne, konkretne opisy. Odbiorca powinien móc przewidzieć cel każdego z nich przed otwarciem.
Sprawdź linki w prawdziwym układzie strony
Po ustawieniu wyglądu obejrzyj kilka typowych miejsc: krótki akapit na stronie głównej, dłuższy wpis, opis usługi oraz listę pozycji katalogu, jeśli ją prowadzisz. Sprawdź, czy linki widać na różnych tłach i czy nie giną wśród pogrubień. Przeczytaj fragment tekstu bez klikania: czy od razu wiesz, które wyrazy są odnośnikami? Następnie przejdź po stronie klawiszem Tab i upewnij się, że możesz rozpoznać aktualnie wybrany link.
Na koniec otwórz stronę na telefonie i spróbuj wybrać link znajdujący się w środku akapitu. Taki prosty przegląd pozwala wychwycić kłopoty, których nie widać podczas pracy nad samym kolorem w edytorze. Celem nie jest najbardziej efektowny styl, lecz przewidywalny sygnał: link ma wyglądać jak link, dawać się wygodnie wybrać i jasno zapowiadać, dokąd prowadzi.
