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

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Jpe54
Messages : 45
Enregistré le : 10 mars 2017, 14:11

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

Message par Jpe54 » 27 janv. 2021, 18:02

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,

Jpe54
Messages : 45
Enregistré le : 10 mars 2017, 14:11

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

Message par Jpe54 » 27 janv. 2021, 20:36

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:

Avatar du membre
webmaster
Administrateur du site
Messages : 396
Enregistré le : 28 févr. 2017, 15:19

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

Message par webmaster » 29 janv. 2021, 11:08

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.
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre