{"title":"Accessibility","version":"5.2","locale":"fr","docname":"internals/contributing/accessibility","url":"/fr/5.2/internals/contributing/accessibility/","canonical":"https://djangodocs.dev/fr/5.2/internals/contributing/accessibility/","summary":"The Django project is committed to ensuring that websites built with Django are usable by everyone, including people with disabilities. Django’s built-in…","html":"<h1>Accessibility<a class=\"heading-anchor\" href=\"#accessibility\"><span class=\"visually-hidden\">Lien vers cette rubrique</span><span aria-hidden=\"true\">#</span></a></h1>\n<p>The Django project is committed to ensuring that websites built with Django are\nusable by everyone, including people with disabilities. Django’s built-in\ncomponents, such as the admin interface and default form rendering, should\nadhere to established accessibility standards and meet our own targets for\nsupporting specific input devices and assistive technologies.</p>\n<section id=\"accessibility-standards\">\n<span id=\"id1\"></span><h2>Accessibility standards<a class=\"heading-anchor\" href=\"#accessibility-standards\"><span class=\"visually-hidden\">Lien vers cette rubrique</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>We work to conform with the <a class=\"reference external\" href=\"https://www.w3.org/TR/WCAG22/\">Web Content Accessibility Guidelines</a> (WCAG),\nversion 2.2, at the AA level. WCAG is the most established standard for web\naccessibility. <a class=\"reference external\" href=\"https://www.w3.org/WAI/WCAG22/quickref/?currentsidebar=%23col_overview&amp;levels=aaa\">AA-level guidelines</a> are the most common legal compliance\ntarget worldwide.</p>\n<p>We also aim to follow other best practices, such as:</p>\n<ul class=\"simple\">\n<li><p>WCAG 2.2 <a class=\"reference external\" href=\"https://www.w3.org/WAI/WCAG22/quickref/?currentsidebar=%23col_overview&amp;levels=a%2Caa\">AAA-level guidelines</a> – stricter criteria that go beyond the AA\nlevel.</p></li>\n<li><p>The upcoming <a class=\"reference external\" href=\"https://www.w3.org/TR/wcag-3.0/\">WCAG 3.0</a> guidelines – a new, evolving standard that aims to\nunify and improve upon previous versions of WCAG.</p></li>\n<li><p><a class=\"reference external\" href=\"https://www.w3.org/TR/ATAG20/\">Authoring Tool Accessibility Guidelines</a> (ATAG) 2.0 – guidelines for\nsoftware and services that are used to produce web content.</p></li>\n</ul>\n<p>To learn more about accessibility without diving straight into standards, we\nrecommend <a class=\"reference external\" href=\"https://www.a11yproject.com/\">The A11Y Project</a>, a community-driven effort to make digital\naccessibility easier.</p>\n</section>\n<section id=\"support-targets-and-testing\">\n<span id=\"accessibility-support-targets\"></span><h2>Support targets and testing<a class=\"heading-anchor\" href=\"#support-targets-and-testing\"><span class=\"visually-hidden\">Lien vers cette rubrique</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Beyond standards, we want to make sure Django actually works for people using a\nwide range of input devices and assistive technologies. This has benefits to\nmake sure Django works better <a class=\"reference external\" href=\"https://en.wikipedia.org/wiki/Curb_cut_effect\">for everyone</a>. The best way to do this\neffectively is to take accessibility considerations into account as part of\ndesigning features. If in doubt, consult with users who rely on assistive\ntechnologies or with accessibility experts. You can reach out to the\n<a class=\"reference external\" href=\"https://www.djangoproject.com/foundation/teams/#accessibility-team\">Accessibility team</a> via the <a class=\"reference external\" href=\"https://forum.djangoproject.com/c/internals/accessibility/26\">Accessibility Django forum topic</a> or via the\n<code class=\"docutils literal notranslate\"><span class=\"pre\">#accessibility</span></code> channel on the <a class=\"reference external\" href=\"https://chat.djangoproject.com\">Django Discord server</a>.</p>\n<section id=\"testing-baseline\">\n<span id=\"accessibility-testing-baseline\"></span><h3>Testing baseline<a class=\"heading-anchor\" href=\"#testing-baseline\"><span class=\"visually-hidden\">Lien vers cette rubrique</span><span aria-hidden=\"true\">#</span></a></h3>\n<p>Design the UI with accessibility in mind, and the testing will only be needed\nas a final check. For more complex interfaces, confer with other contributors\nto decide on testing targets. Reach out to the <a class=\"reference external\" href=\"https://www.djangoproject.com/foundation/teams/#accessibility-team\">Accessibility team</a> for\nsupport and to coordinate testing.</p>\n<p>Always test user interface changes with:</p>\n<ul class=\"simple\">\n<li><p>Keyboard-only navigation. Common issues include:</p>\n<ul>\n<li><p>An interactive element can’t be reached using the Tab or arrow keys.</p></li>\n<li><p>An interactive element « traps » input focus and prevents navigating away.</p></li>\n<li><p>An interactive element doesn’t give a visible indication when it has input\nfocus.</p></li>\n<li><p>The focus order is inconsistent with the logical order that’s communicated\nvisually.</p></li>\n</ul>\n</li>\n<li><p>The <a class=\"reference external\" href=\"https://accessibilityinsights.io/\">Accessibility Insights</a> browser extension’s automated checks feature,\nor an equivalent tool with the <a class=\"reference external\" href=\"https://github.com/dequelabs/axe-core\">Axe</a> checker.</p></li>\n</ul>\n<p>Where the UI changes could affect those modalities, also test with:</p>\n<ul class=\"simple\">\n<li><p>Touch-only navigation. Common issues include:</p>\n<ul>\n<li><p>A touch target (interactive element) is too small.</p></li>\n<li><p>Hover-based based interaction which does not translate to touch, such as a\nhover only tooltip.</p></li>\n</ul>\n</li>\n<li><p>400% browser zoom. Common issues include:</p>\n<ul>\n<li><p>Content is cut off or disappears when zoomed.</p></li>\n<li><p>Content that does not inherently require a two-dimensional layout causes\nscrolling in both directions (vertical and horizontal). Two-dimensional\nscrolling is acceptable for content like images, maps, videos, and data\ntables, which require both dimensions to be usable.</p></li>\n</ul>\n</li>\n<li><p>Forced-colors mode (for example Windows Contrast Themes). Note that this can\nbe tested via the <code class=\"docutils literal notranslate\"><span class=\"pre\">&quot;high_contrast&quot;</span></code> mode in the <a class=\"reference internal\" href=\"/fr/5.2/internals/contributing/writing-code/unit-tests/#screenshot-tests\"><span class=\"std std-ref\">screenshot tests</span></a>. Common issues include:</p>\n<ul>\n<li><p>Over-reliance on color for meaning, which is lost in forced-colors mode.</p></li>\n<li><p>Use of <code class=\"docutils literal notranslate\"><span class=\"pre\">!important</span></code> or inline styles may break forced-colors mode.</p></li>\n</ul>\n</li>\n</ul>\n</section>\n<section id=\"recommended-assistive-technologies\">\n<span id=\"assistive-technologies\"></span><h3>Recommended assistive technologies<a class=\"heading-anchor\" href=\"#recommended-assistive-technologies\"><span class=\"visually-hidden\">Lien vers cette rubrique</span><span aria-hidden=\"true\">#</span></a></h3>\n<p>Where the UI changes could affect assistive technologies, here are popular free\noptions we recommend testing with.</p>\n<p>For Windows:</p>\n<ul class=\"simple\">\n<li><p><a class=\"reference external\" href=\"https://www.nvaccess.org/\">NVDA</a> - recommended with Firefox ESR</p></li>\n<li><p><a class=\"reference external\" href=\"https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1\">Narrator</a> - recommended with Microsoft Edge</p></li>\n<li><p>Windows Magnifier</p></li>\n<li><p>Windows Speech Recognition</p></li>\n<li><p><a class=\"reference external\" href=\"https://support.microsoft.com/en-us/windows/change-color-contrast-in-windows-fedc744c-90ac-69df-aed5-c8a90125e696\">Contrast themes</a></p></li>\n</ul>\n<p>For macOS:</p>\n<ul class=\"simple\">\n<li><p><a class=\"reference external\" href=\"https://support.apple.com/en-gb/guide/voiceover-guide/welcome/web\">VoiceOver</a> - recommended with Safari</p></li>\n<li><p>macOS Zoom</p></li>\n<li><p>macOS Voice Control</p></li>\n</ul>\n<p>For Linux:</p>\n<ul class=\"simple\">\n<li><p><a class=\"reference external\" href=\"https://help.gnome.org/users/orca/stable/\">Orca</a> - recommended with Firefox ESR</p></li>\n</ul>\n<p>For mobile or tablet:</p>\n<ul class=\"simple\">\n<li><p>VoiceOver on iOS, or TalkBack on Android</p></li>\n</ul>\n<p>The following are popular licensed options. If you are a user of these, or can\nwork with a user holding a license, also test against:</p>\n<ul class=\"simple\">\n<li><p><a class=\"reference external\" href=\"https://www.freedomscientific.com/products/software/jaws/\">JAWS</a> on Windows</p></li>\n<li><p><a class=\"reference external\" href=\"https://www.nuance.com/en-gb/dragon.html\">Dragon</a> on Windows</p></li>\n</ul>\n</section>\n</section>\n<section id=\"known-issues-and-how-to-help\">\n<span id=\"accessibility-known-issues-how-to-help\"></span><h2>Known issues and how to help<a class=\"heading-anchor\" href=\"#known-issues-and-how-to-help\"><span class=\"visually-hidden\">Lien vers cette rubrique</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>There are parts of Django that do not meet our accessibility targets. We\nactively work on fixing issues, both as part of ongoing maintenance and bigger\noverhauls. To learn about known issues, and get involved, see:</p>\n<ul class=\"simple\">\n<li><p><code class=\"docutils literal notranslate\"><span class=\"pre\">#accessibility</span></code> sur le <a class=\"reference external\" href=\"https://chat.djangoproject.com\">serveur Discord de Django</a>.</p></li>\n<li><p>Le <a class=\"reference external\" href=\"https://forum.djangoproject.com/c/internals/accessibility/26\">sujet Accessibility sur le forum Django</a>.</p></li>\n<li><p><a class=\"reference external\" href=\"https://code.djangoproject.com/query?status=!closed&amp;keywords=~accessibility\">Les tickets Accessibility sur le système de suivi des tickets</a>.</p></li>\n<li><p>Notre comité de projet <a class=\"reference external\" href=\"https://github.com/orgs/django/projects/7\">améliorations de l’accessibilité de Django</a>.</p></li>\n<li><p>L”<a class=\"reference external\" href=\"https://www.djangoproject.com/foundation/teams/#accessibility-team\">équipe d’accessibilité</a>.</p></li>\n</ul>\n</section>","rootId":"accessibility","toc":[{"title":"Accessibility standards","anchor":"accessibility-standards","children":[]},{"title":"Support targets and testing","anchor":"support-targets-and-testing","children":[{"title":"Testing baseline","anchor":"testing-baseline","children":[]},{"title":"Recommended assistive technologies","anchor":"recommended-assistive-technologies","children":[]}]},{"title":"Known issues and how to help","anchor":"known-issues-and-how-to-help","children":[]}],"breadcrumbs":[{"docname":"internals/index","title":"Fonctionnement interne du projet Django","url":"/fr/5.2/internals/"},{"docname":"internals/contributing/index","title":"Contribuer à Django","url":"/fr/5.2/internals/contributing/"},{"docname":"internals/contributing/writing-code/index","title":"Contribution au code","url":"/fr/5.2/internals/contributing/writing-code/"}],"prev":{"docname":"internals/contributing/writing-code/javascript","title":"Code JavaScript","url":"/fr/5.2/internals/contributing/writing-code/javascript/"},"next":{"docname":"internals/contributing/committing-code","title":"Commit de code","url":"/fr/5.2/internals/contributing/committing-code/"},"formats":{"html":"/fr/5.2/internals/contributing/accessibility/","markdown":"/fr/5.2/internals/contributing/accessibility.md","json":"/fr/5.2/internals/contributing/accessibility.json"},"source":"https://github.com/django/django/blob/stable/5.2.x/docs/internals/contributing/accessibility.txt","official":"https://docs.djangoproject.com/fr/5.2/internals/contributing/accessibility/","inVersions":["6.1","6.0","5.2"],"inLocales":["en","sv","zh-hans","ga","fr","ja","id","it","pt-br","ko","es","el","pl"]}