Améliorer l'accessibilité pour l'impression
Pour facilité l'utilisation d'une page web imprimer on doit enlever le contenue non principal de la page soit:
- les menus de navigations
- les entêtes de site (qui sont identique sur chaque page)
- les bas de page
- les publicités
Voici un exemple de différence entre la version écran et imprimer d'une page web avec une feuille de style pour l'impression:
Et on doit ajouter les lien URL au complet pour les lien cité dans nos articles sinon il est impossible de savoir de quel lien il est question sur la version imprimé.
Pour ce faire avec CSS il est très facile de rajouter les liens avec le code CSS suivant
/* ajouter les url au complet pour l'impression des articles */
article a:link:after {
content: "(" attr(href) ")";
}
article a[href]:after {
content: "(http://www.phpascal.com/" attr(href) ")";
}
article a[href^="http://"]:after {
content: "(" attr(href) ")";
}
article a[href^="#"]:after {
content: "(" attr(href) ")";
}
/* fin ajout url au complet */
Code a ajouter dans une feuille de style spécifique à l'impression.