Odwiedzający znajduje przydatną stronę, drukuje ją na spotkanie i odkrywa, że brakuje drugiej połowy porównania. Na ekranie witryna wyglądała przekonująco. Na papierze jednak jej przyklejone menu zasłania nagłówek, a ciemne tło zajmuje całą stronę. Druk to odrębna sytuacja czytelnicza, a nie po prostu zrzut ekranu z podłączoną drukarką.
Zacznij od tego, co czytelnik powinien wynieść z lektury
Opis usługi, lista wybranych propozycji i artykuł redakcyjny mają różne cele. Zanim dostosujesz style, ustal, jakie materiały muszą pozostać zrozumiałe poza przeglądarką: temat, najważniejsze szczegóły, istotne obrazy i sposób powrotu do źródła. Wersja do druku nie powinna po cichu pomijać warunku, który zmienia sens oferty.
Nie trzeba odtwarzać każdego animowanego ozdobnika ani elementu nawigacji. Ich usunięcie może zrobić miejsce na właściwą treść. Kryterium jest redakcyjne: czy ktoś, kto nigdy nie widział witryny, zrozumiałby, czego dotyczy ten dokument?
Ta sama treść, inny sposób prezentacji
Style CSS przeznaczone do druku pozwalają dostosować stronę do papieru lub pliku PDF bez utrzymywania osobnej kopii tekstu. MDN opisuje służący do tego typ medium print. Wspólne źródło treści ogranicza ryzyko, że strona internetowa zostanie poprawiona, a stara wersja do druku pozostanie bez zmian.
Naszym punktem wyjścia jest prosty układ z czytelnym tekstem, umiarkowanymi marginesami i wyraźnymi nagłówkami. Ozdobne tło nie powinno być jedynym elementem oddzielającym ważne sekcje. Sens powinien pozostać czytelny także wtedy, gdy przeglądarka pominie tła lub czytelnik wybierze druk monochromatyczny.
Trzymaj powiązane informacje razem, ale pozwól długiej treści swobodnie przechodzić między stronami
Obraz oddzielony od objaśnienia może stać się niejednoznaczny. Nagłówek tabeli bez odpowiadających mu wartości jest równie mało pomocny. Właściwość CSS break-inside wpływa na podziały wewnątrz elementu, ale reguła nie zastępuje sprawdzenia wyniku. Duży blok nadal musi zmieścić się w dostępnym obszarze strony.
Sprawdź krótkie i długie przykłady. Nie wciskaj całego porównania w nieczytelnie mały tekst tylko po to, by uniknąć dodatkowej kartki. Obowiązuje tu ta sama zasada co przy tworzeniu wygodnego porównania na małym ekranie: najpierw zachowaj relacje między etykietami a wartościami, a dopiero potem konkretny układ wizualny.
Zostaw drogę powrotu do aktualnej strony
Na papierze nie da się kliknąć linku. Tam, gdzie ma to znaczenie, podaj czytelny adres źródła zamiast niewyjaśnionego „dowiedz się więcej”. Trafny tytuł strony i krótki wiersz ze źródłem pomogą czytelnikowi rozpoznać dokument później. Jeśli informacje często się zmieniają, wyjaśnij ich kontekst, zamiast sugerować, że wydruk pozostanie aktualny na zawsze.
Nie ujawniaj automatycznie każdego technicznego adresu URL, parametru śledzącego ani danych osobowych. Wydruk często trafia do kogoś innego. Dobieraj informacje świadomie, szczególnie na stronach zawierających formularze lub dane wpisane przez odwiedzających.
Sprawdzaj rezultat, nie tylko arkusz stylów
Otwórz podgląd wydruku i obejrzyj pierwszą stronę, strony środkowe oraz ostatnią. Szukaj przyciętych kolumn, osamotnionych nagłówków, zbyt dużych logo, brakujących obrazów i zbędnych pustych kartek. Wypróbuj formaty papieru i ustawienia przeglądarki odpowiednie dla odbiorców. Plik PDF zapisany w jednej przeglądarce jest przydatnym materiałem do oceny, ale nie dowodem identycznego wyniku na każdym urządzeniu.
To część bieżącej opieki nad witryną: wracaj do sprawdzania wydruku po zmianach treści lub układu. Celem nie jest upodobnienie papieru do ekranu. Chodzi o to, by te same informacje pozostały użyteczne w innym otoczeniu.