http://wiki.na-prostem.si/index.php?action=history&feed=atom&title=Analiza_dostopnosti_spletnih_strani 2026-05-26T16:11:33Z Zgodovina navedene strani Na prostem MediaWiki 1.39.2 http://wiki.na-prostem.si/index.php?title=Analiza_dostopnosti_spletnih_strani&diff=1491&oldid=prev 2023-09-05T04:19:08Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sl"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starejša redakcija</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redakcija: 06:19, 5. september 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Vrstica 1:</td> <td colspan="2" class="diff-lineno">Vrstica 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Analiza dostopnosti spletnih strani''' je proces preverjanja<del style="font-weight: bold; text-decoration: none;">, </del>ali je spletna stran zasnovana in izdelana na način, ki omogoča <del style="font-weight: bold; text-decoration: none;">uporabo in </del>dostop do nje vsem uporabnikom, vključno <del style="font-weight: bold; text-decoration: none;">uporabnikom </del>z invalidnostmi.&lt;br&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Analiza dostopnosti spletnih strani''' je proces preverjanja ali je <ins style="font-weight: bold; text-decoration: none;">[[Spletna stran|</ins>spletna stran<ins style="font-weight: bold; text-decoration: none;">]] </ins>zasnovana in izdelana na način, ki omogoča dostop do nje <ins style="font-weight: bold; text-decoration: none;">in uporabo </ins>vsem uporabnikom, vključno <ins style="font-weight: bold; text-decoration: none;">z [[Uporabnik z invalidnostmi|uporabniki </ins>z invalidnostmi<ins style="font-weight: bold; text-decoration: none;">]]</ins>.&lt;br&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Analize dostopnosti se lotevamo po korakih, <del style="font-weight: bold; text-decoration: none;">seveda moramo že pred samo analizo poznati </del>in <del style="font-weight: bold; text-decoration: none;">razumeti smernice in standarde </del>dostopnosti (WCAG – Web Content Accessibility Guidelines).&lt;br&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Analize dostopnosti se lotevamo po korakih, <ins style="font-weight: bold; text-decoration: none;">ki so opredeljene v smernicah </ins>in <ins style="font-weight: bold; text-decoration: none;">standardih </ins>dostopnosti (WCAG – Web Content Accessibility Guidelines).&lt;br&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Pri analizi uporabljamo orodja za avtomatizirano preverjanje <del style="font-weight: bold; text-decoration: none;">dostopnosti</del>, ki <del style="font-weight: bold; text-decoration: none;">lahko </del>samodejno preverijo nekatere vidike dostopnosti spletnih strani. Ta orodja analizirajo kodo in vsebino strani ter opozorijo na pomanjkljivosti glede dostopnosti. <del style="font-weight: bold; text-decoration: none;">Kljub temu pa avtomatizirana </del>orodja ne morejo zajeti vseh vidikov, <del style="font-weight: bold; text-decoration: none;">zato </del>sledi ročni pregled dostopnosti. <del style="font-weight: bold; text-decoration: none;">Ročni pregled vključuje pregled strani z uporabo pripomočkov </del>in podporne tehnologije. Preveriti je treba vidnost in berljivost besedila, barvne kontraste, dostopnost interaktivnih elementov<del style="font-weight: bold; text-decoration: none;">, prav tako </del>je treba <del style="font-weight: bold; text-decoration: none;">biti pozoren, </del>ali je stran smiselno organizirana in strukturirana, da omogoča jasno razumevanje vsebine in <del style="font-weight: bold; text-decoration: none;">navigacijo</del>. Pomembno je tudi preveriti<del style="font-weight: bold; text-decoration: none;">, </del>ali je spletna stran dostopna na različnih napravah (namizni <del style="font-weight: bold; text-decoration: none;">računalniki</del>, tablice in mobilni telefoni) in v različnih brskalnikih.&lt;br&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Pri analizi <ins style="font-weight: bold; text-decoration: none;">lahko </ins>uporabljamo orodja za avtomatizirano preverjanje, ki samodejno preverijo nekatere vidike dostopnosti spletnih strani. Ta orodja analizirajo <ins style="font-weight: bold; text-decoration: none;">[[Programska koda|</ins>kodo<ins style="font-weight: bold; text-decoration: none;">]] </ins>in vsebino strani ter opozorijo na pomanjkljivosti glede dostopnosti.<ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Pri analizi se držimo <del style="font-weight: bold; text-decoration: none;">gesla </del>»Nič o invalidih brez invalidov«, kar pomeni, da se v uporabniško testiranje vedno vključi tudi ljudi z različnimi oviranostmi. Na tak način se zagotovi realen pogled v uporabniško izkušnjo in se odkrije napake, ki smo jih morda v preteklih korakih spregledali.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Ker ta </ins>orodja ne morejo zajeti vseh vidikov, sledi ročni pregled dostopnosti. <ins style="font-weight: bold; text-decoration: none;">Pri tem se uporablja nekatere pripomočke </ins>in podporne tehnologije. Preveriti je treba vidnost in berljivost besedila, barvne kontraste, dostopnost interaktivnih elementov<ins style="font-weight: bold; text-decoration: none;">. Preveriti </ins>je treba ali je <ins style="font-weight: bold; text-decoration: none;">spletna </ins>stran smiselno organizirana in strukturirana, da omogoča jasno razumevanje vsebine in <ins style="font-weight: bold; text-decoration: none;">premikanje po spletni strani</ins>.<ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Pomembno je tudi preveriti ali je spletna stran dostopna na različnih napravah (<ins style="font-weight: bold; text-decoration: none;">[[Namizni računalnik|</ins>namizni <ins style="font-weight: bold; text-decoration: none;">računalnik]]i</ins>, <ins style="font-weight: bold; text-decoration: none;">[[Računalniška tablica|</ins>tablice<ins style="font-weight: bold; text-decoration: none;">]] </ins>in <ins style="font-weight: bold; text-decoration: none;">[[Mobilni telefon|</ins>mobilni telefoni<ins style="font-weight: bold; text-decoration: none;">]]</ins>) in v različnih <ins style="font-weight: bold; text-decoration: none;">[[Spletni brskalnik|spletnih </ins>brskalnikih<ins style="font-weight: bold; text-decoration: none;">]]</ins>.&lt;br&gt;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Pri analizi se držimo <ins style="font-weight: bold; text-decoration: none;">načela </ins>»Nič o invalidih brez invalidov«, kar pomeni, da se v uporabniško testiranje vedno vključi tudi ljudi z različnimi oviranostmi. Na tak način se zagotovi realen pogled v uporabniško izkušnjo in se odkrije napake, ki smo jih morda v preteklih korakih spregledali.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;br&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;br&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Glej tudi: ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Glej tudi: ==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Podporna tehnologija za omogočanje digitalne dostopnosti]]  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Podporna tehnologija za omogočanje digitalne dostopnosti]]  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* [[Uporabnik z invalidnostmi]] </del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Digitalna dostopnost]]  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Digitalna dostopnost]]  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Spletna dostopnost]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Spletna dostopnost]]</div></td></tr> <!-- diff cache key wikidb-mediawiki-:diff::1.12:old-1397:rev-1491 --> </table>

Simona.knavs http://wiki.na-prostem.si/index.php?title=Analiza_dostopnosti_spletnih_strani&diff=1397&oldid=prev 2023-08-27T19:21:26Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sl"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starejša redakcija</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redakcija: 21:21, 27. avgust 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Vrstica 1:</td> <td colspan="2" class="diff-lineno">Vrstica 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Analiza dostopnosti spletnih strani je proces preverjanja, ali je spletna stran zasnovana in izdelana na način, ki omogoča uporabo in dostop do nje vsem uporabnikom, vključno uporabnikom z invalidnostmi. Analize dostopnosti se lotevamo po korakih, seveda moramo že pred samo analizo poznati in razumeti smernice in standarde dostopnosti (WCAG – Web Content Accessibility Guidelines). Pri analizi uporabljamo orodja za avtomatizirano preverjanje dostopnosti, ki lahko samodejno preverijo nekatere vidike dostopnosti spletnih strani. Ta orodja analizirajo kodo in vsebino strani ter opozorijo na pomanjkljivosti glede dostopnosti. Kljub temu pa avtomatizirana orodja ne morejo zajeti vseh vidikov, zato sledi ročni pregled dostopnosti. Ročni pregled vključuje pregled strani z uporabo pripomočkov in podporne tehnologije. Preveriti je treba vidnost in berljivost besedila, barvne kontraste, dostopnost interaktivnih elementov, prav tako je treba biti pozoren, ali je stran smiselno organizirana in strukturirana, da omogoča jasno razumevanje vsebine in navigacijo. Pomembno je tudi preveriti, ali je spletna stran dostopna na različnih napravah (namizni računalniki, tablice in mobilni telefoni) in v različnih brskalnikih. Pri analizi se držimo gesla »Nič o invalidih brez invalidov«, kar pomeni, da se v uporabniško testiranje vedno vključi tudi ljudi z različnimi oviranostmi. Na tak način se zagotovi realen pogled v uporabniško izkušnjo in se odkrije napake, ki smo jih morda v preteklih korakih spregledali.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">'''</ins>Analiza dostopnosti spletnih strani<ins style="font-weight: bold; text-decoration: none;">''' </ins>je proces preverjanja, ali je spletna stran zasnovana in izdelana na način, ki omogoča uporabo in dostop do nje vsem uporabnikom, vključno uporabnikom z invalidnostmi.<ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Analize dostopnosti se lotevamo po korakih, seveda moramo že pred samo analizo poznati in razumeti smernice in standarde dostopnosti (WCAG – Web Content Accessibility Guidelines).<ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Pri analizi uporabljamo orodja za avtomatizirano preverjanje dostopnosti, ki lahko samodejno preverijo nekatere vidike dostopnosti spletnih strani. Ta orodja analizirajo kodo in vsebino strani ter opozorijo na pomanjkljivosti glede dostopnosti. Kljub temu pa avtomatizirana orodja ne morejo zajeti vseh vidikov, zato sledi ročni pregled dostopnosti. Ročni pregled vključuje pregled strani z uporabo pripomočkov in podporne tehnologije. Preveriti je treba vidnost in berljivost besedila, barvne kontraste, dostopnost interaktivnih elementov, prav tako je treba biti pozoren, ali je stran smiselno organizirana in strukturirana, da omogoča jasno razumevanje vsebine in navigacijo. Pomembno je tudi preveriti, ali je spletna stran dostopna na različnih napravah (namizni računalniki, tablice in mobilni telefoni) in v različnih brskalnikih.<ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Pri analizi se držimo gesla »Nič o invalidih brez invalidov«, kar pomeni, da se v uporabniško testiranje vedno vključi tudi ljudi z različnimi oviranostmi. Na tak način se zagotovi realen pogled v uporabniško izkušnjo in se odkrije napake, ki smo jih morda v preteklih korakih spregledali.</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==<del style="font-weight: bold; text-decoration: none;">Viri</del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">Glej tudi: </ins>==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">W3C. (b. d.). Accessibility Standards Overview. https://www.w3.org/WAI/standards-guidelines/.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">[[Podporna tehnologija za omogočanje digitalne dostopnosti]] </ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">W3C. (b. d.). Involving Users in Evaluating Web Accessibility. https://www.w3.org/WAI/test-evaluate/involving-users/.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [[Uporabnik z invalidnostmi]] </ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [[Digitalna dostopnost]] </ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">[[Spletna dostopnost]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;br&gt;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Viri: ==</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* W3C. (b. d.). ''Accessibility Standards Overview.'' Pridobljeno 27. 8. 2023: https://www.w3.org/WAI/standards-guidelines/.</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* W3C. (b. d.). ''Involving Users in Evaluating Web Accessibility.'' Pridobljeno 27. 8. 2023: https://www.w3.org/WAI/test-evaluate/involving-users/.</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;br></ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">VEZANA GESLA IN OZNAKE: Podporna tehnologija za omogočanje digitalne dostopnosti Uporabnik z invalidnostmi Digitalna dostopnost Spletna dostopnost</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorija:Vse strani]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorija:Vse strani]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorija:Digitalna dostopnost in vključenost]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorija:Digitalna dostopnost in vključenost]]</div></td></tr> <!-- diff cache key wikidb-mediawiki-:diff::1.12:old-1243:rev-1397 --> </table>

Simona.knavs http://wiki.na-prostem.si/index.php?title=Analiza_dostopnosti_spletnih_strani&diff=1243&oldid=prev 2023-08-27T08:09:03Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sl"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starejša redakcija</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redakcija: 10:09, 27. avgust 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">Vrstica 8:</td> <td colspan="2" class="diff-lineno">Vrstica 8:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>VEZANA GESLA IN OZNAKE: Podporna tehnologija za omogočanje digitalne dostopnosti Uporabnik z invalidnostmi Digitalna dostopnost Spletna dostopnost</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>VEZANA GESLA IN OZNAKE: Podporna tehnologija za omogočanje digitalne dostopnosti Uporabnik z invalidnostmi Digitalna dostopnost Spletna dostopnost</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{Poglavje/</del>Digitalna dostopnost in vključenost<del style="font-weight: bold; text-decoration: none;">}}</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorija:Vse strani]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorija:</ins>Digitalna dostopnost in vključenost<ins style="font-weight: bold; text-decoration: none;">]]</ins></div></td></tr> <!-- diff cache key wikidb-mediawiki-:diff::1.12:old-1126:rev-1243 --> </table>

Simona.knavs http://wiki.na-prostem.si/index.php?title=Analiza_dostopnosti_spletnih_strani&diff=1126&oldid=prev 2023-08-21T04:25:57Z

<p>Nova stran z vsebino: Analiza dostopnosti spletnih strani je proces preverjanja, ali je spletna stran zasnovana in izdelana na način, ki omogoča uporabo in dostop do nje vsem uporabnikom, vključno uporabnikom z invalidnostmi. Analize dostopnosti se lotevamo po korakih, seveda moramo že pred samo analizo poznati in razumeti smernice in standarde dostopnosti (WCAG – Web Content Accessibility Guidelines). Pri analizi uporabljamo orodja za avtomatizirano preverjanje dostopnosti, ki lahko...</p> <p><b>Nova stran</b></p><div>Analiza dostopnosti spletnih strani je proces preverjanja, ali je spletna stran zasnovana in izdelana na način, ki omogoča uporabo in dostop do nje vsem uporabnikom, vključno uporabnikom z invalidnostmi. Analize dostopnosti se lotevamo po korakih, seveda moramo že pred samo analizo poznati in razumeti smernice in standarde dostopnosti (WCAG – Web Content Accessibility Guidelines). Pri analizi uporabljamo orodja za avtomatizirano preverjanje dostopnosti, ki lahko samodejno preverijo nekatere vidike dostopnosti spletnih strani. Ta orodja analizirajo kodo in vsebino strani ter opozorijo na pomanjkljivosti glede dostopnosti. Kljub temu pa avtomatizirana orodja ne morejo zajeti vseh vidikov, zato sledi ročni pregled dostopnosti. Ročni pregled vključuje pregled strani z uporabo pripomočkov in podporne tehnologije. Preveriti je treba vidnost in berljivost besedila, barvne kontraste, dostopnost interaktivnih elementov, prav tako je treba biti pozoren, ali je stran smiselno organizirana in strukturirana, da omogoča jasno razumevanje vsebine in navigacijo. Pomembno je tudi preveriti, ali je spletna stran dostopna na različnih napravah (namizni računalniki, tablice in mobilni telefoni) in v različnih brskalnikih. Pri analizi se držimo gesla »Nič o invalidih brez invalidov«, kar pomeni, da se v uporabniško testiranje vedno vključi tudi ljudi z različnimi oviranostmi. Na tak način se zagotovi realen pogled v uporabniško izkušnjo in se odkrije napake, ki smo jih morda v preteklih korakih spregledali.<br /> <br /> ==Viri==<br /> * W3C. (b. d.). Accessibility Standards Overview. https://www.w3.org/WAI/standards-guidelines/.<br /> * W3C. (b. d.). Involving Users in Evaluating Web Accessibility. https://www.w3.org/WAI/test-evaluate/involving-users/.<br /> <br /> <br /> VEZANA GESLA IN OZNAKE: Podporna tehnologija za omogočanje digitalne dostopnosti Uporabnik z invalidnostmi Digitalna dostopnost Spletna dostopnost<br /> <br /> {{Poglavje/Digitalna dostopnost in vključenost}}</div>

Simona.knavs