{"title":"Aksesibilitas","version":"6.0","locale":"id","docname":"internals/contributing/accessibility","url":"/id/6.0/internals/contributing/accessibility/","canonical":"https://djangodocs.dev/id/6.0/internals/contributing/accessibility/","summary":"Proyek Django berkomitmen untuk memastikan bahwa jaringan situs dibangun dengan Django dapat digunakan oleh semua orang, termasuk orang dengan disabilitas. Komponen…","html":"<h1>Aksesibilitas<a class=\"heading-anchor\" href=\"#accessibility\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h1>\n<p>Proyek Django berkomitmen untuk memastikan bahwa jaringan situs dibangun dengan Django dapat digunakan oleh semua orang, termasuk orang dengan disabilitas. Komponen bawaan Django, seperti antarmuka admin dan formulir membangun awalan, harus mengikuti untuk membangun standar aksesibilitasdan memmenuhi sasaran kami untuk mendukung perangkat masukan tertentu dan membantu teknologi,</p>\n<section id=\"accessibility-standards\">\n<span id=\"id1\"></span><h2>Standar aksesibiltas<a class=\"heading-anchor\" href=\"#accessibility-standards\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Kami berupaya untuk mematuhi <a class=\"reference external\" href=\"https://www.w3.org/TR/WCAG22/\">Web Content Accessibility Guidelines</a> (WCAG), versi 2.2, pada tingkatan AA. WCAG merupakan standar yang paling mapan untuk aksesibilitas web. <a class=\"reference external\" href=\"https://www.w3.org/WAI/WCAG22/quickref/?currentsidebar=%23col_overview&amp;levels=aaa\">AA-level guidelines</a> merupakan target kepatuhan hukum yang paling umum di seluruh dunia.</p>\n<p>Kami juga bertujuan untuk mengikuti praktik terbaik lainnya, seperti:</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> – kriteria yang lebih ketat yang melampaui level AA.</p></li>\n<li><p>Pedoman WCAG 3.0 yang akan datang – standar baru yang terus berkembang yang bertujuan untuk menyatukan dan meningkatkan versi WCAG sebelumnya.</p></li>\n<li><p><a class=\"reference external\" href=\"https://www.w3.org/TR/ATAG20/\">Authoring Tool Accessibility Guidelines</a> (ATAG) 2.0 – pedoman untuk perangkat lunak dan layanan yang digunakan untuk menghasilkan isi jaringan.</p></li>\n</ul>\n<p>Untuk mempelajari lebih lanjut tentang aksesibilitas tanpa langsung membahas standar, kami merekomendasikan <a class=\"reference external\" href=\"https://www.a11yproject.com/\">The A11Y Project</a>, sebuah upaya yang digerakkan oleh komunitas untuk mempermudah aksesibilitas digital.</p>\n</section>\n<section id=\"support-targets-and-testing\">\n<span id=\"accessibility-support-targets\"></span><h2>Target dukungan dan pengujian<a class=\"heading-anchor\" href=\"#support-targets-and-testing\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Di luar standar, kami ingin memastikan Django benar-benar berfungsi untuk orang-orang yang menggunakan berbagai perangkat input dan teknologi bantu. Hal ini bermanfaat untuk memastikan Django bekerja lebih baik <a class=\"reference external\" href=\"https://en.wikipedia.org/wiki/Curb_cut_effect\">for everyone</a>. Cara terbaik untuk melakukan ini secara efektif adalah dengan mempertimbangkan aspek aksesibilitas sebagai bagian dari perancangan fitur. Jika ragu, konsultasikan dengan pengguna yang bergantung pada teknologi bantu atau dengan pakar aksesibilitas. Anda dapat menghubungi <a class=\"reference external\" href=\"https://www.djangoproject.com/foundation/teams/#accessibility-team\">Accessibility team</a> melalui <a class=\"reference external\" href=\"https://forum.djangoproject.com/c/internals/accessibility/26\">Accessibility Django forum topic</a> atau melalui saluran <code class=\"docutils literal notranslate\"><span class=\"pre\">#accessibility</span></code> di <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>Pengujian dasar<a class=\"heading-anchor\" href=\"#testing-baseline\"><span class=\"visually-hidden\">Link to this heading</span><span aria-hidden=\"true\">#</span></a></h3>\n<p>Rancang UI dengan mempertimbangkan aksesibilitas, dan pengujian hanya akan diperlukan sebagai pengecekan akhir. Untuk antarmuka yang lebih kompleks, konsultasikan dengan kontributor lain untuk menentukan target pengujian. Hubungi  <a class=\"reference external\" href=\"https://www.djangoproject.com/foundation/teams/#accessibility-team\">Accessibility team</a> untuk mendapatkan dukungan dan mengoordinasikan pengujian.</p>\n<p>Selalu uji perubahan antarmuka pengguna dengan:</p>\n<ul class=\"simple\">\n<li><p>Keyboard-only navigation. Common issues include:</p>\n<ul>\n<li><p>Elemen interaktif tidak dapat diakses menggunakan tombol Tab atau tombol panah.</p></li>\n<li><p>An interactive element &quot;traps&quot; 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=\"/id/6.0/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\">Link to this heading</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\">Link to this heading</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> on the <a class=\"reference external\" href=\"https://chat.djangoproject.com\">Django Discord server</a>.</p></li>\n<li><p>The <a class=\"reference external\" href=\"https://forum.djangoproject.com/c/internals/accessibility/26\">Accessibility Django forum topic</a>.</p></li>\n<li><p><a class=\"reference external\" href=\"https://code.djangoproject.com/query?status=!closed&amp;keywords=~accessibility\">Accessibility issues on the ticket tracker</a>.</p></li>\n<li><p>Our <a class=\"reference external\" href=\"https://github.com/orgs/django/projects/7\">django accessibility improvements</a> project board.</p></li>\n<li><p>The <a class=\"reference external\" href=\"https://www.djangoproject.com/foundation/teams/#accessibility-team\">Accessibility team</a>.</p></li>\n</ul>\n</section>","rootId":"accessibility","toc":[{"title":"Standar aksesibiltas","anchor":"accessibility-standards","children":[]},{"title":"Target dukungan dan pengujian","anchor":"support-targets-and-testing","children":[{"title":"Pengujian dasar","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":"Dalam Django","url":"/id/6.0/internals/"},{"docname":"internals/contributing/index","title":"Membantu untuk Django","url":"/id/6.0/internals/contributing/"},{"docname":"internals/contributing/writing-code/index","title":"Kode bantuan","url":"/id/6.0/internals/contributing/writing-code/"}],"prev":{"docname":"internals/contributing/writing-code/javascript","title":"Kode JavaScript","url":"/id/6.0/internals/contributing/writing-code/javascript/"},"next":{"docname":"internals/contributing/committing-code","title":"Memperbaiki kode","url":"/id/6.0/internals/contributing/committing-code/"},"formats":{"html":"/id/6.0/internals/contributing/accessibility/","markdown":"/id/6.0/internals/contributing/accessibility.md","json":"/id/6.0/internals/contributing/accessibility.json"},"source":"https://github.com/django/django/blob/stable/6.0.x/docs/internals/contributing/accessibility.txt","official":"https://docs.djangoproject.com/id/6.0/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"]}