Un vizitator găsește o pagină utilă, o imprimă pentru o întâlnire și descoperă că a doua jumătate a comparației lipsește. Site-ul arăta convingător pe ecran. Pe hârtie, însă, meniul fixat acoperă un titlu, iar fundalul întunecat umple pagina. Imprimarea presupune un context de lectură distinct, nu este pur și simplu o captură de ecran trimisă la imprimantă.
Începe cu ceea ce trebuie să rămână la îndemâna cititorului
O descriere de serviciu, o listă restrânsă de opțiuni și un articol editorial au scopuri diferite. Înainte să ajustezi stilurile, identifică materialul care trebuie să rămână inteligibil în afara browserului: subiectul, detaliile esențiale, imaginile relevante și o modalitate de a reveni la sursă. O versiune pentru imprimare nu ar trebui să omită pe nesimțite o condiție care schimbă sensul unei oferte.
Nu este nevoie să reproduci fiecare ornament animat sau element de navigare. Eliminarea acestor elemente poate face loc conținutului propriu-zis. Criteriul este unul editorial: ar înțelege cineva care nu a văzut niciodată site-ul despre ce este acest document?
Folosește același conținut, cu o prezentare diferită
Stilurile CSS pentru imprimare pot adapta o pagină pentru hârtie sau PDF fără să fie nevoie de întreținerea unei copii separate a textului. MDN descrie tipul de mediu print pentru acest scop. O sursă comună de conținut reduce riscul ca pagina web să fie corectată, în timp ce o versiune veche pentru imprimare rămâne neschimbată.
Punctul nostru de pornire este o structură simplă, cu text lizibil, margini moderate și titluri clare. Un fundal decorativ nu ar trebui să fie singurul lucru care separă secțiunile importante. Sensul trebuie să rămână clar atunci când browserul omite fundalurile sau cititorul alege imprimarea monocromă.
Păstrează informațiile conexe împreună, dar lasă conținutul lung să curgă între pagini
O imagine separată de explicația sa poate deveni ambiguă. Un antet de tabel fără valorile corespunzătoare este la fel de puțin util. Proprietatea CSS break-inside influențează întreruperile din interiorul unui element, dar o regulă nu înlocuiește verificarea rezultatului. Un bloc mare trebuie totuși să încapă în spațiul disponibil pe pagină.
Verifică atât exemple scurte, cât și lungi. Nu înghesui o comparație întreagă într-un text prea mic pentru a fi citit doar ca să eviți încă o foaie. Același raționament care stă la baza unei comparații ușor de folosit pe un ecran mic se aplică și aici: păstrează mai întâi relațiile dintre etichete și valori, înainte de a păstra o anumită aranjare vizuală.
Lasă o cale de întoarcere la pagina actualizată
Pe hârtie nu poți face clic pe un link. Acolo unde contează, include o adresă lizibilă a sursei, nu un simplu „află mai multe” fără explicație. Un titlu potrivit al paginii și un rând scurt care indică sursa îl ajută pe cititor să identifice documentul mai târziu. Dacă informațiile se schimbă frecvent, explică-le contextul în loc să sugerezi că o copie imprimată va rămâne actuală pentru totdeauna.
Nu expune automat fiecare adresă URL tehnică, parametru de urmărire sau detaliu personal. O versiune imprimată ajunge adesea la altcineva. Alege în mod deliberat informațiile incluse, mai ales în cazul paginilor care conțin formulare sau date introduse de vizitatori.
Verifică rezultatul, nu doar foaia de stiluri
Deschide previzualizarea înainte de imprimare și examinează primele pagini, cele din mijloc și ultimele. Caută coloane tăiate, titluri izolate, sigle supradimensionate, imagini lipsă și foi goale inutile. Încearcă dimensiunile de hârtie și setările browserului relevante pentru publicul tău. Un PDF salvat dintr-un browser este un reper util pentru verificare, nu dovada unui rezultat identic pe orice dispozitiv.
Acest lucru face parte din îngrijirea continuă a site-ului: verifică din nou rezultatul imprimării atunci când se schimbă conținutul sau structura paginii. Scopul nu este ca hârtia să imite ecranul, ci ca aceleași informații să rămână utile într-un alt context.