Wikipedia:Pedoman gaya/Aksesibilitas: Perbedaan antara revisi

<!--{{redirect|WP:AKSES|access keys|Wikipedia:Keyboard shortcuts|access to editing privileges|Wikipedia:User access levels|accessibility of sources|Wikipedia:Published}}

{{see also|Wikipedia:Alternative text for images}}-->

 

Aksesibilitas web adalah tujuan untuk membuat suatu halaman web lebih mudah dibaca dan ditelusuri. Meskipun terutama dimaksudkan untuk membantu mereka yang mempunyai [[disabilitas]], juga dapat memberi manfaat bagi semua pembaca. Pelaksanaannya mengacu kepada panduan [[:En:Web Content Accessibility Guidelines|WCAG]] 2.0 (yaitu [[Organisasi Internasional untuk Standardisasi|ISO]]/IEC 40500:2012) yang menjadi dasar usulan-usulan berikut ini. Artikel-artikel yang mengikuti panduan ini akan lebih mudah dibaca dan disunting oleh siapa saja.

Judul bagian harus dibuat bertingkat secara berurutan, dimulai dengan tingkat 2 (<code>==</code>), kemudian tingkat 3 (<code>===</code>) dan seterusnya (tingkat 1 tidak digunakan, karena ini merupakan judul halaman yang otomatis dibuat), juga tidak boleh dipakai sembarang urutan (misalnya dipakai untuk penekanan, bukan sebagai judul bagian), maupuan tidak boleh diloncati urutannya.

 

 

{| class="wikitable"

Dalam suatu artikel, jangan menggunakan [[:en:strikethrough|"garis coret tengah"]] untuk menghapus teks yang tidak disetujui. Lebih baik diberi komentar dengan <nowiki>"<!--" and "-->"</nowiki> atau dihapus sama sekali. Secara otomatis, kebanyakan pembaca layar tidak mengindikasikan atribut presentasi teks (cetak tebal, cetak miring, garis bawah) atau bahkan atribut semantik teks (penekanan/''emphasis'', penting, penghapusan), sehingga teks yang dicoret tengah dibaca normal seperti teks lain. (Para penyunting yang berpartisipasi dalam debat kebijakan dan penghapusan pada Wikipedia dianjurkan untuk menyalakan penyuaraan atribut teks bilamana menerapkannya, mengingat pencoretan teks sangat umum terjadi pada diskusi internal Wikipedia).

 

# Berikan "[[transliterasi]]" atau "alih aksara" untuk semua teks yang ditulis dalam sistem yang tidak menggunakan huruf Latin, tetapi karakter bukan Latin itu penting dalam konteks asalnya, misalnya, nama orang, tempat, benda, dsb.

# Jangan menggunakan simbol yang tak terlafalkan sepertu ♥ (simbol "hati"); sebaliknya, gunakan gambar dengan teks alt.<ref>{{Cite web | url = http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F26.html| title = F26: Failure of Success Criterion 1.3.3 due to using a graphical symbol alone to convey information| work = Techniques for WCAG 2.0 | accessdate=1 January 2011|publisher = [[W3C]]}}</ref>

 

Jangan menggunakan teknik-teknik yang membutuhkan interaksi untuk menyampaikan informasi, seperti ''tooltip'' atau teks "melayang" lainnya. Singkatan-singkatan tidak tercakup dalam persyaratan ini, sehingga templat {{t|abbr}} dapat digunakan untuk mengindikasikan bentuk kepanjangan dari suatu kata.

Jangan menyisipkan tanda baris baru di dalam suatu kaliman, karena ini akan menyulitkan penyuntingan dengan pembaca layar. Baris baru tunggal dapat diberikan di akhir suatu kalimat, yang dapat membantu para penyunting.

 

 

== Bahasa-bahasa asing ==

{{See also|Wikipedia:Manual of Style/Text formatting#Foreign terms|Category:Multilingual support templates}}

-->

== Pranala ==

 

# Jangan menggunakan karakter [[Unicode]] seperti ikon; sebaiknya gunakan ikon dengan teks alt. Misalnya, sebuah karakter seperti "→" tidak dapat direproduksi menjadi teks yang terbaca oleh sebuah [[:en:screen reader|pembaca layar]], dan biasanya dibaca sebagai "tanda tanya".

 

<!--{{Also|Help:Using colours|Wikipedia:Manual of Style/Text formatting#Color|WP:Link color}}

{{About|the use of colors in articles|the civility essay dealing with colors|Wikipedia:Don't edit war over the colour of templates|section=yes}}

 

'''Warna''' paling banyak dijumpai dalam artikel-artikel Wikipedia di dalam [[:en:Wikipedia:Template namespace|templat]] dan [[:en:Wikipedia:How to use tables|tabel]]. Untuk melihat warna-warna yang tersedia, lihat [[Daftar warna]]. Untuk bantuan teknis penggunaan warna, lihat [[:en:Help:Using colours|Bantuan:Penggunaan warna]].

** The [http://www.paciellogroup.com/resources/contrastAnalyser#download Color Contrast Analyser] enables you to pick colors on the page, and review their contrast thoroughly. However, be sure to only use the up-to-date "luminosity" algorithm, and not the "color brightness/difference" which is outdated.

** You can also use [http://snook.ca/technical/colour_contrast/colour.html Snook's color contrast tool], which is entirely up-to-date.

** [http://colorbrewer2.org/ Color Brewer 2.0] provides safe color schemes for maps and detailed explanations.

** [http://colorfilter.wickline.org/?j=1;t=a Colorfilter.wickline.org] or [http://www.vischeck.com/vischeck/vischeckURL.php vischeck.com] are tools for simulating color blind vision.

{{Overcolored}}

 

== Elemen blok ==

=== Daftar ===

{{shortcut|WP:LISTGAP|WP:LISTGAPS}}

Jangan memisahkan butir-butir isi dalam daftar, termasuk butir isi dalam suatu [[:en:definition list|daftar definisi]] (suatu daftar yang dibuat dengan pengarahan tanda titik koma dan titik dua) atau suatu [[:en:unordered list|daftar tak teratur]], dengan membiarkan batas baris kosong atau kolom tabular di antara isi, karena ini menyebabkan [[MediaWiki]] untuk mengakhiri suatu daftar dan memulai daftar baru. Hal ini menyebabkan pembaca layar mengira ada banyak daftar padahal hanya ada satu. Suatu daftar dimaksudkan untuk mengelompokkan elemen-elemen yang berjenis sama, dan memisahkan kelompok-kelompok ini akan mengacaukan pengguna pembaca layar. Format yang tidak tepat dapat menyebabkan lebih dari tiga kali lipat waktu yang dibutuhkan untuk membaca daftar.

 

==== Indentasi ====

Tanda titik dua di awal baris memberi indent pada baris itu. Ini digunakan, misalnya, untuk mengindikasikan jawaban diskusi pada halaman pembicaraan. Indentasi ini diperoleh menggunakan daftar definisi HTML.<!-- This is not ideal for accessibility nor semantics, but is currently in wide practice. Blank lines should not be used between indented lines as they are currently rendered as the end of a list and the start of a new one. If a space is needed, insert an extra line consisting of the same number of colons.

-->

Untuk daftar vertikal dengan bullet, jangan memisahkan setiap butir isi dengan memberi baris kosong di antaranya. Jika setiap butir isi dalam daftar dipisahkan oleh satu atau lebih baris kosong, daftar [[WP:HTML|HTML]] akan berakhir sebelum baris baru, dan daftar HTML lain akan dibuka setelah baris baru. Hal ini akan memisahkan satu daftar menjadi daftar-daftar kecil pada pembaca layar. Misalnya untuk pengkodean:

 

 

 

</pre>

software itu akan menekan baris kosong sehingga tampak sebagai berikut:

 

 

 

 

Jangan memisahkan butir-butir isi dengan baris pemisah (<nowiki><br></nowiki>). Gunakan satu dari metode-metode berikut.

 

; Keterangan ( <code>|+</code> ): Suatu keterangan adalah judul tabel, menyatakan hakikatnya.<ref name="H39" group="WCAG-TECH">[http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/H39 H39: Using caption elements to associate data table captions with data tables], A accessibility level.</ref>

 

 

{{shortcut|WP:LTAB}}

For simple layouts tables can be an option. Especially if the only point of the table is to get a floating effect, then <code>align="right"</code> etc. will work with some browsers [[#Users with limited CSS/JavaScript support|not supporting CSS]] at all. This is in fact a verbose approximation of <code>&lt;div&gt;</code> plus CSS, and not the design sin known as (nested) "table layout".

 

However, to avoid accessibility barriers, when using tables for layout purposes do not use any caption, row, or column headers, and also no <code>summary</code> attribute. These structural table elements should be used only for data tables. Do not use structural elements for presentation purposes, use style sheets. For Wiki table markup this means to avoid "!" (= &lt;th&gt; in XHTML) in such cases:

<pre>

{| class="toccolours" style="width:94%"

|-

|-

|}

</pre>

== Gambar ==

-->

# Where possible, any charts or diagrams should have a text equivalent, or should be well-described so that users who are unable to see the image can gain some understanding of the concept.

# Detailed image descriptions, where not appropriate for an article, should be placed on the image description page, with a note saying that activating the image link will lead to a more detailed description.

=== Audio ===

Subtitle untuk percakapan, lirik lagu, dialog, dan sebagainya,<ref>{{Cite web| url = http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G158 | title = Providing an alternative for time-based media for audio-only content| work = Techniques for WCAG 2.0 | publisher = [[W3C]]| accessdate = 1 January 2011}}</ref> dapat dengan mudah ditambahkan pada berkas audio. Metodenya mirip dengan untuk video: [[:commons:Commons:Video#Subtitles and closed captioning]].

== Pilihan gaya dan markup ==

 

{{shortcut|WP:Deviations}}

 

 

 

It also creates a greater degree of professionalism by ensuring a consistent appearance between articles, and conformance to a style guide.

 

In general, articles should use [[wikimarkup]] in preference to the limited set of allowed HTML elements. In particular, do not use the HTML style tags {{tag|i|o}} and {{tag|b|o}} to format text; it is preferable to use Wiki markup '''<nowiki>''</nowiki>''' or '''<nowiki>'''</nowiki>''', or logical style tags. Of course there are natural exceptions: it may be beneficial to use {{tag|u|o}} tags to indicate something like an example of an unclickable link. The {{tag|font|o}} tag should also be avoided in article text; use logical style tags like {{tag|em|o}}, {{tag|code|o}}, or {{tag|strong|o}} to emphasise semantic differences. Use the {{tag|small|o}} semantic tag and the {{tl|big}} template to change font size, rather than setting it explicitly with the <code>font-size=</code> style attribute.

{{anchor|Users with limited CSS/JavaScript support}}<!--Old name, misusing slash; may be linked to from somewhere.-->

 

 

To accommodate these considerations, test any potentially disruptive changes with JavaScript or CSS disabled. In Firefox or Chrome, this can be done easily with the Web Developer extension; JavaScript can be disabled in IE in the "Options" screen. Be particularly careful with inline CSS effects, which are not supported by several browsers, media, and XHTML versions.

-->

== Lihat pula ==

<!--{{Wikipedia books|Wikipedia Manual of Style}}

* [[Wikipedia:Kebijakan dan pedoman]] adalah pusat kebijakan dan pedoman.

* [[Wikipedia:Panduan menulis artikel yang lebih baik]], berisi panduan gaya dan nada penulisan yang disarankan di Wikipedia.

 

== Referensi ==

=== Umum ===

* {{cite book

}}

* {{cite web

* [http://www.w3.org/WAI/intro/accessibility.php Introduction to Web Accessibility], from [[Web Accessibility Initiative|WAI]]

* [https://bugzilla.wiki-indonesia.club/show_bug.cgi?id=367 MediaWiki bug 367: Markup accessibility issues (tracking)]

{{Kebijakan dan pedoman Wikipedia}}