Page 1 sur 1

Résoudre des problèmes signalés par Edge...

Posté : 27 janv. 2021, 18:02
par Jpe54
Bonjour,

un debug avec Edge informe sur différents "problèmes" liés au code source, niveau Accessibilité, Compatibilité, Performances, Pièges et Sécurité

Pour l'accessibilité, l'entête d'un fichier html doit préciser son encodage sous la forme :

Code : Tout sélectionner

<meta charset="utf-8">
Et non plus :

Code : Tout sélectionner

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
De même il est désormais obligatoire pour les balises <img et <object d'avoir une alternative texte (alt="xxx")...

Un lien permet de savoir pourquoi cela est important et donne la solution... par exemple pour la balise object :

https://webhint.io/docs/user-guide/hint ... e=devtools

Je bloque pour insérer en DOM cette information dans cette source :

Fichier js externe avec la fonction de création de DIV commun à de multiple pages :

Code : Tout sélectionner

// ========================================================================
// Génération d'un élément DIV id=MyId quelconque dans la page HTML
// ========================================================================

function Ajouter_DIV(MyId) {
	var body  = document.getElementsByTagName("body")[0];		   
    e=document.createElement("div");
	e.id= MyId;
	e.innerHTML =' ';
	body.appendChild(e);
}
Le code d'une des pages :

Code : Tout sélectionner

// crée un nouvel élément div
            Ajouter_DIV("MyPdf");
            e.innerHTML = '<object data="' + MyUrl + '" type="application/pdf"></object>';
Merci par avance de votre éclairage.

Amitiés à tous,

Re: Résoudre des problèmes signalés par Edge...

Posté : 27 janv. 2021, 20:36
par Jpe54
En fait ajouter title="PDF" suffit qu'on pourrait prévoir en seconde variable dans en codant la function en Ajouter_DIV(MyId, Mytitle)

Code : Tout sélectionner

e.innerHTML = '<object data="' + MyUrl + '" title="PDF" type="application/pdf"></object>';
Sujet clos ! :lol:

Re: Résoudre des problèmes signalés par Edge...

Posté : 29 janv. 2021, 11:08
par webmaster
Bonjour,

il y a aussi la solution de setAttribute()
https://www.toutjavascript.com/referenc ... ribute.php

e.setAttribute("title", "titre recommandé");
C'est plus propre et plus lisible que de construire la chaine manuellement.