From faa96e657621455284245018b8a3b5050b613e6b Mon Sep 17 00:00:00 2001 From: julieng Date: Sun, 14 Nov 2021 14:30:47 +0100 Subject: convert content to md --- .../accessibility_troubleshooting/index.md | 124 +- .../accessibility/css_and_javascript/index.md | 380 +- .../index.md | 85 +- files/fr/learn/accessibility/html/index.md | 782 ++-- files/fr/learn/accessibility/index.md | 58 +- files/fr/learn/accessibility/mobile/index.md | 370 +- files/fr/learn/accessibility/multimedia/index.md | 405 +- .../learn/accessibility/wai-aria_basics/index.md | 536 ++- .../accessibility/what_is_accessibility/index.md | 214 +- .../available_text_editors/index.md | 627 +-- .../index.md | 206 +- .../common_questions/common_web_layouts/index.md | 144 +- .../design_for_all_types_of_users/index.md | 283 +- .../how_does_the_internet_work/index.md | 105 +- .../how_much_does_it_cost/index.md | 185 +- files/fr/learn/common_questions/index.md | 160 +- .../index.md | 138 +- .../set_up_a_local_testing_server/index.md | 170 +- .../thinking_before_coding/index.md | 276 +- .../upload_files_to_a_web_server/index.md | 166 +- .../common_questions/using_github_pages/index.md | 136 +- .../what_are_browser_developer_tools/index.md | 203 +- .../common_questions/what_are_hyperlinks/index.md | 115 +- .../what_is_a_domain_name/index.md | 204 +- .../learn/common_questions/what_is_a_url/index.md | 215 +- .../common_questions/what_is_a_web_server/index.md | 143 +- .../what_is_accessibility/index.md | 102 +- .../what_software_do_i_need/index.md | 329 +- .../building_blocks/a_cool_looking_box/index.md | 112 +- .../advanced_styling_effects/index.md | 357 +- .../backgrounds_and_borders/index.md | 375 +- .../css/building_blocks/box_model_tasks/index.md | 91 +- .../cascade_and_inheritance/index.md | 400 +- .../creating_fancy_letterheaded_paper/index.md | 127 +- .../css/building_blocks/debugging_css/index.md | 245 +- .../fundamental_css_comprehension/index.md | 165 +- .../handling_different_text_directions/index.md | 192 +- files/fr/learn/css/building_blocks/index.md | 106 +- .../building_blocks/overflowing_content/index.md | 159 +- .../selectors/attribute_selectors/index.md | 245 +- .../building_blocks/selectors/combinators/index.md | 160 +- .../learn/css/building_blocks/selectors/index.md | 287 +- .../pseudo-classes_and_pseudo-elements/index.md | 529 +-- .../selectors/type_class_and_id_selectors/index.md | 156 +- .../building_blocks/sizing_items_in_css/index.md | 149 +- .../css/building_blocks/styling_tables/index.md | 328 +- .../css/building_blocks/the_box_model/index.md | 435 ++- .../css/building_blocks/values_and_units/index.md | 456 +-- files/fr/learn/css/css_layout/flexbox/index.md | 385 +- .../learn/css/css_layout/flexbox_skills/index.md | 103 +- files/fr/learn/css/css_layout/floats/index.md | 370 +- .../fundamental_layout_comprehension/index.md | 108 +- files/fr/learn/css/css_layout/grids/index.md | 577 +-- files/fr/learn/css/css_layout/index.md | 97 +- .../fr/learn/css/css_layout/introduction/index.md | 653 ++-- .../css/css_layout/legacy_layout_methods/index.md | 626 +-- .../fr/learn/css/css_layout/media_queries/index.md | 452 +-- .../css/css_layout/multiple-column_layout/index.md | 403 +- files/fr/learn/css/css_layout/normal_flow/index.md | 120 +- files/fr/learn/css/css_layout/positioning/index.md | 491 +-- .../practical_positioning_examples/index.md | 411 +- .../css/css_layout/responsive_design/index.md | 353 +- .../css_layout/supporting_older_browsers/index.md | 254 +- .../learn/css/first_steps/getting_started/index.md | 319 +- .../css/first_steps/how_css_is_structured/index.md | 513 +-- .../learn/css/first_steps/how_css_works/index.md | 200 +- files/fr/learn/css/first_steps/index.md | 58 +- .../first_steps/using_your_new_knowledge/index.md | 133 +- .../fr/learn/css/first_steps/what_is_css/index.md | 142 +- .../fr/learn/css/howto/create_fancy_boxes/index.md | 140 +- files/fr/learn/css/howto/css_faq/index.md | 214 +- .../fr/learn/css/howto/generated_content/index.md | 65 +- files/fr/learn/css/howto/index.md | 101 +- files/fr/learn/css/index.md | 74 +- .../learn/css/styling_text/fundamentals/index.md | 719 ++-- files/fr/learn/css/styling_text/index.md | 42 +- .../learn/css/styling_text/styling_links/index.md | 354 +- .../learn/css/styling_text/styling_lists/index.md | 482 +-- .../styling_text/typesetting_a_homepage/index.md | 144 +- files/fr/learn/css/styling_text/web_fonts/index.md | 242 +- .../fr/learn/forms/advanced_form_styling/index.md | 670 ++-- .../forms/basic_native_form_controls/index.md | 886 +++-- files/fr/learn/forms/form_validation/index.md | 827 ++-- .../example_1/index.md | 115 +- .../example_2/index.md | 153 +- .../example_3/index.md | 78 +- .../example_4/index.md | 82 +- .../example_5/index.md | 81 +- .../how_to_build_custom_form_controls/index.md | 715 ++-- .../how_to_structure_a_web_form/example/index.md | 180 +- .../forms/how_to_structure_a_web_form/index.md | 525 +-- .../forms/html_forms_in_legacy_browsers/index.md | 244 +- files/fr/learn/forms/index.md | 86 +- .../index.md | 3972 ++++++++++---------- .../sending_and_retrieving_form_data/index.md | 405 +- .../sending_forms_through_javascript/index.md | 248 +- files/fr/learn/forms/styling_web_forms/index.md | 347 +- .../learn/forms/your_first_form/example/index.md | 88 +- files/fr/learn/forms/your_first_form/index.md | 290 +- files/fr/learn/front-end_web_developer/index.md | 204 +- .../css_basics/index.md | 359 +- .../dealing_with_files/index.md | 133 +- .../how_the_web_works/index.md | 116 +- .../html_basics/index.md | 292 +- .../fr/learn/getting_started_with_the_web/index.md | 46 +- .../installing_basic_software/index.md | 80 +- .../javascript_basics/index.md | 659 ++-- .../publishing_your_website/index.md | 135 +- .../the_web_and_web_standards/index.md | 186 +- .../what_will_your_website_look_like/index.md | 116 +- files/fr/learn/html/cheatsheet/index.md | 590 +-- .../add_a_hit_map_on_top_of_an_image/index.md | 160 +- .../howto/author_fast-loading_html_pages/index.md | 140 +- .../html/howto/define_terms_with_html/index.md | 175 +- files/fr/learn/html/howto/index.md | 159 +- .../learn/html/howto/use_data_attributes/index.md | 74 +- .../howto/use_javascript_within_a_webpage/index.md | 140 +- files/fr/learn/html/index.md | 58 +- .../advanced_text_formatting/index.md | 543 +-- .../creating_hyperlinks/index.md | 407 +- .../introduction_to_html/debugging_html/index.md | 279 +- .../document_and_website_structure/index.md | 475 +-- .../introduction_to_html/getting_started/index.md | 574 +-- .../html_text_fundamentals/index.md | 631 ++-- files/fr/learn/html/introduction_to_html/index.md | 68 +- .../marking_up_a_letter/index.md | 142 +- .../structuring_a_page_of_content/index.md | 130 +- .../the_head_metadata_in_html/index.md | 390 +- .../adding_vector_graphics_to_the_web/index.md | 233 +- .../images_in_html/index.md | 400 +- .../learn/html/multimedia_and_embedding/index.md | 64 +- .../mozilla_splash_page/index.md | 128 +- .../other_embedding_technologies/index.md | 383 +- .../responsive_images/index.md | 306 +- .../video_and_audio_content/index.md | 402 +- files/fr/learn/html/tables/advanced/index.md | 645 ++-- files/fr/learn/html/tables/basics/index.md | 853 ++--- files/fr/learn/html/tables/index.md | 34 +- .../html/tables/structuring_planet_data/index.md | 89 +- files/fr/learn/index.md | 246 +- files/fr/learn/index/index.md | 2 +- .../javascript/asynchronous/async_await/index.md | 362 +- .../choosing_the_right_approach/index.md | 482 +-- .../javascript/asynchronous/concepts/index.md | 152 +- files/fr/learn/javascript/asynchronous/index.md | 61 +- .../javascript/asynchronous/introducing/index.md | 261 +- .../javascript/asynchronous/promises/index.md | 767 ++-- .../asynchronous/timeouts_and_intervals/index.md | 802 ++-- .../build_your_own_function/index.md | 425 ++- .../building_blocks/conditionals/index.md | 607 +-- .../javascript/building_blocks/events/index.md | 633 ++-- .../javascript/building_blocks/functions/index.md | 478 ++- .../building_blocks/image_gallery/index.md | 187 +- files/fr/learn/javascript/building_blocks/index.md | 54 +- .../building_blocks/looping_code/index.md | 733 ++-- .../building_blocks/return_values/index.md | 230 +- .../client-side_storage/index.md | 1198 +++--- .../client-side_web_apis/drawing_graphics/index.md | 1213 +++--- .../client-side_web_apis/fetching_data/index.md | 482 +-- .../learn/javascript/client-side_web_apis/index.md | 46 +- .../client-side_web_apis/introduction/index.md | 297 +- .../manipulating_documents/index.md | 505 +-- .../client-side_web_apis/third_party_apis/index.md | 491 ++- .../video_and_audio_apis/index.md | 679 ++-- .../javascript/first_steps/a_first_splash/index.md | 660 ++-- .../learn/javascript/first_steps/arrays/index.md | 519 +-- files/fr/learn/javascript/first_steps/index.md | 72 +- .../fr/learn/javascript/first_steps/math/index.md | 570 ++- .../first_steps/silly_story_generator/index.md | 242 +- .../learn/javascript/first_steps/strings/index.md | 361 +- .../test_your_skills_colon__arrays/index.md | 95 +- .../first_steps/useful_string_methods/index.md | 362 +- .../javascript/first_steps/variables/index.md | 381 +- .../first_steps/what_is_javascript/index.md | 461 +-- .../first_steps/what_went_wrong/index.md | 363 +- files/fr/learn/javascript/index.md | 64 +- .../adding_bouncing_balls_features/index.md | 272 +- files/fr/learn/javascript/objects/basics/index.md | 302 +- files/fr/learn/javascript/objects/index.md | 68 +- .../learn/javascript/objects/inheritance/index.md | 309 +- files/fr/learn/javascript/objects/json/index.md | 326 +- .../javascript/objects/object-oriented_js/index.md | 386 +- .../objects/object_building_practice/index.md | 426 ++- .../javascript/objects/object_prototypes/index.md | 306 +- files/fr/learn/performance/css/index.md | 96 +- files/fr/learn/performance/html/index.md | 121 +- files/fr/learn/performance/index.md | 128 +- .../performance/measuring_performance/index.md | 118 +- files/fr/learn/performance/multimedia/index.md | 174 +- .../learn/performance/why_web_performance/index.md | 120 +- .../learn/server-side/django/admin_site/index.md | 399 +- .../django/development_environment/index.md | 507 +-- files/fr/learn/server-side/django/forms/index.md | 702 ++-- .../server-side/django/generic_views/index.md | 856 +++-- .../fr/learn/server-side/django/home_page/index.md | 533 ++- files/fr/learn/server-side/django/index.md | 104 +- .../learn/server-side/django/introduction/index.md | 327 +- files/fr/learn/server-side/django/models/index.md | 479 ++- .../server-side/django/skeleton_website/index.md | 422 +-- files/fr/learn/server-side/django/testing/index.md | 650 ++-- .../django/tutorial_local_library_website/index.md | 131 +- files/fr/learn/server-side/express_nodejs/index.md | 94 +- .../express_nodejs/introduction/index.md | 562 +-- .../first_steps/client-server_overview/index.md | 327 +- files/fr/learn/server-side/first_steps/index.md | 44 +- .../server-side/first_steps/introduction/index.md | 262 +- .../first_steps/web_frameworks/index.md | 324 +- .../first_steps/website_security/index.md | 181 +- files/fr/learn/server-side/index.md | 52 +- .../client-side_javascript_frameworks/index.md | 300 +- .../introduction/index.md | 459 ++- .../main_features/index.md | 457 +-- .../react_getting_started/index.md | 606 +-- .../react_todo_list_beginning/index.md | 511 +-- .../vue_getting_started/index.md | 451 +-- .../cross_browser_testing/accessibility/index.md | 1029 ++--- .../cross_browser_testing/html_and_css/index.md | 581 ++- .../cross_browser_testing/index.md | 44 +- .../cross_browser_testing/introduction/index.md | 238 +- .../cross_browser_testing/javascript/index.md | 597 ++- .../testing_strategies/index.md | 433 +-- files/fr/learn/tools_and_testing/github/index.md | 108 +- files/fr/learn/tools_and_testing/index.md | 30 +- .../command_line/index.md | 562 +-- .../understanding_client-side_tools/index.md | 32 +- 225 files changed, 37349 insertions(+), 37010 deletions(-) (limited to 'files/fr') diff --git a/files/fr/learn/accessibility/accessibility_troubleshooting/index.md b/files/fr/learn/accessibility/accessibility_troubleshooting/index.md index 4a9aea28fd..7d501db4fb 100644 --- a/files/fr/learn/accessibility/accessibility_troubleshooting/index.md +++ b/files/fr/learn/accessibility/accessibility_troubleshooting/index.md @@ -11,99 +11,97 @@ tags: translation_of: Learn/Accessibility/Accessibility_troubleshooting original_slug: Apprendre/a11y/Accessibility_troubleshooting --- -

{{LearnSidebar}}
- {{PreviousMenu("Learn/Accessibility/Mobile", "Learn/Accessibility")}}

+{{LearnSidebar}} +{{PreviousMenu("Learn/Accessibility/Mobile", "Learn/Accessibility")}} -

Dans l’évaluation de ce module, nous vous présentons un site simple, qui présente un certain nombre de problèmes d’accessibilité que vous devez diagnostiquer et résoudre.

+Dans l’évaluation de ce module, nous vous présentons un site simple, qui présente un certain nombre de problèmes d’accessibilité que vous devez diagnostiquer et résoudre. - - - - - - - - - - + + + + + + + + + +
Conditions préalables:Connaissances informatiques de base, une compréhension de base de HTML, CSS et JavaScript, une compréhension de la  previous articles in the course.
Objectif:Tester les connaissances de base sur les principes fondamentaux d'accessibilité.
Conditions préalables: + Connaissances informatiques de base, une compréhension de base de HTML, + CSS et JavaScript, une compréhension de la  previous articles in the course. +
Objectif: + Tester les connaissances de base sur les principes fondamentaux + d'accessibilité. +
-

Point de départ

+## Point de départ +Pour lancer cette évaluation, vous devez aller chercher le  [ZIP containing the files that comprise the example](https://github.com/mdn/learning-area/blob/master/accessibility/assessment-start/assessment-files.zip?raw=true). Décompressez le contenu dans un nouveau répertoire quelque part sur votre ordinateur local -

Pour lancer cette évaluation, vous devez aller chercher le  ZIP containing the files that comprise the example. Décompressez le contenu dans un nouveau répertoire quelque part sur votre ordinateur local

+Le site d'évaluation terminé devrait ressembler à ceci: -

Le site d'évaluation terminé devrait ressembler à ceci:

+![](assessment-site-finished.png) -

+Vous verrez quelques différences / problèmes avec l'affichage de l'état de départ de l'évaluation - ceci est principalement dû aux différences dans le balisage, ce qui cause des problèmes de style car le CSS n'est pas appliqué correctement. Ne vous inquiétez pas, vous allez résoudre ces problèmes dans les prochaines sections! -

Vous verrez quelques différences / problèmes avec l'affichage de l'état de départ de l'évaluation - ceci est principalement dû aux différences dans le balisage, ce qui cause des problèmes de style car le CSS n'est pas appliqué correctement. Ne vous inquiétez pas, vous allez résoudre ces problèmes dans les prochaines sections!

+## Résumé du projet -

Résumé du projet

+Pour ce projet, vous êtes présenté avec un site naturel fictif affichant un article "factuel" sur les ours. Dans l'état actuel des choses, plusieurs problèmes d'accessibilité se posent. Votre tâche consiste à explorer le site existant et à le réparer au mieux de vos capacités, en répondant aux questions ci-dessous. -

Pour ce projet, vous êtes présenté avec un site naturel fictif affichant un article "factuel" sur les ours. Dans l'état actuel des choses, plusieurs problèmes d'accessibilité se posent. Votre tâche consiste à explorer le site existant et à le réparer au mieux de vos capacités, en répondant aux questions ci-dessous.

+### Couleur -

Couleur

+Le texte est difficile à lire en raison du schéma de couleurs actuel. Pouvez-vous tester le contraste de couleurs actuel (texte / arrière-plan), en rapporter les résultats, puis le corriger en modifiant les couleurs attribuées? -

Le texte est difficile à lire en raison du schéma de couleurs actuel. Pouvez-vous tester le contraste de couleurs actuel (texte / arrière-plan), en rapporter les résultats, puis le corriger en modifiant les couleurs attribuées?

+### Semantic HTML -

Semantic HTML

+1. Le contenu n'est toujours pas très accessible - faites un rapport sur ce qui se passe lorsque vous essayez de naviguer à l'aide d'un lecteur d'écran. +2. Pouvez-vous mettre à jour le texte de l'article pour faciliter la navigation des utilisateurs de lecteurs d'écran? +3. La partie du menu de navigation du site ( `
`) pourrait être rendue plus accessible en la plaçant dans un élément sémantique HTML5 approprié. Lequel devrait-il être mis à jour? Faites la mise à jour. -
    -
  1. Le contenu n'est toujours pas très accessible - faites un rapport sur ce qui se passe lorsque vous essayez de naviguer à l'aide d'un lecteur d'écran.
    2. -
  2. Pouvez-vous mettre à jour le texte de l'article pour faciliter la navigation des utilisateurs de lecteurs d'écran?
    3. -
  3. La partie du menu de navigation du site ( <div class="nav"></div>) pourrait être rendue plus accessible en la plaçant dans un élément sémantique HTML5 approprié. Lequel devrait-il être mis à jour? Faites la mise à jour.
    4. -
+> **Note :** Vous devrez mettre à jour les sélecteurs de règles CSS qui attribuent aux balises le même style que les balises sémantiques. Une fois que vous avez ajouté des éléments de paragraphe, vous remarquerez que le style est meilleur. -
-

Note : Vous devrez mettre à jour les sélecteurs de règles CSS qui attribuent aux balises le même style que les balises sémantiques. Une fois que vous avez ajouté des éléments de paragraphe, vous remarquerez que le style est meilleur.

-
+### Les images -

Les images

+Les images sont actuellement inaccessibles aux utilisateurs de lecteur d'écran. Pouvez-vous réparer ceci? -

Les images sont actuellement inaccessibles aux utilisateurs de lecteur d'écran. Pouvez-vous réparer ceci?

+### Le lecteur audio -

Le lecteur audio

+1. Le lecteur  `