From cd2a2450395e7c6991abb449bb8f5385bca665e7 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 27 Jul 2021 00:55:10 -0400 Subject: remove link 'title' attributes that's just the 'href' (fr) (#1713) --- .../learn/forms/advanced_form_styling/index.html | 20 ++++++++++---------- .../forms/basic_native_form_controls/index.html | 2 +- files/fr/learn/forms/form_validation/index.html | 10 +++++----- .../how_to_build_custom_form_controls/index.html | 16 ++++++++-------- .../forms/how_to_structure_a_web_form/index.html | 2 +- .../forms/html_forms_in_legacy_browsers/index.html | 22 +++++++++++----------- .../author_fast-loading_html_pages/index.html | 18 +++++++++--------- 7 files changed, 45 insertions(+), 45 deletions(-) (limited to 'files/fr/learn') diff --git a/files/fr/learn/forms/advanced_form_styling/index.html b/files/fr/learn/forms/advanced_form_styling/index.html index 3e8fcd3146..5f0c0ee5b6 100644 --- a/files/fr/learn/forms/advanced_form_styling/index.html +++ b/files/fr/learn/forms/advanced_form_styling/index.html @@ -92,9 +92,9 @@ original_slug: Web/Guide/HTML/Formulaires/Advanced_styling_for_HTML_forms
  • et beaucoup d'autres
    • -
  • Extensions des CSS Microsoft +
  • Extensions des CSS Microsoft
    • @@ -421,17 +421,17 @@ option {

    Si vous souhaitez avoir un contrôle total sur les widgets de formulaire, vous n'avez pas d'autre choix que de compter sur JavaScript. Dans l'article Comment créer des widgets de formulaires personnalisés, nous voyons comment le faire nous-mêmes, mais il existe des bibliothèques très utiles pouvant vous aider :

    Les bibliothèques suivantes ne visent pas seulement les formulaires, mais elles ont des fonctionnalités très intéressantes pour les traiter :

    Rappelez-vous que lier CSS et JavaScript peut avoir des effets collatéraux. Donc, si vous choisissez d'utiliser l'une de ces bibliothèques, vous devez toujours prévoir des solutions de repli dans les feuilles de style en cas d'échec du script. Il y a de nombreuses raisons pour lesquelles les scripts peuvent échouer, surtout dans le monde des mobiles et vous devez concevoir votre site Web ou votre application pour traiter ces cas le mieux possible.

    @@ -447,8 +447,8 @@ option {

    Voir aussi

    {{PreviousMenuNext("Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML", "Web/Guide/HTML/Formulaires/Property_compatibility_table_for_form_widgets", "Web/Guide/HTML/Formulaires")}}

    diff --git a/files/fr/learn/forms/basic_native_form_controls/index.html b/files/fr/learn/forms/basic_native_form_controls/index.html index f40660b29c..56fb3843d0 100644 --- a/files/fr/learn/forms/basic_native_form_controls/index.html +++ b/files/fr/learn/forms/basic_native_form_controls/index.html @@ -661,7 +661,7 @@ beans.oninput L'état actuelle des formulaires HTML5 par Wufoo (en anglais) +
  • L'état actuelle des formulaires HTML5 par Wufoo (en anglais)
  • Tests HTML5 - inputs sur Quirksmode (en anglais) (et pour les navigateurs mobiles)
    • diff --git a/files/fr/learn/forms/form_validation/index.html b/files/fr/learn/forms/form_validation/index.html index 4e9b4d5a92..7abbf1ca9f 100644 --- a/files/fr/learn/forms/form_validation/index.html +++ b/files/fr/learn/forms/form_validation/index.html @@ -647,9 +647,9 @@ form.addEventListener("submit", function (event) {
    Pour limiter la frustration de l'utilisateur, il est très important de fournir autant d'information d'aide que nécessaire pour le guider dans la correction de sa saisie. Vous devriez afficher des suggestions en amont pour que l'utilisateur sache ce qui est attendu, ainsi que des messages d'erreur clairs. Si vous souhaitez vous plonger dans les exigences d'interface utilsateur pour la validation de formulaires, voici quelques articles (en anglais) utiles que vous devriez lire :
    @@ -825,12 +825,12 @@ addEvent(form, "submit", function () { diff --git a/files/fr/learn/forms/how_to_build_custom_form_controls/index.html b/files/fr/learn/forms/how_to_build_custom_form_controls/index.html index 4ff0241870..67f7c0fd68 100644 --- a/files/fr/learn/forms/how_to_build_custom_form_controls/index.html +++ b/files/fr/learn/forms/how_to_build_custom_form_controls/index.html @@ -95,9 +95,9 @@ original_slug: >-

    Dans notre exemple, les spécifications manquantes sont évidentes et nous les traiterons, mais cela peut devenir un problème réel sur de nouveaux widgets exotiques, pour lesquels personne n'a la moindre idée de ce qu'est le bon comportement. Il est donc toujours bon de passer du temps à l'étape conception, car si vous définissez pauvrement le comportement, ou si vous oubliez de le définir, il sera très difficile de le redéfinir une fois les utilisateurs habitués. Si vous avez des doutes, demandez l'avis des autres, et si vous avez le budget pour cela, n'hésitez pas à faire des tests utilisateur. Ce processus est appelé UX Design (User eXperience). Si vous voulez en savoir plus sur ce sujet, vous devriez consulter les ressources utiles suivantes :

    @@ -351,7 +351,7 @@ original_slug: >-
  • Le script ne se charge pas. La chose est très courante, en particulier dans le domaine des mobiles pour lesquels le réseau n'est pas sûr.
  • Le script est bogué. Il faut toujours prendre en considération cette éventualité.
  • Le script est en conflit avec un autre script tierce‑partie. Cela peut se produire avec des suites de scripts ou n'importe quel marque page utilisé par l'utilisateur.
    • -
  • Le script est en conflit avec, ou est affecté par un extension de navigateur  (comme l'extension « No script » de Firefox ou « Scripts » de Chrome).
    • +
  • Le script est en conflit avec, ou est affecté par un extension de navigateur  (comme l'extension « No script » de Firefox ou « Scripts » de Chrome).
  • L'utilisateur utilise un navigateur ancien et l'une des fonctions dont vous avez besoin n'est pas prise en charge. Cela se produira fréquemment lorsque vous utiliserez des API de pointe.s.
    • @@ -786,7 +786,7 @@ window.addEventListener('load', function () { highlightOption(select, optionList[index]); }; -

    Voici le résultat final de toutes ces modifications (vous obtiendrez un meilleur ressenti en les testant avec une technique d'assistance comme NVDA ou VoiceOver) :

    +

    Voici le résultat final de toutes ces modifications (vous obtiendrez un meilleur ressenti en les testant avec une technique d'assistance comme NVDA ou VoiceOver) :

    @@ -811,9 +811,9 @@ window.addEventListener('load', function () {

    Voici quelques bibliothèques à prendre en considération avant de coder les vôtres :

    diff --git a/files/fr/learn/forms/how_to_structure_a_web_form/index.html b/files/fr/learn/forms/how_to_structure_a_web_form/index.html index 80b6d6d142..1450da0f3c 100644 --- a/files/fr/learn/forms/how_to_structure_a_web_form/index.html +++ b/files/fr/learn/forms/how_to_structure_a_web_form/index.html @@ -52,7 +52,7 @@ original_slug: Web/Guide/HTML/Formulaires/Comment_structurer_un_formulaire_HTML

    L'élément {{HTMLElement("fieldset")}} est un moyen pratique de créer des groupes de widgets qui partagent le même but, pour le style et la sémantique. Vous pouvez étiqueter un {{HTMLElement("fieldset")}} en incluant un élément {{HTMLElement("legend")}} juste en dessous de la balise d'ouverture <fieldset>. Le contenu textuel de l'élément {{HTMLElement("legend")}} décrit formellement le but de l'élément {{HTMLElement("fieldset")}} inclus à l'intérieur.

    -

    De nombreuses technologies d'assistance utiliseront l'élément {{HTMLElement("legend")}} comme s'il faisait partie de l'étiquette de chaque widget à l'intérieur de l'élément {{HTMLElement("fieldset")}} correspondant. Par exemple, certains lecteurs d'écran comme Jaws ou NVDA énonceront le contenu de la légende avant d'indiquer l'étiquette de chaque widget.

    +

    De nombreuses technologies d'assistance utiliseront l'élément {{HTMLElement("legend")}} comme s'il faisait partie de l'étiquette de chaque widget à l'intérieur de l'élément {{HTMLElement("fieldset")}} correspondant. Par exemple, certains lecteurs d'écran comme Jaws ou NVDA énonceront le contenu de la légende avant d'indiquer l'étiquette de chaque widget.

    Voici un petit exemple :

    diff --git a/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html b/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html index 8267194ba9..16745fbf8e 100644 --- a/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html +++ b/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html @@ -18,12 +18,12 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers @@ -31,10 +31,10 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers

    Documentation indépendante

      -
    • Can I Use a des informations sur la prise en charge des techniques avancées. 
      • +
    • Can I Use a des informations sur la prise en charge des techniques avancées. 
    • Quirks Mode est une surprenante ressource sur la compatibilité des divers navigateurs. La partie sur les mobiles est la meilleure actuellement disponible.
      • -
    • Position Is Everything est la meilleure ressource disponible sur les bogues de rendu dans les navigateurs historiques et leur solution de contournement (le cas échéant).
      • -
    • Mobile HTML5 dispose d'informations de compatibilité pour une large gamme de navigateurs pour mobiles, et pas seulement pour le « top 5 » (y compris Nokia, Amazon et Blackberry).
      • +
    • Position Is Everything est la meilleure ressource disponible sur les bogues de rendu dans les navigateurs historiques et leur solution de contournement (le cas échéant).
      • +
    • Mobile HTML5 dispose d'informations de compatibilité pour une large gamme de navigateurs pour mobiles, et pas seulement pour le « top 5 » (y compris Nokia, Amazon et Blackberry).

    Rendre les choses simples

    @@ -157,13 +157,13 @@ input.button {
  • si le fil du code casse, le contenu et les fonctionnalités de base doivent rester accessibles et utilisables.
    • -

    Les principes d'un JavaScript non obstructif (écrit à l'origine par Peter-Paul Koch pour Dev.Opera.com et maintenant mis sur Docs.WebPlatform.org) descrit très bien ces idées.

    +

    Les principes d'un JavaScript non obstructif (écrit à l'origine par Peter-Paul Koch pour Dev.Opera.com et maintenant mis sur Docs.WebPlatform.org) descrit très bien ces idées.

    La bibliothèque Modernizr

    -

    Dans de nombreux cas, une bonne prothèse d'émulation (« polyfill ») peut aider en fournissant une API manquante. Un « polyfill » est un petit morceau de JavaScript qui « remplit un trou » dans les fonctionnalités des navigateurs historiques. Bien qu'ils puissent être utilisés pour améliorer la prise en charge de n'importe quelle fonctionnalité, leur utilisation dans le JavaScript est moins risquée que dans les CSS ou le HTML ; il existe de nombreux cas où JavaScript peut casser (problèmes de réseau, conflits de script, etc.). Mais avec le JavaScript, à condition de travailler avec un JavaScript non obstructif, si les polyfills manquent, ce ne sera pas grave.

    +

    Dans de nombreux cas, une bonne prothèse d'émulation (« polyfill ») peut aider en fournissant une API manquante. Un « polyfill » est un petit morceau de JavaScript qui « remplit un trou » dans les fonctionnalités des navigateurs historiques. Bien qu'ils puissent être utilisés pour améliorer la prise en charge de n'importe quelle fonctionnalité, leur utilisation dans le JavaScript est moins risquée que dans les CSS ou le HTML ; il existe de nombreux cas où JavaScript peut casser (problèmes de réseau, conflits de script, etc.). Mais avec le JavaScript, à condition de travailler avec un JavaScript non obstructif, si les polyfills manquent, ce ne sera pas grave.

    -

    La meilleure façon de remplir un trou d'API manquante consiste à utiliser la bibliothèque Modernizr et son projet dérivé : YepNope. Modernizr est une bibliothèque qui vous permet de tester la disponibilité d'une fonctionnalité pour une action en accord. YepNope est une bibliothèqe de chargements conditionnels.

    +

    La meilleure façon de remplir un trou d'API manquante consiste à utiliser la bibliothèque Modernizr et son projet dérivé : YepNope. Modernizr est une bibliothèque qui vous permet de tester la disponibilité d'une fonctionnalité pour une action en accord. YepNope est une bibliothèqe de chargements conditionnels.

    Voici un exemple :

    @@ -186,7 +186,7 @@ input.button { } }); -

    L'équipe de Modernizr fait une maintenance opportune de grande liste de « polyfills ». Prenez celui dont vous avez besoin.

    +

    L'équipe de Modernizr fait une maintenance opportune de grande liste de « polyfills ». Prenez celui dont vous avez besoin.

    Note : Modernizr a d'autres fonctionnalités remarquables pour faciliter le traitement du JavaScript non obstructif et les tecniques de simplifications élégantes. Prenez connaissance de  la documentation de Modernizr.

    diff --git a/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html b/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html index 6be720524c..273f26e5d5 100644 --- a/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html +++ b/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html @@ -17,7 +17,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra
    • Eliminer les espaces et les commentaires inutile.
    • -
      Déplacer le script intégré (ou "inline scripts") et le code CSS dans des fichiers externes (un pour JavaScript, un pour CSS,...). Des outils tels que HTML Tidy peuvent automatiquement enlever les espaces de trop et les lignes vides à partir d'une source HTML valide. D'autres outils peuvent "compresser" JavaScript comme le libre YUIcompressor.
      +
      Déplacer le script intégré (ou "inline scripts") et le code CSS dans des fichiers externes (un pour JavaScript, un pour CSS,...). Des outils tels que HTML Tidy peuvent automatiquement enlever les espaces de trop et les lignes vides à partir d'une source HTML valide. D'autres outils peuvent "compresser" JavaScript comme le libre YUIcompressor.
    • Verifiez que votre site ne contient pas de code inutile ou de tags superflus. 
      @@ -32,7 +32,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra
      • Utilisez le moins d'images possible sur votre site (et de gif animés ofc). Preferez des boutons graphiques en CSS.
        • -
      • Compressez vos images (éviter les .png). Vous pouvez pour cela utiliser Gimp ou Imagemagik.
        • +
      • Compressez vos images (éviter les .png). Vous pouvez pour cela utiliser Gimp ou Imagemagik.
      • Preferez le CSS ou le JavaScript au flash: il ralenti le navigateur.
      @@ -50,9 +50,9 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra
      Plus d'informations:

      -    1. HTTP Conditional Get for RSS Hackers
      -    2. HTTP 304: Not Modified
      -    3. On HTTP Last-Modified and ETag

      +    1. HTTP Conditional Get for RSS Hackers
      +    2. HTTP 304: Not Modified
      +    3. On HTTP Last-Modified and ETag

      Réduire le nombre de scripts en ligne

      @@ -62,7 +62,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra

      L'utilisation de CSS modernes réduit la quantité de balisage, et peut réduire la nécessité de "spacer" les images, en termes de disposition, et peut très souvent remplacer des images de texte stylisé - qui "coutent" beaucoup plus que l'équivalent texte-et-CSS.
      Utiliser des balises valides a d'autres avantages. Tout d'abord, les navigateurs n'ont pas besoin d'effectuer de corrections d'erreurs lors de l'analyse du code HTML.
      - En outre, la validité du balisage permet la libre utilisation d'autres outils qui peuvent pré-traiter vos pages web. Par exemple, HTML Tidy  peut supprimer des espaces blancs et des balises facultatives, mais il refusera de s'exécuter sur une page avec des erreurs de balisage graves.

      + En outre, la validité du balisage permet la libre utilisation d'autres outils qui peuvent pré-traiter vos pages web. Par exemple, HTML Tidy  peut supprimer des espaces blancs et des balises facultatives, mais il refusera de s'exécuter sur une page avec des erreurs de balisage graves.

      Segmentez votre contenu

      @@ -107,9 +107,9 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra

      Liens connexes


      -     * Optimisez vos pages avec Yslow
      -     * Livre: "Speed Up Your Site" par Andy King
      -     * Site Optimization Tutorial (WebMonkey) (en anglais) 
      +     * Optimisez vos pages avec Yslow
      +     * Livre: "Speed Up Your Site" par Andy King
      +     * Site Optimization Tutorial (WebMonkey) (en anglais) 
          * Best Practices for Speeding Up Your Web Site (en anglais) 

       

      -- cgit v1.2.3-54-g00ecf