Izvorni kod stranice Nacrt:Wikipedija:Stilski priručnik/Pristupačnost

{{Stil|WP:SP/PRISTUPAČNOST|WP:SP/PRISTUP|WP:SP/SLEP}}
{{nutshell|Učinite članke pristupačnim svima. Ne prenosite podatke samo slikama i graficima. Slike treba da imaju opise. U tekstu, ne prenosite bitne podatke formatiranjem. U tabelama, ne prenosite podatke samo bojama.}}
<!-- {{Hutnota|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedija:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedija:Manual_of_Style/Lists#Description (definition, association) lists|actual description lists]] not just talk threads—see [[WP:Manual of Style/Glossaries/DD bug test cases]].}}{{Style|content}} -->[[Pristupačnost webu|Web pristupačnost]] je prilagođavanje web stranica tako da navigacija i čitanje budu lakši i pristupačniji svim korisnicima. Ovo je prvenstveno namenjeno da pomogne osobama sa različitim stepenima [[Invalidnost|invaliditeta]], ali može biti od pomoći svima. Cilj nam je da se pridržavamo [[Smernice za pristup web sadržaju|Smernica za pristupačnost web sadržaja]] 2.1{{efn|Prethodna verzija, -{WCAG 2.0}-, je takođe -{[[International Organization for Standardization|ISO]]}- standard — -{ISO/IEC 40500:2012}-.}} na kojima se zasnivaju sledeći predlozi. One stranice koje se pridržavaju ovoga je mnogo lakše čitati i uređivati.

Upravni odbor Fondacije ''Wikimedija'' je 14. januara 2006. godine doneo sledeću [[foundation:Resolution:Nondiscrimination|rezoluciju o nediskriminaciji]]: 

: {{redni citat|italic=yes|Fondacija ''Wikimedija'' zabranjuje diskriminaciju sadašnjih ili budućih korisnika i zaposlenih na osnovu rase, boje kože, pola, vere, nacionalnog porekla, starosti, invaliditeta, seksualne orijentacije ili bilo koje druge zakonom zaštićene karakteristike. Fondacija ''Wikimedija'' se obavezuje na princip jednakih mogućnosti, posebno u svim aspektima odnosa zaposlenih, uključujući zapošljavanje, administraciju plata, razvoj zaposlenih, unapređenje i transfer.}}

Fondacija nalaže da se ova politika {{redni citat|italic=yes|„ne sme ignorisati, zanemarivati ili umanjivati od strane rukovodioca ili službenika Fondacije, niti u lokalnim smernicama bilo kog projekta Wikimedije”}}.

== Struktura članka ==
Standardizovana struktura članaka poboljšava pristupačnost, jer omogućava korisnicima da znaju gde mogu da očekuju da se sadržaj koji ih zanima nalazi. Na primer, ako korisnik koji je slep ili slabovid traži veze za razjašnjavanje, višeznačne odrednice ili kratak opis i ne pronađe nijednu na vrhu stranice, znaće da ih nema i ne moraju da čitaju celu stranicu da bi otkrili da su na pogrešnoj stranici.<!--

Standarizacija strukture je ustaljena na Wikipediji, tako da je prosto dovoljno pratiti [[Wikipedija:Stilski priručnik/Raspored|Stilski priručnik/Raspored]] i [[Wikipedija:Stilski priručnik/Uvod|Stilski priručnik/Uvod]].
-->
=== Naslovi odeljaka ===
Naslovi treba da budu deskriptivni i u doslednom redosledu kako je definisano u [[Wikipedija:Stilski priručnik|Stilskom priručniku]].

Ugnezdite naslove redom po nivoima, počevši od nivoa 2 ( <code>==</code> ), zatim nivo 3 ( <code>===</code> ) i tako dalje. (Nivo 1 je automatski generisani naslov stranice). Ne preskačite delove sekvence, kao što je izbor nivoa za isticanje teksta; ovo nije svrha naslova.

U svrhu čitljivosti za urednike sa slabim vidom – samo u izvornom uređivaču – može se dodati jedan prazan red ispod svakog naslova, ali ne više od jednog; više od jednog praznog reda ispod naslova odeljka će prouzrokovati da se na prikazanoj stranici vidi dodatni prostor. Takođe treba uzeti u obzir kako se jedna prazna bela linija ispod naslova odeljaka može pojaviti na malom ekranu za određeni članak, jer mnogi urednici koriste mobilne uređaje za uređivanje, a samo jedan prazan red ispod zaglavlja zapravo može umanjiti čitljivost za ove urednike, za neke članke.
{| class="wikitable"
|+ style="padding-top: 10px;" | Primeri ispravne i neispravne upotrebe ugnežđenih naslova
! scope="col" style="background: PaleGreen;" | Ispravno
! scope="col" style="background: Pink;" | Nasumično/haotično
! scope="col" style="background: Pink;" | Preskakanje nivoa 
|- style="vertical-align: top;"
| style="width: 33%;" |<poem>
''[Uvodnik članka]''
<code>==Naslov==</code> ''[nivo 2]''
<code>===Podnaslov===</code> ''[3]''
<code>==Naslov==</code> ''[2]''
<code>===Podnaslov===</code> ''[3]''
<code>====Pod-podnaslov====</code> ''[4]''
<code>==Naslov==</code> ''[2]''</poem>
| style="width: 33%;" |<poem>
''[Uvodnik članka]''
<code>====Pod-podnaslov'''?'''====</code> ''[4]''
<code>===Podnaslov'''?'''===</code> ''[3]''
<code>==Naslov'''?'''==</code> ''[2]''
<code>==Naslov'''?'''==</code> ''[2]''
<code>====Pod-podnaslov'''?'''====</code> ''[4]''
<code>===Podnaslov'''?'''===</code> ''[3]''</poem>
| style="width: 33%;" |<poem>
''[Uvodnik članka]''
''[Nedostaje naslov drugog nivoa]''
<code>===Podnaslov'''?'''===</code> ''[3]''
<code>==Naslov==</code> ''[2]''
''[Nedostaje naslov trećeg nivoa]''
<code>====Pod-podnaslov'''?'''====</code> ''[4]''
<code>==Naslov==</code> ''[2]''</poem>
|}
Ne pravite pseudo-naslove zloupotrebljavajući tačku-zarez (rezervisano za liste opisa) i pokušajte da izbegnete korišćenje podebljanih oznaka. Čitači ekrana i druge pomoćne tehnologije mogu da koriste samo naslove koji imaju oznake naslova za navigaciju. Ako želite da smanjite veličinu tabele sadržaja (TOC), umesto toga koristite {{Tl|TOC limit}}. U slučajevima kada se {{Tl|TOC limit}} ne može koristiti zbog naslova nižeg nivoa na drugim mestima u članku, onda korišćenje podebljanog teksta za pod-pod-podnaslove izaziva najmanje smetnje za korisnike čitača ekrana. Ako uopšte koristite pseudo naslov znači da ste iscrpili sve druge opcije. To znači da je obu opciju treba veoma retko koristiti.
{| class="wikitable"
|+ style="padding-top: 10px;" |Primeri prihvatljive i netačne upotrebe pseudonaslova i opisnih lista
! scope="col" style="background: PaleGreen;" | Prihvatljivo
! scope="col" style="background: Pink;" | Neispravno 
|- style="vertical-align: top;"
| style="width: 50%;" |<poem>
''[Uvodnik članka]''
<code>==Naslov==</code> ''[nivo 2]''
<code>===Podnaslov===</code> ''[3]''
<code><nowiki>'''Pseudo-naslov'''</nowiki></code>
<code>==Naslov==</code> ''[2]''
<code>===Podnaslov===</code> ''[3]''
<code>====Pod-podnaslov====</code> ''[4]''
<code><nowiki>;Naziv koji prati:</nowiki></code>
<code><nowiki>:barem jedna definicija ili lista opisa</nowiki></code>
<code><nowiki>:i još opcionalnih stavki, praveći listu</nowiki></code>
</poem>
| style="width: 50%;" |<poem>
''[Uvodnik članka]''
<code>==Naslov==</code> ''[nivo 2]''
<code>===Podnaslov===</code> ''[3]''
<code><nowiki>'''Pseudo-naslov'''</nowiki></code>
<code>==Naslov==</code> ''[2]''
<code>===Podnaslov===</code> ''[3]''
<code><nowiki><small>==Pod-podnaslov==</small></nowiki></code> ''[2]''</poem>
|}

=== Plutajući elementi ===
<!-- {{Hutnota|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedija:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedija:Manual_of_Style/Lists#Description (definition, association) lists|actual description lists]] not just talk threads—see [[WP:Manual of Style/Glossaries/DD bug test cases]].}} -->

U vikikodu, plutajuće elemente (uključujući slike) treba postaviti u odeljak kojem pripadaju; ne stavljajte sliku na kraj prethodnog odeljka kako bi se pojavila u sledećem. (U zavisnosti od platforme, ređanje nekoliko slika pored relativno male količine teksta može dovesti do toga da određena slika bude gurnuta nadole u sledeći odeljak. Ipak, ovo nije problem pristupačnosti, pošto čitači ekrana uvek čitaju <code>alt=</code> svake slike na mestu gde je slika ''kodirana'').

=== Rezolucija ===
Članci na Wikipediji treba da budu dostupni čitaocima koji koriste uređaje sa malim ekranima kao što su mobilni uređaji ili čitaocima koji koriste monitore niske rezolucije. Na desktopu, ovo je ponekad problem u člancima sa više slika na obe strane ekrana; iako će niže rezolucije imati tendenciju da rastežu pasuse vertikalno, pomerajući slike u tom pravcu, pazite da ne dodajete slike ili drugi lebdeći sadržaj na obe strane ekrana istovremeno. Velike tabele i slike takođe mogu stvoriti probleme; ponekad je horizontalno pomeranje neizbežno, ali uzmite u obzir restrukturiranje širokih tabela kako bi se proširile vertikalno, a ne horizontalno.

== Tekst ==
Podrazumevano, većina [[Čitač ekrana|čitača ekrana]] ne označava atribute prezentacijskog teksta (podebljano, kurziv, podvučeno, monospace, precrtano) ili čak semantičke atribute teksta (naglasak, važnost, brisanje teksta), tako da se precrtani tekst čita normalno zajedno sa bilo kojim drugim tekstom. (Urednicima koji koriste čitače ekrana koji učestvuju u Wikipedijinim politikama i debatama o brisanju savetuje se da uključe obaveštenja o atributima teksta kada to rade, pošto je precrtani tekst veoma čest u internim diskusijama Wikipedije).

Pošto čitači ekrana obično ignorišu precrtavanje teksta, njegova retka upotreba u člancima (npr. za prikazivanje promena u tekstualnoj analizi) će izazvati probleme pristupačnosti i potpunu konfuziju ako je to jedina indikacija koja se koristi. Ovo se odnosi i na elemente {{Tag|s|o}} i {{Tag|del|o}} (zajedno sa njihovim odgovarajućim {{Tag|ins|o}}, koji se obično vizuelno prikazuju kao podvučeni), kao i na šablone koji ih koriste. Nemojte koristiti precrtavanje da biste prigovorili sadržaju za koji mislite da je neprikladan ili netačan. Umesto toga, komentarišite ga sa <code><nowiki><!--</nowiki></code> i <code><nowiki>--></nowiki></code> (tj. zagradama za komentare), uklonite ga u potpunosti ili koristite ugrađeni šablon za čišćenje/osporavanje i postavite pitanje na stranici za razgovor.

# Ne koristiti potencijalno nečitljive simbole kao na primer ♥ (simbol [[srce (simbol)|srca]]); umesto toga koristite slike sa alt tekstom.<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. 1. 2011. |publisher= [[World Wide Web Consortium]]}}</ref>
# Simboli koji mogu da izazovu probleme za čitače ekrana možda već imaju šablone koji proizvode sliku i alt tekst. Primer je simbol bodeža ({{tl|†}}).<!-- (see [[:Category:Single-image insertion templates]] for more) -->

Redosled znakova mora biti dovoljan da prenese semantičke aspekte teksta (i, po mogućnosti, druge slične oblike sadržaja); oslanjanje na prilagođene „specijalne simbole“ koje se razlikuju samo po svojstvima -{CSS}--a ili viki oznakama nije prihvatljivo. Na primer, ne sme se koristiti ćirilično ''-{S}-'' -{(С)}- umesto latiničnog ''-{C}-''.

Nemojte koristiti tehnike koje zahtevaju interakciju da bi se dobile informacije, kao što su opisi alata ili bilo koji drugi tekst koji „lebdi“. Skraćenice su izuzete od ovih zahteva, tako da se šablon {{Tlx|abbr}} (omotač za {{Tag|abbr|o}} element) može koristiti za označavanje dugačkog oblika skraćenice (uključujući akronim ili inicijalizam).

Nemojte umetati prelome redova unutar rečenice, jer to otežava uređivanje pomoću [[Čitač ekrana|čitača ekrana]]. Prelom jednog reda može da dolazi posle rečenice, što može pomoći nekim urednicima.

=== Veličina fonta ===
<!-- {{Crossreference|See also [[Wikipedija:Manual of Style/Lists#Unbulleted lists|Manual of Style: Lists § Unbulleted lists]].}} 
-->Smanjen ili uvećan font treba da se koristi štedljivo i obično se koristi kroz automatske elemenata stranice kao što su naslovi, zaglavlja tabele i standardizovani šabloni. Promene veličine su navedene kao procenat originalne veličine fonta, a ne kao apsolutna veličina u pikselima. Relativne veličine povećavaju pristupačnost za korisnike sa oštećenim vidom tako što im omogućavaju da postave podrazumevanu (veliku) veličinu fonta u podešavanjima pregledača. Apsolutne veličine uskraćuju korisnicima takvu mogućnost.

Izbegavajte korišćenje manjih veličina fonta u elementima stranice koji već koriste manju veličinu fonta, kao što je većina teksta u [[Wikipedija:Šabloni/Kutijice|infokutijama]], navigacionim kutijama i odeljcima sa referencama.{{efn|Uopšteno, infokutije i navigacione kutije prikazuju tekst na 88% veličine koja je uobičajena. Veličina u referencama je na 90% veličine. Ostale vrednosti se mogu pronaći na {{jez|en|[[MediaWiki:Common.css]]}}.}} To znači da oznake {{Tag|small}} i šabloni kao što su {{Tlx|small}} i {{Tlx|smalldiv}}, ne treba da se primenjuju na običan tekst unutar tih elemenata. Ni u kom slučaju rezultirajuća veličina fonta bilo kog teksta ne bi trebalo da padne ispod oko 85% podrazumevane veličine fonta stranice. Imajte na umu da -{HTML}- {{Tag|small}} oznaka ima semantičko značenje sitnog slova ili bočnih komentara;<ref>https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-small-element</ref> ne koristite ga za stilske promene.

== Drugi jezici ==
<!-- {{Hutnota|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedija:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedija:Manual_of_Style/Lists#Description (definition, association) lists|actual description lists]] not just talk threads—see [[WP:Manual of Style/Glossaries/DD bug test cases]].}}

 -->Reči ili fraze koje nisu na srpskohrvatskom treba da budu zatvorene u {{Tl|lang}}, koji koristi kodove jezika -{[[ISO 639]]}-, na sledeći način:

{{Tlx|Jez|fr|Assemblée nationale}}

što se prikazuje kao:

{{Jez|fr|Assemblée nationale}}

ili {{Tlx|Jez-fr|3=Assemblée nationale}}

što se prikazuje kao:

{{Jez-franc|Assemblée nationale}}.

'''Razlog''': {{Tnull|Jez}} dozvoljava alatkama za čitanje teksta da tekst pročitaju na tačnom jeziku.<ref>[http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/H58 H58: Using language attributes to identify changes in the human language], Techniques for WCAG 2.0, W3C, accessibility level: AA.</ref> <!-- Ima i druge svrhe, videti {{Section link|Template:Lang/doc|Rationale}} za listu benefita. -->

Nije neophodno niti poželjno umotavati ove konstrukcije u kurziv; šabloni {{Tlx|Jez}} i {{Tlx|Jez-xx}} su već automatski kurzivi. Ako tekst ne treba da se ispisuje u kurzivu — kao što su imena bendova — moguće je dodati {{Code|<nowiki>|iskošeno=ne</nowiki>}} da biste zamenili podrazumevano ponašanje.{{efn|Više detalja je dostupno na dokumentaciji šablona {{tl|Jez}}.}}

Imajte na umu da {{Strong|[[transliteracija|transliteracije]] treba da koriste {{Tl|Transl}}}}, izgovori treba da koriste {{Tl|IPA}}, {{Tl|Respell}} ili srodni šablon, a prevodi {{Tl|Prev}}. {{Tl|PIE}} je za [[Praindoevropski jezik|protoindoevropski jezik]].

Wikipedija ima niz [[:Kategorija:Šabloni za jezike|šablona specifičnih za neke jezike]] kao što su {{Tl|lang-zh}} i {{Tl|nihongo}}, koji korisnicima pružaju parametre šablona specifične za jezik, kao što su opcije za unos različitih metoda transliteracije. Iako nema svaki jezik svoj šablon, ponekad je bolje koristiti ove šablone za pojednostavljenje vikiteksta, umesto da se niže nekoliko instanci {{Tl|Jez}} i {{Tl|Transl}}.

== Linkovi ==

# Napravite dobre opise veza, posebno za spoljne veze (izbegavajte veze u stilu „klikni ovde !“ ili „[http://example.com/ ovo]“).<ref>{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G91.html|title=G91: Providing link text that describes the purpose of a link|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref><ref>{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F84|title=F84: Failure of Success Criterion 2.4.9 due to using a non-specific link such as "click here" or "more" without a mechanism to change the link text to specific text|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref>
# Nemojte koristiti [[Unicode|Unikod]] znakove kao ikone; umesto toga koristite sliku sa alternativnim tekstom. Na primer, neki [[Čitač ekrana|čitači ekrana]] ne mogu da reprodukuju znak poput „→“ (strelice na desno) u koristan tekst.

== Boja ==
[[Datoteka:Example of team color problem on Clive Churchill article.png|thumb|alt=Dva skrinšota sa interfejsovima punim teksta. Skrinšot na vrhu koristi crvenu, zelenu i plavu, dok onaj na dnu koristi skoro istu žutu boju za crvenu i zelenu, tako da je tekst jedva čitljiv. |Skrinšotovi koji prikazuju uticaj crveno-zelenog [[daltonizam|daltonizma]]]]
'''Boje''' se najčešće nalaze u člancima Wikipedije u okviru šablona i tabela.

Članci (i druge stranice) koji koriste boju treba da imaju na umu dostupnost, po sledećim smernicama: <!-- {{WCAG_web_safe_contrast_ratio.svg}} -->

* Pobrinite se da boja nije jedini metod prenošenja bitnih informacija. Naročito, ne koristite obojen tekst ili pozadine osim ako se ne koristi i drugi metod prenošenja informacije kao što su [[#Tekst|pristupačni simboli]] koji su i u legendi ili futnote. Bez toga, [[Oštećenje vida|slepim]] korisnicima ili korisnicima koji koriste ištampanu stranicu ili uređaj bez boja informacije neće biti prenesene;
* Linkovi treba da budu jasno prepoznatljivi čitaocima. Nemojte da bojite tekst plavo kako bi sakrili linkove;
* Neki čitaoci su delimično ili potpuno [[daltonizam|daltonisti]]. Pobrinite se da je kontrast teksta i pozadine barem na barem na AA nivou [[:en:Web Content Accessibility Guidelines|Smernica za pristup web sadržaju]] (-{WCAG}- 2.0), dok je poželjan AAA nivo;<!-- * Some readers of Wikipedija are partially or fully [[Color blindness|color-blind]] or visually impaired. Ensure the contrast of the text with its background reaches at least [[Web Content Accessibility Guidelines]] (WCAG) 2.0's AA level, and AAA level when feasible (see WCAG's [https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html "Understanding SC 1.4.3: Contrast (Minimum)"]). To use named CSS colors for text on a white background, refer to [[Wikipedija:Manual of Style/Accessibility/CSS colors for text on white]] for recommended colors. For other usage, here is a selection of tools that can be used to check that the contrast is correct: -->
** Možete koristiti par onlajn alatki za ovo, kao što su {{jez|en|iskošeno=ne|[[WebAIM]]}}-ov [https://webaim.org/resources/contrastchecker/ proveravač konstrasta] ili [https://whocanuse.com/ <span lang="en">WhoCanUse</span>] sajt, ili [https://snook.ca/technical/colour_contrast/colour.html Snukov proveravač kontrasta];
*** Postoje i druge alatke, ali proverite da li su ažurirane pre korišćenja. Neke alatke su zasnovane na -{WCAG}- 1.0 algoritmu, dok je sada standard -{WCAG}- 2.0. Ako alatka ne pominje da je zasnovana na -{WCAG}- 2.0, pretpostavite da je zastarela;
<!-- 
** The Wikimedia Foundation Design team [https://design.wikimedia.org/style-guide/visual-style_colors.html has provided a color palette] with colors being marked towards level AA conformance. It is used for all user-interface elements across products and in the main Wikimedia themes, desktop and mobile. However, it does not consider linked text.
** The table at [[Wikipedija:Manual of Style/Accessibility/Colors]] shows the results for 14 hues of finding the darkest or lightest backgrounds that are AAA-compliant against black text, white text, linked text and visited linked text.
** Google Chrome has a [https://a11ywins.tumblr.com/post/167324368213/google-chromes-color-contrast-debugger color contrast debugger] with visual guide and color-picker.
** The downloadable software [https://www.tpgi.com/color-contrast-checker/ 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.
* Additional tools can be used to help produce graphical charts and color schemes for maps and the like. These tools are not accurate means to review contrast accessibility, but they can be helpful for specific tasks.
** [https://paletton.com/ Paletton] (previously Color Scheme Designer) helps to choose a good set of colors for a graphical chart.
** [https://colorbrewer2.org/ Color Brewer 2.0] provides safe color schemes for maps and detailed explanations.
** [https://personal.sron.nl/~pault/#fig:scheme_light Light qualitative color scheme] provides a set of nine colors that work for color-blind users and with black text labels (among other palettes).
** There are some tools for simulating color-blind vision: [https://www.toptal.com/designers/colorfilter Toptal ColorFilter] (webpage analysis) and [https://www.color-blindness.com/coblis-color-blindness-simulator/ Coblis Color-blindness Simulator] (local file analysis). There are also browser extensions for webpage analysis: [https://addons.mozilla.org/en-US/firefox/addon/nocoffee/ NoCoffee] (Firefox)
** A very simple open-source tool that can be helpful for choosing contrasting colors is [https://colororacle.org/ Color Oracle], a "free color blindness simulator for Windows, Mac and Linux". It lets you view whatever is on your screen as it would be seen by someone with one of three types of color-blindness or in greyscale. 
* If an article overuses colors, and you don't know how to fix it yourself, you can ask for help from other editors. Place {{tl|Overcolored}} or {{tl|Overcoloured}} at the top of the article. -->

== Blok elementi ==

=== Spiskovi ===
Nemojte razdvajati stavke lista koristeći prazne redove ili prelome kolona tabele između njih. Ovo uključuje stavke u listi opisa (lista napravljena sa početnom tačkom-zarezom ili dvotačkom, što je takođe način na koji je većina diskusija na stranici za razgovor) ili uređena lista ili neuređena lista. Liste su namenjene grupisanju elemenata koji pripadaju zajedno, ali {{jez|en|[[MediaWiki]]}} će protumačiti prazan red kao kraj jedne liste i započeće novu listu. Prekomerni dupli prelomi izmeđi redova takođe ometaju [[Čitač ekrana|čitače ekrana]], koji će objaviti više lista kada je korisnik hteo da napravi samo jednu i stoga ti prelomi mogu da dovedu u zabludu ili zbune korisnike ovih programa. Takvo nepravilno formatiranje takođe može višestruko povećati vreme koje im je potrebno da pročitaju spisak.

Nemojte menjati tip obeleživača inicijalne liste (dvotačke, zvezdice ili heš znakova) u jednoj listi. Kada uvlačite tokom odgovaranja na neku objavu koji počinje bilo kojom mešavinom dvotačka i zvezdica i ponekad heš znakova, potrebno je kopirati bilo koju seriju tih znakova koja je gore korišćena i dodati još jedan takav znak. Alternativno, jednostavno [[Wikipedija:Uvlačenje redova|uvucite red]] i započnite novu diskusiju (tj. novu -{HTML}- listu).

Na primer, u diskusiji, {{Kvačica}} ovo je najbolja praksa:<syntaxhighlight lang="tid">
* Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
** Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
*** Čini mi se da je u duhu Wikipedije. —Korisnik:Primer1 
</syntaxhighlight>ili {{Kvačica}}, u diskusiji bez nabrajanja:<syntaxhighlight lang="tid">
: Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
:: Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
::: Čini mi se da je u duhu Wikipedije. —Korisnik:Primer1
</syntaxhighlight>Ovo {{Kvačica}} je takođe prihvatljiva praksa (da se potisne zvezdica na početak odgovora):<syntaxhighlight lang="text">
* Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
*: Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
*:: Čini mi se da je u duhu Wikipedije. —Korisnik:Primer1
</syntaxhighlight>Ali {{Xmark}} ne radite ovo (ne prebacujte tip sa liste za nabrajanje u listu opisa):<syntaxhighlight lang="text">
* Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
:: Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
*** Čini mi se da je u duhu Wikipedije. —Korisnik:Primer1
</syntaxhighlight>niti {{Xmark}} ovo (ne prebacujte tip sa spiska za nabrajanje u skisak opisa):<syntaxhighlight lang="text">
* Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
:* Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
</syntaxhighlight>niti {{Xmark}} ovo (ne ostavljajte prazne redove između stavki spiska):<syntaxhighlight lang="tid">
* Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 

** Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
</syntaxhighlight>niti {{Xmark}} ovo (ne skačite preko više od jednog nivoa):<syntaxhighlight lang="tid">
* Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
*** Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2
</syntaxhighlight>Ovo se uglavnom obeshrabruje:<syntaxhighlight lang="text">
: Podrška. Sviđa mi se ova ideja. —Korisnik:Primer1 
:* Imam pitanje: Šta ti se sviđa kod ove ideje? —Korisnik:Primer2

</syntaxhighlight>Umetanje zvezdice nepotrebno povećava složenost liste i čini da je veća verovatnoća da će ljudi koristiti pogrešne nivoe uvlačenja u svojim odgovorima. U ovom slučaju, bolje je koristiti samo dve tačke.

==== Više pasusa unutar stavki liste ====
Normalne oznake {{jez|en|MediaWiki}} liste su nažalost nekompatibilne sa normalnim označavanjem paragrafa {{jez|en|MediaWiki}}.

Da biste stavili više pasusa u istu stavku liste, {{Kvačica}} odvojite ih sa {{Tlx|pb}}:<syntaxhighlight lang="tid">
* Ovo je jedna stavka.{{pb}}Ovo je druga stavka
* Ovo je još jedna stavka.
</syntaxhighlight>Ovo se takođe može uraditi {{Kvačica}} sa eksplicitnim -{HTML}- oznakama za pasuse (obratite pažnju na završnu oznaku <code><nowiki></p></nowiki></code>):<syntaxhighlight lang="tid">
* Ovo je jedna stavka.<p>Ovo je novi paragraf u istoj stavci.</p>
* Ovo je druga stavka.
</syntaxhighlight>U oba slučaja to se mora uraditi {{Kvačica}} na jednoj liniji koda. Međutim, opciono možete koristiti trik umotavanja preloma linije koda u -{HTML}- komentar (koji ga potiskuje kao prelom izlazne linije), da biste bolje odvojili pasuse u prikazu koda:<syntaxhighlight lang="html">
* Ovo je jedna stavka.<!--
--><p>Ovo je novi paragraf u istoj stavki.</p>
* Ovo je druga stavka.
</syntaxhighlight>Ova tehnika se može koristiti {{Kvačica}} za različite oblike uključivanja blokova unutar stavke liste (jer su stavke liste tehnički blok elementi, koji mogu da sadrže druge blok elemente): <syntaxhighlight lang="html">
* Ovo je jedna stavka.<!--
--><p>Ovo je novi paragraf unutar ove stavke i sada ćemo citirati nekoga:</p><!--
-->{{talk quote block|Zamislite svet u kome svaka osoba ima slobodan pristup celokupnom ljudskom znanju.|Džimbo}}<!--
--><p>Ovo je zatvarajući paragraf u istoj stavki liste.</p>
* Ovo je druga stavka.
</syntaxhighlight>Imajte na umu da se svaki fensi šablon ne može koristiti na ovaj način (npr. neki ukrasni šabloni citata su zasnovani na tabeli, a {{jez|en|MediaWiki}} parser neće tretirati takve oznake kao da su unutar stavke liste).


Nemojte {{Xmark}} koristi prelome redova za simulaciju pasusa, jer imaju različitu semantiku:<syntaxhighlight lang="tid">
* Ovo je jedna stavka.<br>Ovo je isti paragraf sa prelomom reda pre njega.
* Ovo je druga stavka.
</syntaxhighlight>

Kod za lomljenje reda ( <code><nowiki><br></nowiki></code> ) je za korišćenje unutar paragrafa, kao npr. za stihove pesme ili blokova izvornog koda. <!-- See also the <code><poem></code> and <code><syntaxhighlight></code> {{jez|en|MediaWiki}} tags. -->

Definitivno nemojte {{Xmark}} pokušavati da koristite dvotačku da bi ste izjednačili nivoe uvlačenja, pošto (kao što je gore pomenuto) to proizvodi tri odvojene liste:<syntaxhighlight lang="tid">
* Ovo je jedna stavka prve liste.
: Ovo je potpuno druga lista
* Ovo je treća lista
</syntaxhighlight>Alternativno, možete {{Kvačica}} koristite jedan od šablona -{HTML}- liste da biste garantovali grupisanje. Ovo je najkorisnije za uključivanje blok elemenata, kao što je formatirani kod, u liste:<syntaxhighlight lang="wikitext">
{{bulleted list
|1=Ovo je jedna stavka:
<pre>
Ovo je neki kod.
</pre>
Ovo je još uvek deo prve stavke.
|2=Ovo je druga stavka.
}}
</syntaxhighlight>Ali ova tehnika se ne koristi na stranicama za razgovor.

==== Uvlačenje ====
Pristupačan pristup uvlačenju je šablon {{Tlx|block indent}} za sadržaj u više redova; koristi [[CSS]] za uvlačenje materijala. Za pojedinačne redove postoje različiti šabloni, uključujući {{Tlx|in5}} (univerzalni šablon, sa istim imenom na svim Wikimedijinim sajtovima); ove uvlake sa različitim razmacima. [[Wikipedija:Stilski priručnik|Nemojte zloupotrebljavati]] {{Tag|blockquote}} element ili šablone koji ga koriste (kao što je {{Tlx|blockquote}} {{Skraćenica|AKA|also known as}} {{Tlx|quote}} ) za vizuelno uvlačenje; oni su samo za direktno citirani materijal. Generička alternativa {{Tlx|block indent}} je kreirana za takve slučajeve bez navodnika, pa je koristite.

Dvotačka ( <code>:</code> ) na početku reda označava taj red u {{jez|en|MediaWiki}} parseru kao {{Tag|dd|o}} deo -{HTML}- liste opisa ({{Tag|dl|o}}).{{efn|-{HTML}- [[description list|liste opisa]] su se ranije zvale ''liste defnicija'' i ''liste asocijacija''. Struktura koda je ista, samo se ime promenilo između verzija -{HTML}--a.}} Vizuelni efekat u većini web pregledača je uvlačenje linije. Ovo se koristi, na primer, za označavanje odgovora u nizu diskusija na stranicama za razgovor. Međutim, samo ovoj oznaci nedostaje traženi {{Tag|dt|o}} (term) element liste opisa, na koji se odnosi {{Tag|dd|o}} (opis/definicija). Kao što se može videti pregledom koda poslatog pretraživaču, ovo dovodi do pokvarenog -{HTML}--a (tj. ne uspeva [[W3C Markup Validation Service|validacija]]<ref>{{Cite web|url=https://validator.w3.org/|title=Markup Validation Service: Check the markup (HTML, XHTML, …) of Web documents|date=2017|website=validator.w3.org|publisher=[[World Wide Web Consortium]]|access-date=December 13, 2017}} The validator failure reported is "<strong>Error</strong>: Element <code>dl</code> is missing a required child element."</ref> ). Rezultat je da će pomoćna tehnologija, kao što su čitači ekrana, objaviti listu opisa koja ne postoji, što je zbunjujuće za svakog posetioca koji ne koristi oštećene oznake Wikipedije. Ovo nije idealno za pristupačnost, semantiku ili ponovnu upotrebu, ali se trenutno često koristi, uprkos problemima koje izaziva korisnicima čitača ekrana.

{{Strong|Ne treba ostavljati prazne redove u uvučenim listama.}}, naročito u člancima. Softver će ovo čitati kao kraj jedne i početak druge liste. Ako je potreban prostor, postoje dva pristupa koja će imati različite rezultate za čitače ekrana:

Prvi je da dodate prazan red sa istim brojem dvotačaka kao i oni koji prethode tekstu iznad i ispod praznog reda. Ovo je prikladno kada dva urednika daju komentare odmah jedan iza drugog na istom nivou uvlačenja. Na primer:<pre>
: Potpuno se slažem. —Korisnik:Primer
:
: Baš mi i nije jasno. Jel ima neki drugi izvor za ovo? —Korisnik:Primer2
</pre>Ovo će čitaču ekrana reći da su ovo dve stavke liste (linija sa dve tačke bez teksta će biti zanemarena).

Drugi pristup, kada je materijal zamišljen da bude jedan komentar (ili druga stavka liste, npr. u tekstu članka) je da se koriste oznake novog pasusa na istoj izlaznoj liniji (pogledajte prethodni odeljak za napredne tehnike u ovom, da biste uključili složeni blokovi sadržaja):<pre>
: Tekst ovde.{{pb}}Još teksta. —Korisnik:Primer10
</pre>Da biste prikazali matematičku formulu ili izraz na sopstvenoj liniji, preporučuje se da <code><nowiki><math display="block">1 + 1 = 2</math></nowiki></code> koristi umesto <code><nowiki>:<math>1 + 1 = 2</math></nowiki></code>.<!-- {{Hutnota|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedija:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedija:Manual_of_Style/Lists#Description (definition, association) lists|actual description lists]] not just talk threads—see [[WP:Manual of Style/Glossaries/DD bug test cases]].}} -->

==== Vertikalne liste ====
===== Vertikalne liste sa zvezdicama =====
Problem sa praznim redovima je u tome što, ako su stavke liste odvojene sa više od jednog preloma reda, -{HTML}- lista će biti završena pre preloma reda, a druga -{HTML}- lista će biti otvorena nakon preloma reda. Ovo efektivno razbija ono što se vidi kao jedna lista na nekoliko manjih lista za one koji koriste [[Čitač ekrana|čitače ekrana]]. Na primer, za kodiranje:<pre>* Bela ruža
* Žuta ruža

* Ružičasta ruža

* Crvena ruža
</pre>softver delimično potiskuje razmake između redova i stoga izgleda ovako:

* Bela ruža
* Žuta ruža

* Ružičasta ruža

* Crvena ruža

ali će ga čitač ekrana pročitati kao: „Lista od 2 stavke: (zvezdica) Bela ruža, (zvezdica) Žuta ruža, kraj liste. Lista od 1 stavke: (zvezdica) Ružičasta ruža, kraj liste. Lista od 1 stavke: (zvezdica) Crvena ruža, kraj liste."

Ne razdvajajte stavke liste prelomima redova ({{Tag|br|s}}). Koristite {{Tl|plainlist}} / {{Tl|unbulleted list}} ako lista treba da ostane vertikalna; ili razmotrite {{Tl|flatlist}} / {{Tl|hlist}} ako bi se lista mogla bolje prikazati horizontalno (inline) kao što je opisano u sledeća dva odeljka.

===== Neoznačene vertikalne liste =====
Za liste bez nabrajanja koje se kreću niz stranicu, dostupni su šabloni {{Tl|plainlist}}     i {{Tl|unbulleted list}}, da bi se poboljšala pristupačnost i semantička smislenost označavanjem onoga što je jasno lista umesto uključivanja {{Tag|br|single}} prelomi redova, koji ne bi trebalo da se koriste—pogledajte gore. Razlikuju se samo po viki oznakama koje se koriste za kreiranje liste. Imajte na umu da pošto su ovo šabloni, tekst svake stavke liste ne može sadržati simbol vertikalne trake ( <code>|</code> ) osim ako nije zamenjen sa <code><nowiki>{{!}}</nowiki></code> ili se nalazi u oznakama {{Tag|nowiki}}. Slično tome, ne može da sadrži znak jednakosti ( <code>=</code> ), osim ako nije zamenjen sa <code><nowiki>{{=}}</nowiki></code> ili sadržan u okviru {{Tag|nowiki}}, mada ovo možete zaobići tako što ćete dati nazive parametrima ( <code>|1=</code>, <code>|2=</code> itd. ). Ako ovo postane prevelika gnjavaža, možda ćete moći da koristite varijantu koristeći {{Tl|endplainlist}} umesto toga. Unutar reference, možda će vam trebati {{Tl|unbulleted list citebundle}}.<div style="display:flex;flex-flow:row wrap;justify-content:space-evenly">
{| class="wikitable plainrowheaders"
|+Primer obične liste
! scope="col" style="width:11.7em;" | Vikitekst
! scope="col" style="width:11.7em;" | Prikazuje se kao
|-
! scope="row" |<pre style="line-height:1.2em;">{{plainlist |
* Bela ruža
* Žuta ruža
* Ružičasta ruža
* Crvena ruža
}}</pre>
| {{plainlist |
* Bela ruža
* Žuta ruža
* Ružičasta ruža
* Crvena ruža
}}
|}
{| class="wikitable plainrowheaders"
|+ Primer liste bez nabrajanja
! scope="col" style="width:11.7em;" | Vikitekst
! scope="col" | Prikazuje se kao
|-
! scope="row" |<pre style="line-height:1.2em;">{{unbulleted list
| Bela ruža
| Žuta ruža
| Ružičasta ruža
| Crvena ruža
}}</pre>
| {{unbulleted list
| Bela ruža
| Žuta ruža
| Ružičasta ruža
| Crvena ruža
}}
|}
</div>Alternativno, u šablonima kao što su navigacioni sandučići i slično, ili bilo koji odgovarajući kontejner, takve liste mogu biti stilizovane klasom „<code>plainlist</code>“, na ovaj način:{{Plainlist|* <code><nowiki>| listclass = plainlist</nowiki></code> or
* <code><nowiki>| bodyclass = plainlist</nowiki></code>}}U [[Wikipedija:Šabloni/Kutijice|infokutijama]] :{{Plainlist|* <code><nowiki>| rowclass = plainlist</nowiki></code> or
* <code><nowiki>| bodyclass = plainlist</nowiki></code>}}mogu se koristiti.<!-- 

{{Crossreference|See also [[Wikipedija:Manual of Style/Lists#Unbulleted lists|Manual of Style: Lists § Unbulleted lists]].}} -->

==== Horizontalne liste ====
Za liste koje se kreću preko stranice i u pojedinačnim redovima u [[Wikipedija:Šabloni/Kutijice|infokutijama]] i drugim tabelama, šabloni {{Tl|flatlist}} i {{Tl|hlist}} (za horizonalnu listu) su dostupni za poboljšanje pristupačnosti i semantičkog smisla. Ova funkcija koristi ispravne -{HTML}- oznake za svaku stavku liste, umesto da uključuje znakove za nabrajanje koje se, na primer, čitaju (npr. "tačka mačka tačka pas tačka konj tačka...") pomoćnim softverom koji koriste ljudi koji su slepi. Šabloni se razlikuju samo po viki-oznakama koje se koriste za kreiranje liste. Imajte na umu da kada se tekst prosleđuje ovim (ili bilo kojim drugim) šablonima, znak vertikalne trake ( {{Pipe}} ) treba da bude prikazan sa {{Tn|!}} {{Tn|!}}.<div style="display:flex;flex-flow:row wrap;justify-content:space-evenly">
{| class="wikitable plainrowheaders"
|+Primer flatlist-e
! scope="col" | Wikitekst
! scope="col" | Prikazuje se kao
|-
! scope="row" |<pre style="line-height:1.2em;">{{flatlist |
* Bela ruža
* Crvena ruža
** Ružičasta ruža
* Žuta ruža
}}</pre>
| {{flatlist |
* Bela ruža
* Crvena ruža
** Ružičasta ruža
* Žuta ruža
}}
|}
{| class="wikitable plainrowheaders"
|+ Primer hlist-e
! scope="col" | Wikitekst
! scope="col" | Prikazuje se kao
|-
! scope="row" |<pre style="line-height:1.2em;">{{hlist
| Bela ruža
| Crvena ruža
| Ružičasta ruža
| Žuta ruža
}}</pre>
| {{hlist
| Bela ruža
| Crvena ruža
| Ružičasta ruža
| Žuta ruža
}}
|}
</div>Alternativno, u šablonima kao što su navigacioni sandučići i slično, ili bilo kom odgovarajućem kontejneru, takve liste mogu biti stilizovane klasom <code>hlist</code>, na ovaj način:{{Plainlist|* <code><nowiki>| listclass = hlist</nowiki></code> ili
* <code><nowiki>| bodyclass = hlist</nowiki></code>}}U [[Wikipedija:Šabloni/Kutijice|infokutijama]] :{{Plainlist|* <code><nowiki>| rowclass = hlist</nowiki></code> ili
* <code><nowiki>| bodyclass = hlist</nowiki></code>}}mogu se koristiti.

==== Naslovi liste ====
Nepravilno korišćenje tačke-zareza da bi se napravilo lažno zaglavlje liste može da stvori rupu u listi. Umesto toga, možete da koristite oznake naslova.<div role="figure" style="display: inline-block; margin: 0 1em; width: 13em;">
<strong>{{Xmark}}1.</strong> <strong>Neispravan</strong><syntaxhighlight lang="tid">
; Plemeniti gasovi
* Helijum
* Neon
* Argon
* Kripton
* Ksenon
* Radon
</syntaxhighlight></div><div role="figure" style="display: inline-block; margin: 0 1em; width: 13em;">
<strong>{{Kvačica}}</strong> <strong>2.</strong> <strong>Naslov</strong><pre>
== Plemeniti gasovi ==
* Helijum
* Neon
* Argon
* Kripton
* Ksenon
* Radon
</pre></div>

=== Tabele ===
Čitači ekrana i drugi alati za pregledanje weba koriste specifične oznake tabele kako bi pomogli korisnicima da se kreću kroz podatke sadržane u njima.

Koristite ispravnu vikitable sintaksu cevi da biste iskoristili sve dostupne funkcije. Pogledajte [[metawiki:Help:Tables|meta:Pomoć:Tabele]] za više informacija o posebnoj sintaksi koja se koristi za tabele. Nemojte koristiti samo formatiranje, bilo iz -{CSS}--a ili čvrsto kodiranih stilova, za stvaranje semantičkog značenja (npr. promena boje pozadine).

Mnogi navigacioni sandučići, šabloni serija i [[Wikipedija:Šabloni/Kutijice|infokutije]] su napravljeni pomoću tabela.

Izbegavajte korišćenje {{Tag|br|s}} ili {{Tag|hr|s}} oznake u susednim ćelijama da emuliraju vizuelni red koji se ne odražava u strukturi -{HTML}- tabele. Ovo je problem za korisnike čitača ekrana koji čitaju tabele ćeliju po ćeliju, -{HTML}- red po -{HTML}- red, a ne vizuelni red po vizuelni red. <!-- Pristupačnost VikiProjekta/Pristupačnost infokutije se bavi ovim problemom. -->

==== Tabele podataka ====
<pre>
{|
|+ [Opis tabele]
|-
! scope="col" | [Zaglavlje kolone 1]
! scope="col" | [Zaglavlje kolone 2]
! scope="col" | [Zaglavlje kolone 3]
|-
! scope="row" | [Zaglavlje reda 1]
| [Ćelija 1,2] || [Ćelija 1,3]
|-
! scope="row" | [Zaglavlje reda 2]
| [Ćelija 2,2] || [Ćelija 2,3]
...
|}
</pre>

; Naslov ( <code>|+</code> )
: Naslov je naslov tabele, koji opisuje njenu prirodu.<ref name="H39">[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> Tabele sa podacima uvek treba da sadrže naslov.
; Zaglavlja redova i kolona (<code> !</code> )
: Kao i natpis, oni pomažu posetiocima da predstave informacije u logičnoj strukturi.<ref>{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/H51|title=H51: Using table markup to present tabular information|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref> Zaglavlja pomažu čitačima ekrana da prikažu informacije zaglavlja o ćelijama podataka. Na primer, informacije zaglavlja se izgovaraju pre podataka ćelije, ili se informacije zaglavlja daju na zahtev.<ref>{{Cite web|url=http://www.w3.org/TR/REC-html40/struct/tables.html#edef-TH|title=Table cells: The TH and TD elements|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref> Pošto se zaglavlje reda i kolone mogu izgovoriti pre podataka u svakoj ćeliji kada se krećete u režimu tabele, neophodno je da zaglavlja kolone i zaglavlja redova ''na jedinstven način identifikuju'' kolonu, odnosno red.<ref name="jaws">{{Cite web|url=https://www.freedomscientific.com/SurfsUp/Tables.htm|title=Tables with JAWS|publisher=Freedom Scientific|access-date=18 February 2021}}</ref>
; Opseg zaglavlja ( <code>! scope="col" |</code> i <code>! scope="row" |</code> )
: Ovo jasno identifikuje zaglavlja kao zaglavlja redova ili zaglavlja kolona. Zaglavlja se sada mogu povezati sa odgovarajućim ćelijama.<ref name="H63">{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/H63.html|title=H63: Using the scope attribute to associate header cells and data cells in data tables|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref>

Wikipedija:Priručnik za stil/pristupačnost/tabele sa podacima pruža detaljne zahteve o:

# Ispravni naslovi tabela
# Ispravna struktura zaglavlja
# Složene tabele
# Slike i boja
# Izbegavanje ugnežđenih tabela

==== Tabele rasporeda ====
Izbegavajte korišćenje tabela za vizuelno pozicioniranje netabelarnog sadržaja. Tabele podataka pružaju dodatne informacije i metode navigacije koje mogu biti zbunjujuće kada sadržaju nedostaju logički odnosi između redova i kolona. Umesto toga, koristite semantički odgovarajuće elemente ili <code>&#x3C; div &#x3E;</code> s i atribute <code>style</code>.

Kada koristite tabelu za pozicioniranje netabelarnog sadržaja, pomozite čitačima ekrana da ga identifikuju kao tabelu izgleda, a ne tabelu sa podacima. Postavite atribut <code>role="presentation"</code> na tabelu i nemojte postavljati nijedan atribut <code>summary</code>. Nemojte koristiti elemente <code>&#x3C; caption &#x3E;</code> ili <code>&#x3C; th &#x3E;</code> unutar tabele ili unutar bilo koje ugnežđene tabele. U označavanju viki tabele, to znači da ne koristite <code>|+</code> ili <code>!</code> prefiksi. Uverite se da je redosled čitanja sadržaja ispravan. Vizuelni efekti, kao što su centriranje ili podebljano pismo, mogu se postići pomoću stilskih listova ili semantičkih elemenata. Na primer:<pre>
{| role="presentation" class="toccolors" style="width:94%"
|-
| colspan="2" style="text-align: center; background-color: #ccf;" | <strong>Važan tekst</strong>
|-
| Ture bure || gura
|-
| Bula bure || valja.
|}
</pre>

== Slike ==
<!-- {{Further information|Wikipedija:Alternative text for images|Wikipedija:Manual of Style#Images|Wikipedija:Image use policy#Displayed image size|Wikipedija:Image dos and don'ts}} -->
# Slike i ikone koje nisu isključivo dekorativne treba da sadrže [[Alt atribut|alt atribut]] koji služi kao zamena za sliku za slepe čitaoce, paukove pretrage <!-- ??? -->i druge ne-vizuelne korisnike. Ako se doda dodatni alternativni tekst, treba da bude sažet ili da uputi čitaoca na naslov ili susedni tekst.<!-- Pogledajte [[VP:ALT]] za više informacija.{{Crossreference|For additional considerations about icons, see {{section link|Wikipedija:Manual of Style/Icons#Remember accessibility for people with visual impairment}}.}} --><!-- # In [[Wikipedija:Manual of Style/Captions#Special situations|most cases]], images should include a [[Wikipedija:Manual of Style/Captions|caption]] using the built-in image syntax. The caption should concisely describe the meaning of the image and the essential information it is trying to convey. -->
# Izbegavajte da koristite slike umesto [[MOS:DTAB|tabela i grafikona]]. Gde je to moguće, svi grafikoni i dijagrami bi trebalo da imaju tekstualni ekvivalent ili da budu dobro opisane kako bi korisnici koji ne mogu da vide sliku mogli da razumeju koncept.
# Izbegavajte stavljanje slika na levu stranu ekrana pošto konzistentna leva margina čini čitanje lakšim.
#Izbegavajte ''[[MOS:IMAGELOCATION|sendvičovanje]]'' teksta između 2 slike<!-- using [[Wikipedija:Image use policy#Displayed image size|fixed image sizes]] -->.
# Idelno, članak ne bi trebalo da ima više od 100 slika<!-- # Avoid indiscriminate [[WP:GALLERY|galleries]] because screen size and browser formatting may affect accessibility for some readers due to fragmented image display. Articles with many images will time out on mobile versions of Wikipedija. Ideally, a page should have no more than 100 images (regardless of how small). See [[mediawikiwiki:Recommendations for mobile friendly articles on Wikimedia wikis#Limit number of images in a page|MediaWiki:Limit number of images in a page]] -->.
# Izbegavajte da u tekstu ne upućujete na sliku levo ili desno. Mesto na kom se slika nalazi se možda razlikuje na mobilnim verzijama sajta, a takođe je i besmisleno za korisnike kojima članke čita softver za čitanje. Koristite opise za identifikacije slika.
# Detaljni opisi slika, gde nisu pogodni za članak, treba da se nalaze na stranici slike, sa napomenom da će slika preusmeriti na detaljniji opis<!-- See [[Help:File description page#Image summary]] -->.
# Slike treba da se nalaze u delu članka za koji su vezani, a ne u zaglavlju članka ili nekom drugom delu. Ovo osigurava da će se slike prikazivati na mobilnim uređajima i (njihovi opisi) čitati kroz čitače ekrana na mestima na kojima treba.
<!-- # This guideline includes alt text for LaTeX-formatted equations in [[Wikipedija:Manual of Style/Mathematics#Typesetting of mathematical formulae|{{tag|math|o}}]] mode. See [[Wikipedija:Manual of Style/Mathematics#Alt text]] -->
# Ne stavljati slike u zaglavlje članka.<!-- [[Wikipedija:Manual of Style#Section headings|Do not put images in headings]]; this includes [[Wikipedija:Manual of Style/Icons#Encyclopedic purpose|icons]] and [[Wikipedija:Manual of Style/Mathematics#Typesetting of mathematical formulae|{{tag|math|o}}]] markup. Doing so can break links to sections and cause other problems. -->

== Animacije, video i audio sadržaji ==

=== Animacije ===
Da bi bila dostupna, animacija ([[GIF|GIF]] – Format za razmenu grafike) treba da:

* Ne bude duži od pet sekundi (što ga čini čisto dekorativnim elementom)<ref>{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G152|title=Setting animated gif images to stop blinking after n cycles (within 5 seconds)|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref> ili
* Bude opremljen kontrolnim funkcijama (zaustavljanje, pauza, reprodukcija)<ref>{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G4|title=Allowing the content to be paused and restarted from where it was paused|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref>

Ovo zahteva da GIF-ovi sa animacijama dužim od pet sekundi budu konvertovani u video (da biste saznali kako, pogledajte vodič [//commons.wikimedia.org/w/index.php?title=Help_talk:Converting_video&oldid=39737985#Converting_an_animated_GIF za pretvaranje animiranih GIF-ova u] [https://commons.wikimedia.org/w/index.php?title=Help_talk:Converting_video&oldid=39737985#Converting_an_animated_GIF Theora OGG]).

Animacije ne smeju da imaju više od tri blica u bilo kom periodu od jedne sekunde. Poznato je da sadržaj koji treperi više od tri puta u sekundi izaziva napade.<ref name="wcag 2.0 gl2.3">{{Cite web|url=http://www.w3.org/TR/2008/REC-WCAG20-20081211/#seizure-does-not-violate|title=Guideline 2.3 Seizures: Do not design content in a way that is known to cause seizures. |date=11 December 2008|website=Web Content Accessibility Guidelines (WCAG) 2.0|publisher=[[World Wide Web Consortium]]|access-date=28 May 2015}}</ref>

=== Video ===
Video zapisima se mogu dodati titlovi u vremenski ograničenom tekstualnom formatu. Postoji odgovarajuća stranica pomoći na [[c:Commons:Video#Subtitles_and_closed_captioning|Commons:Video#Subtitlovi i titlovi]]. Titlovi su namenjeni za transkripciju govora.

Postoji potreba za [[Pomoćni natpisi|titlovima]] za osobe sa oštećenim sluhom. Od novembra 2012. to nije moguće, ali se ova funkcija može lako dodati i zahtevana je u [[bugzilla:41694]]. Zatvoreni titlovi su namenjeni za gledanje umesto titlova. Zatvoreni titlovi pružaju tekstualnu verziju svih važnih informacija koje se pružaju putem zvuka. Može uključivati dijaloge, zvukove (prirodne i veštačke), okruženje i pozadinu, radnje i izraze ljudi i životinja, tekst ili grafiku.<ref>{{Cite web|url=http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/G69|title=Providing an alternative for time based media|website=Techniques for WCAG 2.0|publisher=[[W3C]]|access-date=1 January 2011}}</ref> Trebalo bi konsultovati vodiče van Wikipedije da biste saznali kako da napravite titlove.<ref>Please see: [https://web.archive.org/web/20120504142732/http://main.wgbh.org/wgbh/pages/mag/services/captioning/faq/sugg-styles-conv-faq.html A quick and basic reference for closed captions], [http://www.cab-acr.ca/english/social/captioning/captioning.pdf a detailed reference (PDF)] and [https://dcmp.org/learn/captioningkey a list of best practices for closed captions].</ref>

Tekstualna verzija videa je neophodna za slepe, ali od novembra 2012. ne postoji pogodan način da se obezbedi alternativni tekst za video snimke.

=== Audio ===
Titlovi za govor, tekstove, dijaloge itd.<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|website=Techniques for WCAG 2.0|publisher=[[World Wide Web Consortium]]|access-date=1 January 2011}}</ref> se lako mogu dodati audio datotekama. Metod je sličan onom za videe: [[c:Commons:Video#Subtitles_and_closed_captioning|Komons:Video#Subtitlovi i titlovi]].

== Stilovi i opcije označavanja ==

=== Najbolja praksa: Koristite viki oznake i CSS klase radije nego alternative ===
Generalno, stilove za tabele i druge elemente na nivou bloka treba postaviti pomoću -{CSS}- klasa, a ne pomoću inline atributa stila. -{CSS}- za čitav sajt u {{jez|en|iskošeno=ne|MediaWiki:Common.css}} je pažljivije testiran da bi se obezbedila pristupačnost (npr. dovoljan kontrast boja) i kompatibilnost sa širokim spektrom pretraživača. Štaviše, omogućava korisnicima sa vrlo specifičnim potrebama da menjaju šeme boja u sopstvenoj tabeli stilova ({{jez|en|iskošeno=ne|Special:MyPage/skin.css}}, ili stilska lista njihovog pretraživača). Na primer, lista stilova na Wikipedija:Stilski listovi za korisnike sa oštećenim vidom obezbeđuje veći kontrast pozadine za navigacione kutije. Problem je u tome što kada se zaobiđu podrazumevane klase na celoj lokaciji, pojedincu je mnogo teže da odabere sopstvenu temu.

Takođe stvara veći stepen profesionalizma tako što obezbeđuje dosledan izgled između članaka i usklađenost sa stilskim vodičem.

Što se tiče pristupačnosti, odstupanja od standardnih konvencija se mogu tolerisati sve dok su pristupačne. Članovi projekta pristupačnosti su obezbedili da podrazumevani stil bude dostupan. Ako neki šablon ili specifična šema boja odstupa od standarda, njegovi autori treba da se postaraju da ispunjava zahteve pristupačnosti kao što je pružanje dovoljnog kontrasta boja. Na primer, [[Wikipedija:Šabloni/Kutijice|infokutija]] i navigaciona kutija koji se odnose na sportski tim mogu koristiti žutu i crvenu šemu boja, kako bi se povezali sa bojama tima. U ovom slučaju, tamnocrvene veze na svetlo žutoj daju dovoljan kontrast boja, pa bi bile dostupne, dok bele na žutoj ili crne na crvenoj ne bi.

Uopšteno govoreći, članci bi trebalo da koriste [[wiki|wiki oznake]], a ne ograničeni skup [[metawiki:Help:HTML_in_wikitext#Permitted_HTML|dozvoljenih -{HTML}- elemenata]]. Posebno nemojte koristiti elemente -{HTML}- stila {{Tag|i|o}} i {{Tag|b|o}} za formatiranje teksta; poželjno je koristiti Wiki-oznake <code><nowiki>''</nowiki></code> ili <code><nowiki>'''</nowiki></code> za čisto tipografski kurziv i boldovanje, respektivno, i koristiti šablone ili elemente semantičkog označavanja za značajnije razlike. Element {{Tag|font|o}} takođe treba izbegavati u tekstu članka; koristite {{Tlx|em}}, {{Tlx|code}}, {{Tlx|var}} i druge naše šablone semantičkih oznaka po potrebi, da naglasite logičke razlike ne samo vizuelne. Koristite šablone {{Tl|resize}}, {{Tl|small}} i {{Tl|big}} da biste promenili veličinu fonta, umesto da je eksplicitno podešavate pomoću atributa CSS stila kao što su <code>font-size</code> ili zastareli elementi stila kao što je {{Tag|big|o}}. Naravno, postoje prirodni izuzeci; na primer, može biti korisno koristiti element {{Tag|u}} da bi se naznačilo nešto poput primera veze na koju se zaista ne može kliknuti, ali se podvlačenje inače generalno ne koristi u tekstu članka.

=== Korisnici sa ograničenom podrškom za -{CSS}- ili {{jez|en|iskošeno=ne|JavaScript}} ===
Automatski skupljeni (prethodno skupljeni) elementi [[Wikipedija:Stilski priručnik|ne bi trebalo da se koriste za sakrivanje sadržaja]] u glavnom delu članka.

Članci Wikipedije bi trebalo da budu dostupni čitaocima koji koriste pregledače i uređaje koji imaju ograničenu ili nikakvu podršku za {{jez|en|[[JavaScript]]}} ili [[CSS|kaskadne tabele stilova]], što se u web razvoju naziva „[[progresivno poboljšanje]]“. Zapamtite da se sadržaj Wikipedije može slobodno ponovo koristiti na načine koje ne možemo da predvidimo, kao i da se može pristupiti direktno preko starijih pregledača. U isto vreme, prepoznato je da je nemoguće obezbediti isti kvalitet izgleda takvim korisnicima bez nepotrebnog izbegavanja funkcija koje bi koristile korisnicima sa sposobnijim pretraživačima. Kao takve, ne smeju se koristiti funkcije koje bi prouzrokovale sakrivanje ili oštećenje sadržaja kada -{CSS}- ili {{jez|en|iskošeno=ne|JavaScript}} nisu dostupni. <!--Međutim, razmatranje korisnika bez CSS-a ili {{jez|en|JavaScript}}-a trebalo bi da se proširi uglavnom na to da se uveri da je njihovo iskustvo čitanja moguće; priznaje se da će neizbežno biti {{Em|inferior}}. (ne znam da prevedem)-->
Imajte na umu da mobilne verzije web sajtova ne podržavaju sažimanje, tako da će sav sadržaj koji se može sklopiti automatski biti otvoren.

Da biste udovoljili ovim razmatranjima, testirajte sve potencijalno ometajuće promene sa onemogućenim {{jez|en|JavaScript}} ili -{CSS}- U {{jez|en|iskošeno=ne|Firefox}}-u ili {{jez|en|iskošeno=ne|Chrome}}-u, ovo se može lako uraditi sa ekstenzijom Web Developer; {{jez|en|iskošeno=ne|JavaScript}} se može onemogućiti u drugim pregledačima na ekranu „Opcije“. Budite posebno oprezni sa ugrađenim CSS efektima, koje ne podržava nekoliko pretraživača, medija i KSHTML verzija.

U 2016, oko 7% posetilaca Wikipedije nije zahtevalo {{jez|en|iskošeno=ne|JavaScript}} resurse.<ref>[https://commons.wikimedia.org/w/index.php?title=File:Browsers,_Geography,_and_JavaScript_Support_on_Wikipedija_Portal.pdf&page=5 File:Browsers, Geography, and JavaScript Support on Wikipedija Portal.pdf] and [[:File:Analysis of Wikipedija Portal Traffic and JavaScript Support.pdf]].</ref>

== Napomene ==
{{notelist}}

== Reference ==
{{izvori|}}

{{Pravila i smjernice Wikipedije}}

[[Kategorija:Prijedlozi pravila i smjernica Wikipedije]]