Changeset 655:ce1c81bf2677

Timestamp:

07/26/11 08:02:10 (14 years ago)

Author:

kozlika

Branch:

themes

Message:

Ductile - Amélioration des infos de contraste, complément de l'aide du configurateur.

Location:

themes/ductile

Files:

• _config.php (modified) (1 diff)
• locales/en/main.po (added)
• locales/fr/admin.po (modified) (1 diff)
• locales/fr/help/help.html (modified) (6 diffs)

themes/ductile/_config.php

@@ -163 +163 @@
           $level = contrastRatioLevel($ratio,$size,$bold);
           return 
-               '<span style="position:absolute;top:0;left:23em;">('.
-               sprintf(__('ratio = %.1f:1'),$ratio).
-               ($level != '' ? ' / '.sprintf(__('WCAG %s'),$level) : '').
-               ')</span>';
+               '<span style="position:absolute;top:0;left:23em;">'.
+               sprintf(__('ratio %.1f'),$ratio).
+               ($level != '' ? ' '.sprintf(__('(%s)'),$level) : '').
+               '</span>';
      }
      return '';

themes/ductile/locales/fr/admin.po

@@ -137 +137 @@
 msgstr "Monospace"
 
-msgid "ratio = %.1f:1"
-msgstr "ratio = %.1f:1"
+msgid "ratio %.1f"
+msgstr "ratio %.1f"

themes/ductile/locales/fr/help/help.html

@@ -43 +43 @@
 <h5>Titre du blog</h5>
 
-<p>Vous pouvez indiquer ici si le titre du blog doit être affiché en gras ou pas, sa taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que sa couleur en utilisant le <em>Color Picker</em> accessible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
+<p>Vous pouvez indiquer ici si le titre du blog doit être affiché en gras ou pas, sa taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que sa couleur en utilisant le <em>Color Picker</em> disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
 
 <p>Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l'origine.</p>
@@ -49 +49 @@
 <h5>Titre des billets</h5>
 
-<p>Vous pouvez indiquer ici si les titres des billets doivent être affichés en gras ou pas, leur taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que leur couleur en utilisant le <em>Color Picker</em> accessible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
+<p>Vous pouvez indiquer ici si les titres des billets doivent être affichés en gras ou pas, leur taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que leur couleur en utilisant le <em>Color Picker</em> disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
 
 <p>Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l'origine.</p>
@@ -55 +55 @@
 <h5>Titres sans lien</h5>
 
-<p>Vous pouvez indiquer ici la couleur des titres sans lien (essentiellement : le titre du billet lorsqu'il est affiché seul, les intertitres au sein des billets, l'item actif du menu horizontal) en utilisant le <em>Color Picker</em> accessible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
+<p>Vous pouvez indiquer ici la couleur des titres sans lien (essentiellement : le titre du billet lorsqu'il est affiché seul, les intertitres au sein des billets, l'item actif du menu horizontal) en utilisant le <em>Color Picker</em> disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
 
 <p>Videz le champ pour annuler votre choix et revenir à celui défini à l'origine.</p>
@@ -61 +61 @@
 <h5>Liens dans les billets</h5>
 
-<p>Vous pouvez indiquer ici si les liens cités dans les billets doivent être affichés en gras ou non et définir leur couleur à l'état normal et déjà visités, leur couleur à l'état actif, ou lorsqu'ils sont survolés ou prennent le focus en utilisant le <em>Color Picker</em> accessible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
+<p>Vous pouvez indiquer ici si les liens cités dans les billets doivent être affichés en gras ou non et définir leur couleur à l'état normal et déjà visités, leur couleur à l'état actif, ou lorsqu'ils sont survolés ou prennent le focus en utilisant le <em>Color Picker</em> disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
 
 <p>Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l'origine.</p>
@@ -71 +71 @@
 <h5>Titre du blog</h5>
 
-<p>Vous pouvez indiquer ici si le titre du blog doit être affiché en gras ou pas, sa taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que sa couleur en utilisant le <em>Color Picker</em> accessible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
+<p>Vous pouvez indiquer ici si le titre du blog doit être affiché en gras ou pas, sa taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que sa couleur en utilisant le <em>Color Picker</em> disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
 
 <p>Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l'origine.</p>
@@ -77 +77 @@
 <h5>Titres des billets</h5>
 
-<p>Vous pouvez indiquer ici si les titres des billets doivent être affichés en gras ou pas, leur taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que leur couleur en utilisant le <em>Color Picker</em> accessible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
+<p>Vous pouvez indiquer ici si les titres des billets doivent être affichés en gras ou pas, leur taille (en <em>em</em> par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que leur couleur en utilisant le <em>Color Picker</em> disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format <code>#rrggbb</code> avec rr, gg et bb compris entre 0 et ff.</p>
 
 <p>Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l'origine.</p>
 
+<h3>Accessibilité des contrastes de couleurs</h3>
+
+<p>Après l'enregistrement du choix d'une couleur, le ratio de contraste s'affiche à côté du champ et précise, quand c'est le cas, que ce contraste est conforme aux recommandations des <a href="http://www.w3.org/Translations/WCAG20-fr/">WCAG 2.0</a>. Pour être conforme, le contraste entre la couleur de fond et la couleur des caractères doit présenter les valeurs suivantes :</p>
+
+<ul>
+     <li>Au moins 4,5:1 pour les textes de taille courante pour le niveau AA ;</li>
+     <li>Au moins 7:1 pour les textes de taille courante pour le niveau AAA ;</li>
+     <li>Au moins 3:1 pour les textes de taille agrandie (150 % ou 120 % gras) pour le niveau AA ;</li>
+     <li>Au moins 4,5:1 pour les textes de taille agrandie (150 % ou 120 % gras) pour le niveau AAA ;</li>
+</ul>
+
 </body>
 </html>