Изворни код странице Testwiki:Стилски приручник/Приступачност

{{Стил|ВП:СП/ПРИСТУПАЧНОСТ|ВП:СП/ПРИСТУП|ВП:СП/СЛЕП}}
{{nutshell|Учините чланке приступачним свима.}}
<!-- {{Хутнота|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedia:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedia: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}} -->[[Приступачност вебу|Веб приступачност]] је прилагођавање веб страница тако да навигација и читање буду лакши и приступачнији свим корисницима. Ово је првенствено намењено да помогне особама са различитим степенима [[Инвалидност|инвалидитета]], али може бити од помоћи свима. Циљ нам је да се придржавамо [[Smernice za pristup veb sadržaju|Смерница за приступачност веб садржаја]] 2.1{{Напомена|Претходна верзија, -{WCAG 2.0}-, је такође -{[[International Organization for Standardization|ISO]]}- стандард — -{ISO/IEC 40500:2012}-.}} на којима се заснивају следећи предлози. Оне странице које се придржавају овога је много лакше читати и уређивати.

Управни одбор Фондације ''Викимедија'' је 14. јануара 2006. године донео следећу [[foundation:Resolution:Nondiscrimination|резолуцију о недискриминацији]]: 

: {{редни цитат|italic=yes|Фондација ''Викимедија'' забрањује дискриминацију садашњих или будућих корисника и запослених на основу расе, боје коже, пола, вере, националног порекла, старости, инвалидитета, сексуалне оријентације или било које друге законом заштићене карактеристике. Фондација ''Викимедија'' се обавезује на принцип једнаких могућности, посебно у свим аспектима односа запослених, укључујући запошљавање, администрацију плата, развој запослених, унапређење и трансфер.}}

Фондација налаже да се ова политика {{редни цитат|italic=yes|„не сме игнорисати, занемаривати или умањивати од стране руководиоца или службеника Фондације, нити у локалним смерницама било ког пројекта Викимедије”}}.

== Структура чланка ==

Стандардизована структура чланака побољшава приступачност, јер омогућава корисницима да знају где могу да очекују да се садржај који их занима налази. На пример, ако корисник који је слеп или слабовид тражи везе за разјашњавање, вишезначне одреднице или кратак опис и не пронађе ниједну на врху странице, знаће да их нема и не морају да читају целу страницу да би то открили.<!--

Стандаризација структуре је устаљена на Википедији, тако да је просто довољно пратити [[Википедија:Стилски приручник/Распоред|Стилски приручник/Распоред]] и [[Википедија:Стилски приручник/Увод|Стилски приручник/Увод]].
-->
=== Наслови одељака ===
Наслови треба да буду дескриптивни и у доследном редоследу како је дефинисано у [[Википедија:Стилски приручник|Стилском приручнику]].

Угнездите наслове редом по нивоима, почевши од нивоа 2 ( <code>==</code> ), затим ниво 3 ( <code>===</code> ) и тако даље. (Ниво 1 је аутоматски генерисани наслов странице). Не прескачите делове секвенце, као што је избор нивоа за истицање текста; ово није сврха наслова.

У сврху читљивости за уреднике са слабим видом – само у изворном уређивачу – може се додати један празан ред испод сваког наслова, али не више од једног; више од једног празног реда испод наслова одељка ће проузроковати да се на приказаној страници види додатни простор. Такође треба узети у обзир како се једна празна бела линија испод наслова одељака може појавити на малом екрану за одређени чланак, јер многи уредници користе мобилне уређаје за уређивање, а само један празан ред испод заглавља заправо може умањити читљивост за ове уреднике, за неке чланке.
{| class="wikitable"
|+ style="padding-top: 10px;" | Примери исправне и неисправне употребе угнежђених наслова
! scope="col" style="background: PaleGreen;" | Исправно
! scope="col" style="background: Pink;" | Насумично/хаотично
! scope="col" style="background: Pink;" | Прескакање нивоа 
|- style="vertical-align: top;"
| style="width: 33%;" |<poem>
''[Уводник чланка]''
<code>==Наслов==</code> ''[ниво 2]''
<code>===Поднаслов===</code> ''[3]''
<code>==Наслов==</code> ''[2]''
<code>===Поднаслов===</code> ''[3]''
<code>====Под-поднаслов====</code> ''[4]''
<code>==Наслов==</code> ''[2]''</poem>
| style="width: 33%;" |<poem>
''[Уводник чланка]''
<code>====Под-поднаслов'''?'''====</code> ''[4]''
<code>===Поднаслов'''?'''===</code> ''[3]''
<code>==Наслов'''?'''==</code> ''[2]''
<code>==Наслов'''?'''==</code> ''[2]''
<code>====Под-поднаслов'''?'''====</code> ''[4]''
<code>===Поднаслов'''?'''===</code> ''[3]''</poem>
| style="width: 33%;" |<poem>
''[Уводник чланка]''
''[Недостаје наслов другог нивоа]''
<code>===Поднаслов'''?'''===</code> ''[3]''
<code>==Наслов==</code> ''[2]''
''[Недостаје наслов трећег нивоа]''
<code>====Под-поднаслов'''?'''====</code> ''[4]''
<code>==Наслов==</code> ''[2]''</poem>
|}
Не правите псеудо-наслове злоупотребљавајући тачку-зарез (резервисано за листе описа) и покушајте да избегнете коришћење подебљаних ознака. Читачи екрана и друге помоћне технологије могу да користе само наслове који имају ознаке наслова за навигацију. Ако желите да смањите величину табеле садржаја (TOC), уместо тога користите {{Tl|TOC limit}}. У случајевима када се {{Tl|TOC limit}} не може користити због наслова нижег нивоа на другим местима у чланку, онда коришћење подебљаног текста за под-под-поднаслове изазива најмање сметње за кориснике читача екрана. Ако уопште користите псеудо наслов значи да сте исцрпили све друге опције. То значи да је обу опцију треба веома ретко користити.
{| class="wikitable"
|+ style="padding-top: 10px;" |Примери прихватљиве и нетачне употребе псеудонаслова и описних листа
! scope="col" style="background: PaleGreen;" | Прихватљиво
! scope="col" style="background: Pink;" | Неисправно 
|- style="vertical-align: top;"
| style="width: 50%;" |<poem>
''[Уводник чланка]''
<code>==Наслов==</code> ''[ниво 2]''
<code>===Поднаслов===</code> ''[3]''
<code><nowiki>'''Псеудо-наслов'''</nowiki></code>
<code>==Наслов==</code> ''[2]''
<code>===Поднаслов===</code> ''[3]''
<code>====Под-поднаслов====</code> ''[4]''
<code><nowiki>;Назив који прати:</nowiki></code>
<code><nowiki>:барем једна дефиниција или листа описа</nowiki></code>
<code><nowiki>:и још опционалних ставки, правећи листу</nowiki></code>
</poem>
| style="width: 50%;" |<poem>
''[Уводник чланка]''
<code>==Наслов==</code> ''[ниво 2]''
<code>===Поднаслов===</code> ''[3]''
<code><nowiki>'''Псеудо-наслов'''</nowiki></code>
<code>==Наслов==</code> ''[2]''
<code>===Поднаслов===</code> ''[3]''
<code><nowiki><small>==Под-поднаслов==</small></nowiki></code> ''[2]''</poem>
|}

=== Плутајући елементи ===
<!-- {{Хутнота|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedia:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedia: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]].}} -->

У викикоду, плутајуће елементе (укључујући слике) треба поставити у одељак којем припадају; не стављајте слику на крај претходног одељка како би се појавила у следећем. (У зависности од платформе, ређање неколико слика поред релативно мале количине текста може довести до тога да одређена слика буде гурнута надоле у следећи одељак. Ипак, ово није проблем приступачности, пошто читачи екрана увек читају <code>alt=</code> сваке слике на месту где је слика ''кодирана'').

=== Резолуција ===
Чланци на Википедији треба да буду доступни читаоцима који користе уређаје са малим екранима као што су мобилни уређаји или читаоцима који користе мониторе ниске резолуције. На десктопу, ово је понекад проблем у чланцима са више слика на обе стране екрана; иако ће ниже резолуције имати тенденцију да растежу пасусе вертикално, померајући слике у том правцу, пазите да не додајете слике или други лебдећи садржај на обе стране екрана истовремено. Велике табеле и слике такође могу створити проблеме; понекад је хоризонтално померање неизбежно, али узмите у обзир реструктурирање широких табела како би се прошириле вертикално, а не хоризонтално.

== Текст ==
Подразумевано, већина [[Читач екрана|читача екрана]] не означава атрибуте презентацијског текста (подебљано, курзив, подвучено, моноспаце, прецртано) или чак семантичке атрибуте текста (нагласак, важност, брисање текста), тако да се прецртани текст чита нормално заједно са било којим другим текстом. (Уредницима који користе читаче екрана који учествују у Википедијиним политикама и дебатама о брисању саветује се да укључе обавештења о атрибутима текста када то раде, пошто је прецртани текст веома чест у интерним дискусијама Википедије).

Пошто читачи екрана обично игноришу прецртавање текста, његова ретка употреба у чланцима (нпр. за приказивање промена у текстуалној анализи) ће изазвати проблеме приступачности и потпуну конфузију ако је то једина индикација која се користи. Ово се односи и на елементе {{Tag|s|o}} и {{Tag|del|o}} (заједно са њиховим одговарајућим {{Tag|ins|o}}, који се обично визуелно приказују као подвучени), као и на шаблоне који их користе. Немојте користити прецртавање да бисте приговорили садржају за који мислите да је неприкладан или нетачан. Уместо тога, коментаришите га са <code><nowiki><!--</nowiki></code> и <code><nowiki>--></nowiki></code> (тј. заградама за коментаре), уклоните га у потпуности или користите уграђени шаблон за чишћење/оспоравање и поставите питање на страници за разговор.

# Не користити потенцијално нечитљиве симболе као на пример ♥ (симбол [[срце (симбол)|срца]]); уместо тога користите слике са алт текстом.<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>
# Симболи који могу да изазову проблеме за читаче екрана можда већ имају шаблоне који производе слику и алт текст. Пример је симбол бодежа ({{tl|†}}).<!-- (see [[:Category:Single-image insertion templates]] for more) -->

Редослед знакова мора бити довољан да пренесе семантичке аспекте текста (и, по могућности, друге сличне облике садржаја); ослањање на прилагођене „специјалне симболе“ које се разликују само по својствима -{CSS}--а или вики ознакама није прихватљиво. На пример, не сме се користити латинично ''-{C}-'' уместо ћириличног ''-{С}-''.

Немојте користити технике које захтевају интеракцију да би се добиле информације, као што су описи алата или било који други текст који „лебди“. Скраћенице су изузете од ових захтева, тако да се шаблон {{Tlx|abbr}} (омотач за {{Tag|abbr|o}} елемент) може користити за означавање дугачког облика скраћенице (укључујући акроним или иницијализам).

Немојте уметати преломе редова унутар реченице, јер то отежава уређивање помоћу [[Читач екрана|читача екрана]]. Прелом једног реда може да долази после реченице, што може помоћи неким уредницима.

=== Величина фонта ===
<!-- {{Crossreference|See also [[Wikipedia:Manual of Style/Lists#Unbulleted lists|Manual of Style: Lists § Unbulleted lists]].}} 
-->Смањен или увећан фонт треба да се користи штедљиво и обично се користи кроз аутоматске елемената странице као што су наслови, заглавља табеле и стандардизовани шаблони. Промене величине су наведене као проценат оригиналне величине фонта, а не као апсолутна величина у пикселима. Релативне величине повећавају приступачност за кориснике са оштећеним видом тако што им омогућавају да поставе подразумевану (велику) величину фонта у подешавањима прегледача. Апсолутне величине ускраћују корисницима такву могућност.

Избегавајте коришћење мањих величина фонта у елементима странице који већ користе мању величину фонта, као што је већина текста у [[Википедија:Шаблони/Кутијице|инфокутијама]], навигационим кутијама и одељцима са референцама.{{Напомена|Уопштено, инфокутије и навигационе кутије приказују текст на 88% величине која је уобичајена. Величина у референцама је на 90% величине. Остале вредности се могу пронаћи на {{јез|en|[[MediaWiki:Common.css]]}}.}} То значи да ознаке {{Tag|small}} и шаблони као што су {{Tlx|small}} и {{Tlx|smalldiv}}, не треба да се примењују на обичан текст унутар тих елемената. Ни у ком случају резултирајућа величина фонта било ког текста не би требало да падне испод око 85% подразумеване величине фонта странице. Имајте на уму да -{HTML}- {{Tag|small}} ознака има семантичко значење ситног слова или бочних коментара;<ref>https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-small-element</ref> не користите га за стилске промене.

== Други језици ==
<!-- {{Хутнота|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedia:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedia: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]].}}

 -->Речи или фразе које нису на српском треба да буду затворене у {{Tl|lang}}, који користи кодове језика -{[[ISO 639]]}-, на следећи начин:

{{Tlx|Јез|fr|Assemblée nationale}}

што се приказује као:

{{Јез|fr|Assemblée nationale}}

или {{Tlx|Јез-fr|3=Assemblée nationale}}

што се приказује као:

{{Јез-франц|Assemblée nationale}}.

'''Разлог''': {{Tnull|Јез}} дозвољава алаткама за читање текста да текст прочитају на тачном језику.<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> <!-- Има и друге сврхе, видети {{Section link|Template:Lang/doc|Rationale}} за листу бенефита. -->

Није неопходно нити пожељно умотавати ове конструкције у курзив; шаблони {{Tlx|Јез}} и {{Tlx|Јез-xx}} су већ аутоматски курзиви. Ако текст не треба да се исписује у курзиву — као што су имена бендова — могуће је додати {{Code|<nowiki>|искошено=не</nowiki>}} да бисте заменили подразумевано понашање.{{Напомена|Више детаља је доступно на документацији шаблона {{tl|Јез}}.}}

Имајте на уму да {{Strong|[[транслитерација|транслитерације]] треба да користе {{Тл|Трансл}}}}, а изговори треба да користе {{Tl|IPA}}, {{Tl|Respell}} или сродни шаблон. {{Tl|PIE}} је за [[Праиндоевропски језик|протоиндоевропски језик]].

Википедија има низ [[:Категорија:Шаблони за језике|шаблона специфичних за неке језике]] као што су {{Tl|lang-zh}} и {{Tl|nihongo}}, који корисницима пружају параметре шаблона специфичне за језик, као што су опције за унос различитих метода транслитерације. Иако нема сваки језик свој шаблон, понекад је боље користити ове шаблоне за поједностављење викитекста, уместо да се ниже неколико инстанци {{Tl|Јез}} и {{Tl|Трансл}}.

== Линкови ==

# Направите добре описе веза, посебно за спољне везе (избегавајте везе у стилу „кликни овде !“ или „ [http://example.com/ ово]“).<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>
# Немојте користити [[Junikod|Уникод]] знакове као иконе; уместо тога користите слику са алтернативним текстом. На пример, неки [[Читач екрана|читачи екрана]] не могу да репродукују знак попут „→“ (стрелице на десно) у користан текст.

== Боја ==
[[Датотека:Example of team color problem on Clive Churchill article.png|thumb|alt=Два скриншота са интерфејсовима пуним текста. Скриншот на врху користи црвену, зелену и плаву, док онај на дну користи скоро исту жуту боју за црвену и зелену, тако да је текст једва читљив. |Скриншотови који приказују утицај црвено-зеленог [[далтонизам|далтонизма]]]]
'''Боје''' се најчешће налазе у чланцима Википедије у оквиру шаблона и табела.

Чланци (и друге странице) који користе боју треба да имају на уму доступност, по следећим смерницама: <!-- {{WCAG_web_safe_contrast_ratio.svg}} -->

* Побрините се да боја није једини метод преношења битних информација. Нарочито, не користите обојен текст или позадине осим ако се не користи и други метод преношења информације као што су [[#Текст|приступачни симболи]] који су и у легенди или футноте. Без тога, [[Оштећење вида|слепим]] корисницима или корисницима који користе иштампану страницу или уређај без боја информације неће бити пренесене;
* Линкови треба да буду јасно препознатљиви читаоцима. Немојте да бојите текст плаво како би сакрили линкове;
* Неки читаоци су делимично или потпуно [[далтонизам|далтонисти]]. Побрините се да је контраст текста и позадине барем на барем на АА нивоу [[:en:Web Content Accessibility Guidelines|Смерница за приступ веб садржају]] (-{WCAG}- 2.0), док је пожељан ААА ниво;<!-- * Some readers of Wikipedia 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 [[Wikipedia: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: -->
** Можете користити пар онлајн алатки за ово, као што су {{јез|en|искошено=не|[[WebAIM]]}}-ов [https://webaim.org/resources/contrastchecker/ проверавач констраста] или [https://whocanuse.com/ <span lang="en">WhoCanUse</span>] сајт, или [https://snook.ca/technical/colour_contrast/colour.html Снуков проверавач контраста];
*** Постоје и друге алатке, али проверите да ли су ажуриране пре коришћења. Неке алатке су засноване на -{WCAG}- 1.0 алгоритму, док је сада стандард -{WCAG}- 2.0. Ако алатка не помиње да је заснована на -{WCAG}- 2.0, претпоставите да је застарела;
<!-- 
** 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 [[Wikipedia: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. -->

== Блок елементи ==

=== Спискови ===
Немојте раздвајати ставке листа користећи празне редове или преломе колона табеле између њих. Ово укључује ставке у листи описа (листа направљена са почетном тачком-зарезом или двотачком, што је такође начин на који је већина дискусија на страници за разговор) или уређена листа или неуређена листа. Листе су намењене груписању елемената који припадају заједно, али {{јез|en|[[MediaWiki]]}} ће протумачити празан ред као крај једне листе и започеће нову листу. Прекомерни дупли преломи измеђи редова такође ометају [[Читач екрана|читаче екрана]], који ће објавити више листа када је корисник хтео да направи само једну и стога ти преломи могу да доведу у заблуду или збуне кориснике ових програма. Такво неправилно форматирање такође може вишеструко повећати време које им је потребно да прочитају списак.

Немојте мењати тип обележивача иницијалне листе (двотачке, звездице или хеш знакова) у једној листи. Када увлачите током одговарања на неку објаву који почиње било којом мешавином двотачка и звездица и понекад хеш знакова, потребно је копирати било коју серију тих знакова која је горе коришћена и додати још један такав знак. Алтернативно, једноставно [[Википедија:Увлачење редова|увуците ред]] и започните нову дискусију (тј. нову -{HTML}- листу).

На пример, у дискусији, {{Квачица}} ово је најбоља пракса:<syntaxhighlight lang="tid">
* Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
** Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
*** Чини ми се да је у духу Википедије. —Корисник:Пример1 
</syntaxhighlight>или {{Квачица}}, у дискусији без набрајања:<syntaxhighlight lang="tid">
: Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
:: Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
::: Чини ми се да је у духу Википедије. —Корисник:Пример1
</syntaxhighlight>Ово {{Квачица}} је такође прихватљива пракса (да се потисне звездица на почетак одговора):<syntaxhighlight lang="text">
* Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
*: Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
*:: Чини ми се да је у духу Википедије. —Корисник:Пример1
</syntaxhighlight>Али {{Xmark}} не радите ово (не пребацујте тип са листе за набрајање у листу описа):<syntaxhighlight lang="text">
* Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
:: Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
*** Чини ми се да је у духу Википедије. —Корисник:Пример1
</syntaxhighlight>нити {{Xmark}} ово (не пребацујте тип са списка за набрајање у скисак описа):<syntaxhighlight lang="text">
* Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
:* Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
</syntaxhighlight>нити {{Xmark}} ово (не остављајте празне редове између ставки списка):<syntaxhighlight lang="tid">
* Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 

** Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
</syntaxhighlight>нити {{Xmark}} ово (не скачите преко више од једног нивоа):<syntaxhighlight lang="tid">
* Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
*** Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2
</syntaxhighlight>Ово се углавном обесхрабрује:<syntaxhighlight lang="text">
: Подршка. Свиђа ми се ова идеја. —Корисник:Пример1 
:* Имам питање: Шта ти се свиђа код ове идеје? —Корисник:Пример2

</syntaxhighlight>Уметање звездице непотребно повећава сложеност листе и чини да је већа вероватноћа да ће људи користити погрешне нивое увлачења у својим одговорима. У овом случају, боље је користити само две тачке.

==== Више пасуса унутар ставки листе ====
Нормалне ознаке {{јез|en|MediaWiki}} листе су нажалост некомпатибилне са нормалним означавањем параграфа {{јез|en|MediaWiki}}.

Да бисте ставили више пасуса у исту ставку листе, {{Квачица}} одвојите их са {{Tlx|pb}}:<syntaxhighlight lang="tid">
* Ово је једна ставка.{{pb}}Ово је друга ставка
* Ово је још једна ставка.
</syntaxhighlight>Ово се такође може урадити {{Квачица}} са експлицитним -{HTML}- ознакама за пасусе (обратите пажњу на завршну ознаку <code><nowiki></p></nowiki></code>):<syntaxhighlight lang="tid">
* Ово је једна ставка.<p>Ово је нови параграф у истој ставци.</p>
* Ово је друга ставка.
</syntaxhighlight>У оба случаја то се мора урадити {{Квачица}} на једној линији кода. Међутим, опционо можете користити трик умотавања прелома линије кода у -{HTML}- коментар (који га потискује као прелом излазне линије), да бисте боље одвојили пасусе у приказу кода:<syntaxhighlight lang="html">
* Ово је једна ставка.<!--
--><p>Ово је нови параграф у истој ставки.</p>
* Ово је друга ставка.
</syntaxhighlight>Ова техника се може користити {{Квачица}} за различите облике укључивања блокова унутар ставке листе (јер су ставке листе технички блок елементи, који могу да садрже друге блок елементе): <syntaxhighlight lang="html">
* Ово је једна ставка.<!--
--><p>Ово је нови параграф унутар ове ставке и сада ћемо цитирати некога:</p><!--
-->{{talk quote block|Замислите свет у коме свака особа има слободан приступ целокупном људском знању.|Џимбо}}<!--
--><p>Ово је затварајући параграф у истој ставки листе.</p>
* Ово је друга ставка.
</syntaxhighlight>Имајте на уму да се сваки фенси шаблон не може користити на овај начин (нпр. неки украсни шаблони цитата су засновани на табели, а {{јез|en|MediaWiki}} парсер неће третирати такве ознаке као да су унутар ставке листе).


Немојте {{Xmark}} користи преломе редова за симулацију пасуса, јер имају различиту семантику:<syntaxhighlight lang="tid">
* Ово је једна ставка.<br>Ово је исти параграф са преломом реда пре њега.
* Ово је друга ставка.
</syntaxhighlight>

Код за ломљење реда ( <code><nowiki><br></nowiki></code> ) је за коришћење унутар параграфа, као нпр. за стихове песме или блокова изворног кода. <!-- See also the <code><poem></code> and <code><syntaxhighlight></code> {{јез|en|MediaWiki}} tags. -->

Дефинитивно немојте {{Xmark}} покушавати да користите двотачку да би сте изједначили нивое увлачења, пошто (као што је горе поменуто) то производи три одвојене листе:<syntaxhighlight lang="tid">
* Ово је једна ставка прве листе.
: Ово је потпуно друга листа
* Ово је трећа листа
</syntaxhighlight>Алтернативно, можете {{Квачица}} користите један од шаблона -{HTML}- листе да бисте гарантовали груписање. Ово је најкорисније за укључивање блок елемената, као што је форматирани код, у листе:<pre>
{{bulleted list
|1=Ово је једна ставка:
&lt;pre>
Ово је неки код.
&lt;/pre>
Ово је још увек иста ставка.
|2=Ово је друга ставка.
}}
</pre>Али ова техника се не користи на страницама за разговор.

==== Увлачење ====
Приступачан приступ увлачењу је шаблон {{Tlx|block indent}} за садржај у више редова; користи [[CSS]] за увлачење материјала. За појединачне редове постоје различити шаблони, укључујући {{Tlx|in5}} (универзални шаблон, са истим именом на свим Викимедијиним сајтовима); ове увлаке са различитим размацима. [[Википедија:Стилски приручник|Немојте злоупотребљавати]] {{Tag|blockquote}} елемент или шаблоне који га користе (као што је {{Tlx|blockquote}} {{Скраћеница|AKA|also known as}} {{Tlx|quote}} ) за визуелно увлачење; они су само за директно цитирани материјал. Генеричка алтернатива {{Tlx|block indent}} је креирана за такве случајеве без наводника, па је користите.

Двотачка ( <code>:</code> ) на почетку реда означава тај ред у {{јез|en|MediaWiki}} парсеру као {{Tag|dd|o}} део -{HTML}- листе описа ({{Tag|dl|o}}).{{Напомена|-{HTML}- [[description list|листе описа]] су се раније звале ''листе дефниција'' и ''листе асоцијација''. Структура кода је иста, само се име променило између верзија -{HTML}--а.}} Визуелни ефекат у већини веб прегледача је увлачење линије. Ово се користи, на пример, за означавање одговора у низу дискусија на страницама за разговор. Међутим, само овој ознаци недостаје тражени {{Tag|dt|o}} (терм) елемент листе описа, на који се односи {{Tag|dd|o}} (опис/дефиниција). Као што се може видети прегледом кода послатог претраживачу, ово доводи до поквареног -{HTML}--а (тј. не успева [[W3C Markup Validation Service|валидација]]<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> ). Резултат је да ће помоћна технологија, као што су читачи екрана, објавити листу описа која не постоји, што је збуњујуће за сваког посетиоца који не користи оштећене ознаке Википедије. Ово није идеално за приступачност, семантику или поновну употребу, али се тренутно често користи, упркос проблемима које изазива корисницима читача екрана.

{{Strong|Не треба остављати празне редове у увученим листама.}}, нарочито у чланцима. Софтвер ће ово читати као крај једне и почетак друге листе. Ако је потребан простор, постоје два приступа која ће имати различите резултате за читаче екрана:

Први је да додате празан ред са истим бројем двотачака као и они који претходе тексту изнад и испод празног реда. Ово је прикладно када два уредника дају коментаре одмах један иза другог на истом нивоу увлачења. На пример:<pre>
: Потпуно се слажем. —Корисник:Пример
:
: Баш ми и није јасно. Јел има неки други извор за ово? —Корисник:Пример2
</pre>Ово ће читачу екрана рећи да су ово две ставке листе (линија са две тачке без текста ће бити занемарена).

Други приступ, када је материјал замишљен да буде један коментар (или друга ставка листе, нпр. у тексту чланка) је да се користе ознаке новог пасуса на истој излазној линији (погледајте претходни одељак за напредне технике у овом, да бисте укључили сложени блокови садржаја):<pre>
: Текст овде.{{pb}}Још текста. —Корисник:Пример10
</pre>Да бисте приказали математичку формулу или израз на сопственој линији, препоручује се да <code><nowiki><math display="block">1 + 1 = 2</math></nowiki></code> користи уместо <code><nowiki>:<math>1 + 1 = 2</math></nowiki></code>.<!-- {{Хутнота|For more information on:
* Richer and more accessible alternative description-list markup, see [[Wikipedia:Manual of Style/Glossaries]].
* Weaknesses of colon-based markup—even for [[Wikipedia: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]].}} -->

==== Вертикалне листе ====
===== Вертикалне листе са звездицама =====
Проблем са празним редовима је у томе што, ако су ставке листе одвојене са више од једног прелома реда, -{HTML}- листа ће бити завршена пре прелома реда, а друга -{HTML}- листа ће бити отворена након прелома реда. Ово ефективно разбија оно што се види као једна листа на неколико мањих листа за оне који користе [[Читач екрана|читаче екрана]]. На пример, за кодирање:<pre>* Бела ружа
* Жута ружа

* Ружичаста ружа

* Црвена ружа
</pre>софтвер делимично потискује размаке између редова и стога изгледа овако:

* Бела ружа
* Жута ружа

* Ружичаста ружа

* Црвена ружа

али ће га читач екрана прочитати као: „Листа од 2 ставке: (звездица) Бела ружа, (звездица) Жута ружа, крај листе. Листа од 1 ставке: (звездица) Ружичаста ружа, крај листе. Листа од 1 ставке: (звездица) Црвена ружа, крај листе."

Не раздвајајте ставке листе преломима редова ({{Tag|br|s}}). Користите {{Tl|plainlist}} / {{Tl|unbulleted list}} ако листа треба да остане вертикална; или размотрите {{Tl|flatlist}} / {{Tl|hlist}} ако би се листа могла боље приказати хоризонтално (инлине) као што је описано у следећа два одељка.

===== Неозначене вертикалне листе =====
За листе без набрајања које се крећу низ страницу, доступни су шаблони {{Tl|plainlist}}     и {{Tl|unbulleted list}}, да би се побољшала приступачност и семантичка смисленост означавањем онога што је јасно листа уместо укључивања {{Tag|br|single}} преломи редова, који не би требало да се користе—погледајте горе. Разликују се само по вики ознакама које се користе за креирање листе. Имајте на уму да пошто су ово шаблони, текст сваке ставке листе не може садржати симбол вертикалне траке ( <code>|</code> ) осим ако није замењен са <code><nowiki>{{!}}</nowiki></code> или се налази у ознакама {{Tag|nowiki}}. Слично томе, не може да садржи знак једнакости ( <code>=</code> ), осим ако није замењен са <code><nowiki>{{=}}</nowiki></code> или садржан у оквиру {{Tag|nowiki}}, мада ово можете заобићи тако што ћете дати називе параметрима ( <code>|1=</code>, <code>|2=</code> итд. ). Ако ово постане превелика гњаважа, можда ћете моћи да користите варијанту користећи {{Tl|endplainlist}} уместо тога. Унутар референце, можда ће вам требати {{Tl|unbulleted list citebundle}}.<div style="display:flex;flex-flow:row wrap;justify-content:space-evenly">
{| class="wikitable plainrowheaders"
|+Пример обичне листе
! scope="col" style="width:11.7em;" | Викитекст
! scope="col" style="width:11.7em;" | Приказује се као
|-
! scope="row" |<pre style="line-height:1.2em;">{{plainlist |
* Бела ружа
* Жута ружа
* Ружичаста ружа
* Црвена ружа
}}</pre>
| {{plainlist |
* Бела ружа
* Жута ружа
* Ружичаста ружа
* Црвена ружа
}}
|}
{| class="wikitable plainrowheaders"
|+ Пример листе без набрајања
! scope="col" style="width:11.7em;" | Викитекст
! scope="col" | Приказује се као
|-
! scope="row" |<pre style="line-height:1.2em;">{{unbulleted list
| Бела ружа
| Жута ружа
| Ружичаста ружа
| Црвена ружа
}}</pre>
| {{unbulleted list
| Бела ружа
| Жута ружа
| Ружичаста ружа
| Црвена ружа
}}
|}
</div>Алтернативно, у шаблонима као што су навигациони сандучићи и слично, или било који одговарајући контејнер, такве листе могу бити стилизоване класом „ <code>plainlist</code> “, на овај начин:{{Plainlist|* <code><nowiki>| listclass = plainlist</nowiki></code> or
* <code><nowiki>| bodyclass = plainlist</nowiki></code>}}У [[Википедија:Шаблони/Кутијице|инфокутијама]] :{{Plainlist|* <code><nowiki>| rowclass = plainlist</nowiki></code> or
* <code><nowiki>| bodyclass = plainlist</nowiki></code>}}могу се користити.<!-- 

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

==== Хоризонталне листе ====
За листе које се крећу преко странице и у појединачним редовима у [[Википедија:Шаблони/Кутијице|инфокутијама]] и другим табелама, шаблони {{Tl|flatlist}} и {{Tl|hlist}} (за хоризоналну листу) су доступни за побољшање приступачности и семантичког смисла. Ова функција користи исправне -{HTML}- ознаке за сваку ставку листе, уместо да укључује знакове за набрајање које се, на пример, читају (нпр. "тачка мачка тачка пас тачка коњ тачка...") помоћним софтвером који користе људи који су слепи. Шаблони се разликују само по вики-ознакама које се користе за креирање листе. Имајте на уму да када се текст прослеђује овим (или било којим другим) шаблонима, знак вертикалне траке ( {{Pipe}} ) треба да буде приказан са {{Tn|!}} {{Tn|!}}.<div style="display:flex;flex-flow:row wrap;justify-content:space-evenly">
{| class="wikitable plainrowheaders"
|+Пример -{flatlist}--е
! scope="col" | Викитекст
! scope="col" | Приказује се као
|-
! scope="row" |<pre style="line-height:1.2em;">{{flatlist |
* Бела ружа
* Црвена ружа
** Ружичаста ружа
* Жута ружа
}}</pre>
| {{flatlist |
* Бела ружа
* Црвена ружа
** Ружичаста ружа
* Жута ружа
}}
|}
{| class="wikitable plainrowheaders"
|+ Пример -{hlist}--е
! scope="col" | Викитекст
! scope="col" | Приказује се као
|-
! scope="row" |<pre style="line-height:1.2em;">{{hlist
| Бела ружа
| Црвена ружа
| Ружичаста ружа
| Жута ружа
}}</pre>
| {{hlist
| Бела ружа
| Црвена ружа
| Ружичаста ружа
| Жута ружа
}}
|}
</div>Алтернативно, у шаблонима као што су навигациони сандучићи и слично, или било ком одговарајућем контејнеру, такве листе могу бити стилизоване класом <code>hlist</code>, на овај начин:{{Plainlist|* <code><nowiki>| listclass = hlist</nowiki></code> or
* <code><nowiki>| bodyclass = hlist</nowiki></code>}}У [[Википедија:Шаблони/Кутијице|инфокутијама]] :{{Plainlist|* <code><nowiki>| rowclass = hlist</nowiki></code> or
* <code><nowiki>| bodyclass = hlist</nowiki></code>}}могу се користити.

==== Наслови листе ====
Неправилно коришћење тачке-зареза да би се направило лажно заглавље листе може да створи рупу у листи. Уместо тога, можете да користите ознаке наслова.<div role="figure" style="display: inline-block; margin: 0 1em; width: 13em;">
<strong>{{Xmark}}1.</strong> <strong>Неисправан</strong><syntaxhighlight lang="tid">
; Племенити гасови
* Хелијум
* Неон
* Аргон
* Криптон
* Ксенон
* Радон
</syntaxhighlight></div><div role="figure" style="display: inline-block; margin: 0 1em; width: 13em;">
<strong>{{Квачица}}</strong> <strong>2.</strong> <strong>Наслов</strong><pre>
== Племенити гасови ==
* Хелијум
* Неон
* Аргон
* Криптон
* Ксенон
* Радон
</pre></div>

=== Табеле ===
Читачи екрана и други алати за прегледање веба користе специфичне ознаке табеле како би помогли корисницима да се крећу кроз податке садржане у њима.

Користите исправну викитабле синтаксу цеви да бисте искористили све доступне функције. Погледајте [[metawiki:Help:Tables|мета:Помоћ:Табеле]] за више информација о посебној синтакси која се користи за табеле. Немојте користити само форматирање, било из -{CSS}--а или чврсто кодираних стилова, за стварање семантичког значења (нпр. промена боје позадине).

Многи навигациони сандучићи, шаблони серија и [[Википедија:Шаблони/Кутијице|инфокутије]] су направљени помоћу табела.

Избегавајте коришћење {{Tag|br|s}} или {{Tag|hr|s}} ознаке у суседним ћелијама да емулирају визуелни ред који се не одражава у структури -{HTML}- табеле. Ово је проблем за кориснике читача екрана који читају табеле ћелију по ћелију, -{HTML}- ред по -{HTML}- ред, а не визуелни ред по визуелни ред. <!-- Приступачност ВикиПројекта/Приступачност инфокутије се бави овим проблемом. -->

==== Табеле података ====
<pre>
{|
|+ [Опис табеле]
|-
! scope="col" | [Заглавље колоне 1]
! scope="col" | [Заглавље колоне 2]
! scope="col" | [Заглавље колоне 3]
|-
! scope="row" | [Заглавље реда 1]
| [Ћелија 1,2] || [Ћелија 1,3]
|-
! scope="row" | [Заглавље реда 2]
| [Ћелија 2,2] || [Ћелија 2,3]
...
|}
</pre>

; Наслов ( <code>|+</code> )
: Наслов је наслов табеле, који описује њену природу.<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> Табеле са подацима увек треба да садрже наслов.
; Заглавља редова и колона (<code> !</code> )
: Као и натпис, они помажу посетиоцима да представе информације у логичној структури.<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> Заглавља помажу читачима екрана да прикажу информације заглавља о ћелијама података. На пример, информације заглавља се изговарају пре података ћелије, или се информације заглавља дају на захтев.<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> Пошто се заглавље реда и колоне могу изговорити пре података у свакој ћелији када се крећете у режиму табеле, неопходно је да заглавља колоне и заглавља редова ''на јединствен начин идентификују'' колону, односно ред.<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>
; Опсег заглавља ( <code>! scope="col" |</code> и <code>! scope="row" |</code> )
: Ово јасно идентификује заглавља као заглавља редова или заглавља колона. Заглавља се сада могу повезати са одговарајућим ћелијама.<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>

Википедија:Приручник за стил/приступачност/табеле са подацима пружа детаљне захтеве о:

# Исправни наслови табела
# Исправна структура заглавља
# Сложене табеле
# Слике и боја
# Избегавање угнежђених табела

==== Табеле распореда ====
Избегавајте коришћење табела за визуелно позиционирање нетабеларног садржаја. Табеле података пружају додатне информације и методе навигације које могу бити збуњујуће када садржају недостају логички односи између редова и колона. Уместо тога, користите семантички одговарајуће елементе или <code>&#x3C; div &#x3E;</code> с и атрибуте <code>style</code>.

Када користите табелу за позиционирање нетабеларног садржаја, помозите читачима екрана да га идентификују као табелу изгледа, а не табелу са подацима. Поставите атрибут <code>role="presentation"</code> на табелу и немојте постављати ниједан атрибут <code>summary</code>. Немојте користити елементе <code>&#x3C; caption &#x3E;</code> или <code>&#x3C; th &#x3E;</code> унутар табеле или унутар било које угнежђене табеле. У означавању вики табеле, то значи да не користите <code>|+</code> или <code>!</code> префикси. Уверите се да је редослед читања садржаја исправан. Визуелни ефекти, као што су центрирање или подебљано писмо, могу се постићи помоћу стилских листова или семантичких елемената. На пример:<pre>
{| role="presentation" class="toccolors" style="width:94%"
|-
| colspan="2" style="text-align: center; background-color: #ccf;" | <strong>Важан текст</strong>
|-
| Туре буре || гура
|-
| Була буре || ваља.
|}
</pre>

== Слике ==
<!-- {{Further information|Wikipedia:Alternative text for images|Wikipedia:Manual of Style#Images|Wikipedia:Image use policy#Displayed image size|Wikipedia:Image dos and don'ts}} -->
# Слике и иконе које нису искључиво декоративне треба да садрже [[Alt atribut|алт атрибут]] који служи као замена за слику за слепе читаоце, паукове претраге <!-- ??? -->и друге не-визуелне кориснике. Ако се дода додатни алтернативни текст, треба да буде сажет или да упути читаоца на наслов или суседни текст.<!-- Погледајте [[ВП:АЛТ]] за више информација.{{Crossreference|For additional considerations about icons, see {{section link|Wikipedia:Manual of Style/Icons#Remember accessibility for people with visual impairment}}.}} --><!-- # In [[Wikipedia:Manual of Style/Captions#Special situations|most cases]], images should include a [[Wikipedia: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. -->
# Избегавајте да користите слике уместо [[MOS:DTAB|табела и графикона]]. Где је то могуће, сви графикони и дијаграми би требало да имају текстуални еквивалент или да буду добро описане како би корисници који не могу да виде слику могли да разумеју концепт.
# Избегавајте стављање слика на леву страну екрана пошто конзистентна лева маргина чини читање лакшим.
#Избегавајте ''[[MOS:IMAGELOCATION|сендичовање]]'' текста између 2 слике<!-- using [[Wikipedia:Image use policy#Displayed image size|fixed image sizes]] -->.
# Иделно, чланак не би требало да има више од 100 слика<!-- # 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 Wikipedia. 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]] -->.
# Избегавајте да у тексту не упућујете на слику лево или десно. Место на ком се слика налази се можда разликује на мобилним верзијама сајта, а такоже је и бесмислено за кориснике којима чланке чита софтвер за читање. Користите описе за идентификације слика.
# Детаљни описи слика, где нису погодни за чланак, треба да се налазе на страници слике, са напоменом да ће слика преусмерити на детаљнији опис<!-- See [[Help:File description page#Image summary]] -->.
# Слике треба да се налазе у делу чланка за који су везани, а не у заглављу чланка или неком другом делу. Ово осигурава да ће се слике приказивати на мобилним уређајима и (њихови описи) читати кроз читаче екрана на местима на којима треба.
<!-- # This guideline includes alt text for LaTeX-formatted equations in [[Wikipedia:Manual of Style/Mathematics#Typesetting of mathematical formulae|{{tag|math|o}}]] mode. See [[Wikipedia:Manual of Style/Mathematics#Alt text]] -->
# Не стављати слике у заглавље чланка.<!-- [[Wikipedia:Manual of Style#Section headings|Do not put images in headings]]; this includes [[Wikipedia:Manual of Style/Icons#Encyclopedic purpose|icons]] and [[Wikipedia:Manual of Style/Mathematics#Typesetting of mathematical formulae|{{tag|math|o}}]] markup. Doing so can break links to sections and cause other problems. -->

== Анимације, видео и аудио садржаји ==

=== Анимације ===
Да би била доступна, анимација ([[GIF|ГИФ]] – Формат за размену графике) треба да:

* Не буде дужи од пет секунди (што га чини чисто декоративним елементом)<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> или
* Буде опремљен контролним функцијама (заустављање, пауза, репродукција)<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>

Ово захтева да ГИФ-ови са анимацијама дужим од пет секунди буду конвертовани у видео (да бисте сазнали како, погледајте водич [//commons.wikimedia.org/w/index.php?title=Help_talk:Converting_video&oldid=39737985#Converting_an_animated_GIF за претварање анимираних ГИФ-ова у] [https://commons.wikimedia.org/w/index.php?title=Help_talk:Converting_video&oldid=39737985#Converting_an_animated_GIF Theora OGG]).

Анимације не смеју да имају више од три блица у било ком периоду од једне секунде. Познато је да садржај који трепери више од три пута у секунди изазива нападе.<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>

=== Видео ===
Видео записима се могу додати титлови у временски ограниченом текстуалном формату. Постоји одговарајућа страница помоћи на [[c:Commons:Video#Subtitles_and_closed_captioning|Commons:Видео#Субтитлови и титлови]]. Титлови су намењени за транскрипцију говора.

Постоји потреба за [[Помоћни натписи|титловима]] за особе са оштећеним слухом. Од новембра 2012. то није могуће, али се ова функција може лако додати и захтевана је у [[bugzilla:41694]]. Затворени титлови су намењени за гледање уместо титлова. Затворени титлови пружају текстуалну верзију свих важних информација које се пружају путем звука. Може укључивати дијалоге, звукове (природне и вештачке), окружење и позадину, радње и изразе људи и животиња, текст или графику.<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> Требало би консултовати водиче ван Википедије да бисте сазнали како да направите титлове.<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>

Текстуална верзија видеа је неопходна за слепе, али од новембра 2012. не постоји погодан начин да се обезбеди алтернативни текст за видео снимке.

=== Аудио ===
Титлови за говор, текстове, дијалоге итд.<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> се лако могу додати аудио датотекама. Метод је сличан оном за видее: [[c:Commons:Video#Subtitles_and_closed_captioning|Комонс:Видео#Субтитлови и титлови]].

== Стилови и опције означавања ==

=== Најбоља пракса: Користите вики ознаке и CSS класе радије него алтернативе ===
Генерално, стилове за табеле и друге елементе на нивоу блока треба поставити помоћу -{CSS}- класа, а не помоћу инлине атрибута стила. -{CSS}- за читав сајт у {{јез|en|MediaWiki:Common.css}} је пажљивије тестиран да би се обезбедила приступачност (нпр. довољан контраст боја) и компатибилност са широким спектром претраживача. Штавише, омогућава корисницима са врло специфичним потребама да мењају шеме боја у сопственој табели стилова ({{јез|en|Special:MyPage/skin.css}}, или стилска листа њиховог претраживача). На пример, листа стилова на Википедија:Стилски листови за кориснике са оштећеним видом обезбеђује већи контраст позадине за навигационе кутије. Проблем је у томе што када се заобиђу подразумеване класе на целој локацији, појединцу је много теже да одабере сопствену тему.

Такође ствара већи степен професионализма тако што обезбеђује доследан изглед између чланака и усклађеност са стилским водичем.

Што се тиче приступачности, одступања од стандардних конвенција се могу толерисати све док су приступачне. Чланови пројекта приступачности су обезбедили да подразумевани стил буде доступан. Ако неки шаблон или специфична шема боја одступа од стандарда, његови аутори треба да се постарају да испуњава захтеве приступачности као што је пружање довољног контраста боја. На пример, [[Википедија:Шаблони/Кутијице|инфокутија]] и навигациона кутија који се односе на спортски тим могу користити жуту и црвену шему боја, како би се повезали са бојама тима. У овом случају, тамноцрвене везе на светло жутој дају довољан контраст боја, па би биле доступне, док беле на жутој или црне на црвеној не би.

Уопштено говорећи, чланци би требало да користе [[Вики|вики ознаке]], а не ограничени скуп [[metawiki:Help:HTML_in_wikitext#Permitted_HTML|дозвољених -{HTML}- елемената]]. Посебно немојте користити елементе -{HTML}- стила {{Tag|i|o}} и {{Tag|b|o}} за форматирање текста; пожељно је користити Вики-ознаке <code><nowiki>''</nowiki></code> или <code><nowiki>'''</nowiki></code> за чисто типографски курзив и подебљање, респективно, и користити шаблоне или елементе семантичког означавања за значајније разлике. Елемент {{Tag|font|o}} такође треба избегавати у тексту чланка; користите {{Tlx|em}}, {{Tlx|code}}, {{Tlx|var}} и друге наше шаблоне семантичких ознака по потреби, да нагласите логичке разлике не само визуелне. Користите шаблоне {{Tl|resize}}, {{Tl|small}} и {{Tl|big}} да бисте променили величину фонта, уместо да је експлицитно подешавате помоћу атрибута ЦСС стила као што су <code>font-size</code> или застарели елементи стила као што је {{Tag|big|o}}. Наравно, постоје природни изузеци; на пример, може бити корисно користити елемент {{Tag|u}} да би се назначило нешто попут примера везе на коју се заиста не може кликнути, али се подвлачење иначе генерално не користи у тексту чланка.

=== Корисници са ограниченом подршком за -{CSS}- или {{јез|en|JavaScript}} ===
Аутоматски скупљени (претходно скупљени) елементи [[Википедија:Стилски приручник|не би требало да се користе за сакривање садржаја]] у главном делу чланка.

Чланци Википедије би требало да буду доступни читаоцима који користе прегледаче и уређаје који имају ограничену или никакву подршку за {{јез|en|[[JavaScript]]}} или [[CSS|каскадне табеле стилова]], што се у веб развоју назива „[[прогресивно побољшање]]“. Запамтите да се садржај Википедије може слободно поново користити на начине које не можемо да предвидимо, као и да се може приступити директно преко старијих прегледача. У исто време, препознато је да је немогуће обезбедити исти квалитет изгледа таквим корисницима без непотребног избегавања функција које би користиле корисницима са способнијим претраживачима. Као такве, не смеју се користити функције које би проузроковале сакривање или оштећење садржаја када -{CSS}- или {{јез|en|JavaScript}} нису доступни. <!--Међутим, разматрање корисника без CSS-а или {{јез|en|JavaScript}}-а требало би да се прошири углавном на то да се увери да је њихово искуство читања могуће; признаје се да ће неизбежно бити {{Em|inferior}}. (не знам да преведем)-->
Имајте на уму да мобилне верзије веб-сајтова не подржавају сажимање, тако да ће сав садржај који се може склопити аутоматски бити отворен.

Да бисте удовољили овим разматрањима, тестирајте све потенцијално ометајуће промене са онемогућеним {{јез|en|JavaScript}} или -{CSS}- У Фирефок-у или Цхроме-у, ово се може лако урадити са екстензијом Веб Девелопер; {{јез|en|JavaScript}} се може онемогућити у другим прегледачима на екрану „Опције“. Будите посебно опрезни са уграђеним -{CSS}- ефектима, које не подржава неколико претраживача, медија и КСХТМЛ верзија.

У 2016, око 7% посетилаца Википедије није захтевало {{јез|en|JavaScript}} ресурсе.<ref>[https://commons.wikimedia.org/w/index.php?title=File:Browsers,_Geography,_and_JavaScript_Support_on_Wikipedia_Portal.pdf&page=5 File:Browsers, Geography, and JavaScript Support on Wikipedia Portal.pdf] and [[:File:Analysis of Wikipedia Portal Traffic and JavaScript Support.pdf]].</ref>
[[Категорија:Странице са непрегледаним преводима]]

== Напомене ==
{{напомене|}}

== Референце ==
{{извори|}}

{{правила и смернице Википедије|state=collapsed}}