PDF till HTML: vad som ändras när ett dokument blir en sida

En kursbroschyr godkändes som PDF, men teamet behöver nu publicera samma information på hemsidan. Det verkar naturligt att konvertera filen och sätta resultatet live. Men en webbsida svarar på storleken på skärmen; en PDF-sida är utformad för att ha fasta mått.

Börja med innehållet som verkligen betyder något

Innan du konverterar, separera vad som är väsentlig text från vad som är dekoration: öppettider, adress, registreringslänkar, priser och villkor förtjänar att finnas i läsbara HTML-element. Text som omvandlas till bilder kan inte väljas och kan göra den svår att använda för personer som förlitar sig på skärmläsare. DEPDF till HTMLDet kan hjälpa att få en första version, som bör granskas i webbläsaren.

Om PDF-filen har två överlappande kolumner, tabeller eller rutor kan läsordningen förvrängas. Läs den genererade HTML-koden uppifrån och ner och kontrollera om resonemanget fortfarande är vettigt. En underrubrik som visas efter en sidfot är till exempel ett tecken på att strukturen behöver omorganiseras.

Det mest användbara testet sker på mobilen

Öppna sidan på en smal skärm, öka teckenstorleken och navigera i länkarna med bara tangentbordet. Kontrollera att inga avsnitt har klippts ut, att tabellerna är läsbara och att bilderna har fått lämpliga alternativa texter. Målet är inte att imitera varje millimeter av PDF-filen: det är att låta informationen förbli tydlig.

Behåll originalet och uppdatera noggrant

När HTML-koden är redo att publiceras, spara PDF-filen som layout- och versionsreferens. Om värden eller datum ändras, uppdatera båda källorna medvetet. Att ha motsägelsefullt innehåll i olika format orsakar fler problem än en ofullständig konvertering.

Nyheter publicerade på webben behöver hierarki

Ett PDF-dokument kan simulera en titel med stort teckensnitt och centrering, men detta garanterar inte att den resulterande HTML-koden kommer att identifiera titeln som en rubrik. För skärmläsare och sökmotorer är strukturen viktig: använd en tydlig huvudrubrik, undertexter i följd och stycken som följer den naturliga läsordningen. Använd inte teckenstorlek som det enda tecknet på betydelse.

Om PDF-filen innehåller varningsrutor, omvandla varje varning till kontextualiserad text, istället för att placera element godtyckligt efter koordinater. Länkar som "klicka här" kan också skrivas om med namn som anger destinationen. Föreställ dig att en läsare kommer åt det på sin mobiltelefon, med zoom och utan att se originallayouten. Om han fortfarande kan hitta tidsfristen för anmälan och kontaktuppgifter har omvandlingen tjänat sitt syfte.