Bonsoir,
j'utilise un code (contenant du html, du CSS et du javascript) dont le but est de proposer aux malvoyants des boutons permettant de grossir les caractères. Ce code est fonctionnel dans le cadre d'un exemple :
Code html+css+js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<html>
<head>
 
<!-- ACCESSIBILITE : ajuster fontsize - (avec ICONES FontAwesome 5) 
// ----------------
// Boutons pour ACCESSIBILITE : ajuster la TAILLE des TEXTES
// ----------------
-->
		<script src="https://kit.fontawesome.com/65b1855aa5.js" crossorigin="anonymous"></script>
 
<script>
// --------
// Ajuster la taille de la police
jQuery(function(){
	var JSsiteURLwww 	= 'mon-site-com';		// A DEFINIR POUR LE SITE EN COURS
	// ----
	var fontSection 	= 'body';				// TOUT le SITE
//	var fontSection 	= '.ajustFontSize';		// SEULEMENT les div avec la classe CSS "ajustFontSize"
	// ----
	// taille à l'ouverture de page
	var originalFontSize = jQuery('body').css('font-size');
	var originalFontSizeNum = parseFloat(originalFontSize, 10);
	var newFontSize = (readCookie(JSsiteURLwww+'-fontsize'))? readCookie(JSsiteURLwww+'-fontsize') : '';
	if( newFontSize=='' ){ 
		newFontSize = originalFontSizeNum; 
		createCookie(JSsiteURLwww+'-fontsize', newFontSize, 1);
	}
	jQuery(fontSection).css('font-size', newFontSize+'px');
	// ----
	// Restaurer la taille
	jQuery(".fontsize-reset").click(function(){
		newFontSize = originalFontSizeNum;
			jQuery(fontSection).css('font-size', originalFontSize);
			createCookie(JSsiteURLwww+'-fontsize', newFontSize, 1);
	});
	// ----
	// Augmenter la taille
	jQuery(".fontsize-increase").click(function(){
		var currentFontSize = jQuery(fontSection).css('font-size');
		var currentFontSizeNum = parseFloat(currentFontSize, 10);
		newFontSize = Math.floor(currentFontSizeNum*1.25);
		if( newFontSize<=50 ){ 
			jQuery(fontSection).css('font-size', newFontSize+'px'); 
			createCookie(JSsiteURLwww+'-fontsize', newFontSize, 1);
		}
		return false;
	});
	// ----
});
// --------
// Cookies
function createCookie(name,value,days ){
	if( days ){
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
// --------
function readCookie(name ){
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for( var i=0;i < ca.length;i++ ){
		var c = ca[i];
		while( c.charAt(0)==' ') c = c.substring(1,c.length);
		if( c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
// --------
function eraseCookie(name ){
	createCookie(name,"",-1);
};
// --------
</script>
 
<style>
// ----------------
// CSS 
// ----------------
/* Ajuster font-size */
.fontsize-ajuster { position:absolute; display:inline-block; top:5px; right:5px; width:90px; padding:0; margin:0; z-index:990; }
.fontsize-ajuster { text-align:right; margin-bottom:15px; margin-right:2%; }
.fontsize-ajuster a { position:relative; display:inline-block; margin:0 2px; padding:0; }
.fontsize-ajuster a i.fa { color:rgba(30,107,194,0.6);/*bleu VHS*/ font-size:36px; }
.fontsize-ajuster a:hover i.fa { color:rgba(30,107,194,1);/*bleu VHS*/ }
</style>
 
</head>
<body>
<div id="content" class="site-content">
 
 
		<div class="fontsize-ajuster">
			<a class="fontsize-reset" title="Rétablir la taille des caractères"><i class="fa fas fa-adjust"></i></a> 
			<a class="fontsize-increase" title="Augmenter la taille des caractères"><i class="fa fas fa-plus-circle"></i></a>
		</div>
 
<main>
<h1>grossir les caractères</h1>
<p>
Batnae municipium in Anthemusia conditum Macedonum manu priscorum ab Euphrate flumine brevi spatio disparatur, refertum mercatoribus opulentis, ubi annua sollemnitate prope Septembris initium mensis ad nundinas magna promiscuae fortunae convenit multitudo ad commercanda quae Indi mittunt et Seres aliaque plurima vehi terra marique consueta.
<p/>
<p>
Illud tamen clausos vehementer angebat quod captis navigiis, quae frumenta vehebant per flumen, Isauri quidem alimentorum copiis adfluebant, ipsi vero solitarum rerum cibos iam consumendo inediae propinquantis aerumnas exitialis horrebant.
<p/>
<p>
Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius et fortius et magis more nostro refutaremus istam male dicendi licentiam. Tecum, Atratine, agam lenius, quod et pudor tuus moderatur orationi meae et meum erga te parentemque tuum beneficium tueri debeo.
<p/>
 
</main>
 
</div>
 
</body>
</html>
Par contre, si j'essaie de l'intégrer dans mon application (https://pasdpanique.fr/), les boutons pour grossir apparaissent bien mais n'ont aucun effet quand on clique dessus. Je suppose donc que le code javascript n'est pas appelé. Pour déboguer cela, je voudrais voir le code js vu par le navigateur (firefox pour moi). Je crois que c'est possible avec la console mais ne sais pas le faire. Peut-on me guider ?