URL: https://linuxfr.org/users/patrick32/journaux/spaghettis-xhtml-standard-sauce-javascript
Title: #spaghettis xhtml standard, sauce javascript
Authors: Patrick Trauquesègues
Date: 2017年05月26日T00:55:37+02:00
License: CC By-SA
Tags:
Score: -16
Afin d'illustrer les articles précédant cette chronique sur l'accessibilité du web,
.#REM on saura peut-être faire le café et pas vous ficher dehors
http://linuxfr.org/users/patrick32/journaux/rem-on-saura-peut-etre-faire-le-cafe-et-pas-vous-ficher-dehors
.# et pour ceux qui l'auraient loupé... CSS and JavaScript are accessible?
http://linuxfr.org/users/patrick32/journaux/et-pour-ceux-qui-l-auraient-loupe-css-and-javascript-are-accessible
à l'occasion du "Codefest Toulouse 2017"
https://www.facebook.com/events/883207281810970/
je vous propose de vous attarder sur l'analyse d'une page officielle prise au hasard,
et de constater :
- l'affichage des standards
- le non respect des standards
- la quantité d'information brute (entité)
- la qualité d'informations additionnelles (dynamiques)
- le coût matériel et en accessibilité de l'addition d'informations applicatives
(par applicatives, je compare au téléchargement d'une application)
- l'intérêt de technologies permettant de faciliter la différenciation de ces contenus, afin de permettre le développement d'applicatifs "sur-mesure" (custom), tourné vers l'utilisateur, et pouvant partir de l'utilisateur,
étant donné la capacité aujourd'hui à influer sur l'applicatif, et la facilité de par exemple appliquer un XSL (modèle) sur un XML (donnée), les modèles pouvant se diffuser et s'appliquer à differents cas de figure, tel ceux facilitant l'accessibilité au contenu et la mise en production d'individus aujourd'hui encore tenus à l'écart de l'économie.
#DOCTYPE
```xml
```
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
http://www.w3.org/1999/xhtml
On y retrouve la référence au langage utilisé sur la page, permettant éventuellement de valider la page avec un outil de validation, qui fonctionne un peu comme un outil de correction orthographique.
http://validator.w3.org
On remarque que la spécification xhtml choisie date de 1999...
#entête
```xml
```
L'entête contient essentiellement du javascript greffé à la page, pourtant qui ne devrait apporter aucune information brute.
74 lignes
```sh
wc 20170525_headscripts.txt
74 178 4566 20170525_headscripts.txt
```
sur un total de
```sh
wc 20170525_head.txt
98 269 5721 20170525_head.txt
```
soit près de 70%, de surcroît incompatible avec la norme XHTML choisie, les codes javascript ne devant apparaître que sous forme de références externes.
On y retrouve les meta, métadonnées indiquant l'encodage du texte avec lequel est écrit le code html de la page, un commentaire indiquant déjà une contrainte (enforce) limitant l'accès des données, puis enfin des métadonnées concernant une application commerciale précise, dont aucune autre ne devrait avoir d'utilité (usefull).
(lignes 8 à 12)
```xml
```
Le titre (indispensable, et encodé avec des entités), un lien vers l’icône relatif à la page, un lien relatif à un icône d'un autre standard, puis la référence externe à la feuille de style CSS, tel qu'aurait du l'être le javascript.
(ligne 14 et 17)
``` xml
Pope Francis: "Mercy Friday" visit to Ostia housing project
```
Arrive une floppée de scripts indigestes pour un validateur, et plus encore pour un outils de transformation, tel un Google Translate qui lit plusieurs langues à la fois, parfois mal orthographiées.
http://translate.google.com
Le premier d'entre-eux, s'applique à une exception de la feuille de style, spécifique à une navigateur, ainsi le développeur a du code un code spécifique pour une fraction non standard, n'étant par définition pas pérenne. Généralement ce type de production qui s'apparente à faire le tour du bâtiment en courant, et remonter par l'escalier, est justifié par l'indispensable taille ou police de caractère, ou par la couleur du texte qui serait sans ça légèrement différente. Une oeuvre d'art.
(lignes 18 à 98)
A nouveau deux balises meta, dont la première est redondante à la balise titre ligne 14.
(lignes 100 et 101)
```xml
```
Il est remarquable qu'une telle référence ait été spécifiée pour le CSS, car il est rare que le CSS ne vienne polluer l'ensemble des données, pour apporter une couche de présentation indispensable aux données présentées, l'argument étant le plus souvent, que l'information a besoin d'être vue pour exister, ainsi que cela a été indiqué par le courrier des lecteurs lors des précédentes chroniques.
#body
Le corps de page, contenant l'information proprement dite, se trouve libérée des codes de style CSS comme la référrence externe contenue dans les entêtes le promettaient, mais on y retrouve à nouveau du code javascript. Généralement issue probable à des contraintes techniques inhérentes à ce langage, ne permettant pas son exécution autrement qu'imbriqué dans les données, cette fois le javascript remplace purement et simplement la données. La donnée est dynamique, exécutée sur le poste du client.
Un code typiquement php, mais qui peut s'écrire en tout langages, même en C ou assembleur, exécuté sur le serveur, aurait permis l'envoi de données lisibles et transformables.
Il est parfois volontaire de rendre le code illisible, tel qu'on peut imaginer à lire celui des pages distribuées par Facebook, dont le but est de restreindre la réutilisation des données affichées, et de canaliser ces flux par une API fournie, comme twitter et d'autres en mettent à disposition. Ce ne semble pas être le cas de cette page.
Un code dynamique peut être écrit et exécuté sur le serveur, servi par un cache qui évite de refaire les opérations, dans la mesure où ce code n'est pas une application autonome, mais bien une page de données, dont le fond (la donnée) peut être séparé de la forme (tout ce qui s'ajoute à la donnée).
Nous avons ainsi affaire à une réelle application, avec un code qui s'exécute sur le poste du client, une application hybride dont une partie est contenue en ligne, une autre transportée sur le poste du client. Les pages de Twitter et Facebook exploitent ces modèles afin de mettre à jour en permanence la page du client sans la recharger, et donc avec un flux continu de données.
Ce qui ne semble pas être le cas de cette page.
L'information se situe lignes 291 à 308.
```xml
2017年05月19日 Vatican Radio
(Vatican Radio) Pope Francis is continuing his "Mercy Friday" activities. Begun during the 2015-1016 Extraordinary Jubilee Year of Mercy, the Mercy Fridays see the Holy Father engaged in specific corporal and spiritual works of mercy.
A communiqué from the Press Office of the Holy See explains that the Pope on this Friday made a visit to public housing projects in the parish of Stella Maris – Star of the Sea parish – in the coastal town of Ostia on the outskirts of Rome.
The communiqué goes on to explain that the Holy Father was to bless the abodes of the parishioners in the complex located at Piazza Francesco Conteduca, 11, just as the parish priest does traditionally each year during Eastertide.
(from Vatican Radio)
```
#commentaires
On remarque des commentaires html permettant au développeur de s'y retrouver dans ses spaghettis...
```xml
```
Peut-être la séparation de ces "blocs" donne une idée des fonctionnalités de la page en tant qu'application, où l'externalisation de la majorité des textes et codes auraient pu être possibles, par références externes.
N'étant pas spécialiste en développement Web, je ne saurais me prononcer sur la capacité des standards à supporter de tels applicatifs, et la séparation des contenus.
Il est possible que des raisons évidentes de sécurité qui m'ont échappées, expliquent la quantité de sauce pour entourer l'information spécifique de cette url qui se résume en une image, un titre et une description, le reste n'étant que données contextuelles et applicatifs spécifiques à un contexte prédéfini, parfois limité à quelques navigateurs particuliers ou même versions de ces navigateurs.
A moins que ces commentaires divisant la page entre information complémentaires et information générales, ne soit destinés aux futurs navigateurs capables de distinguer les contenus et de les rendre accessibles,
il reste possible que ces limitations volontaires à l'accès du contenu soient volontaires.
Article saisi avec kwrite, options : retour à la ligne dynamique, correction orthographique en français, coloration syntaxique "marquage" XML.
https://www.google.fr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&cad=rja&uact=8&ved=0ahUKEwj__cnssYvUAhXKXRoKHVS8AZIQFgg4MAM&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FKWrite&usg=AFQjCNEm3FJcagnlOiWJ-rROBuO--ODQhA&sig2=s6eLk3yzYAS63T49cEH1iQ