{"id":1220,"date":"2024-04-02T16:02:19","date_gmt":"2024-04-02T15:02:19","guid":{"rendered":"https:\/\/blog.lebara.co.uk\/?p=1220"},"modified":"2024-04-17T16:11:35","modified_gmt":"2024-04-17T15:11:35","slug":"screen-reader-accessibility-everything-you-need-to-know","status":"publish","type":"post","link":"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/","title":{"rendered":"Pr\u00edstupnos\u0165 \u010d\u00edta\u010dky obrazovky: V\u0161etko, \u010do potrebujete vedie\u0165"},"content":{"rendered":"<p>Navig\u00e1cia v oblasti \u010d\u00edta\u010dky obrazovky <a href=\"https:\/\/blog.lebara.co.uk\/sk\/unlocking-the-power-of-mobile-accessibility-a-guide-to-smartphone-features-for-disabled-users\/\">pr\u00edstupnos\u0165<\/a> je v dne\u0161nom digit\u00e1lnom prostred\u00ed, v ktorom s\u00fa za\u010dlenenie a pou\u017eite\u013enos\u0165 v popred\u00ed webov\u00e9ho dizajnu, ve\u013emi d\u00f4le\u017eit\u00e1. Pochopenie pr\u00edstupnosti \u010d\u00edta\u010diek obrazovky, teda v\u0161etk\u00e9ho, \u010do potrebujete vedie\u0165, m\u00f4\u017ee tvorcom webov\u00fdch str\u00e1nok umo\u017eni\u0165 zabezpe\u010di\u0165, aby bol ich obsah pr\u00edstupn\u00fd pre v\u0161etk\u00fdch pou\u017e\u00edvate\u013eov. Od d\u00f4le\u017eitosti alt textu a spr\u00e1vnej \u0161trukt\u00fary nadpisov a\u017e po v\u00fdznam orienta\u010dn\u00fdch bodov ARIA a navig\u00e1ciu pomocou kl\u00e1vesnice - t\u00e1to komplexn\u00e1 pr\u00edru\u010dka v\u00e1m pribl\u00ed\u017ei z\u00e1kladn\u00e9 zlo\u017eky pr\u00edstupnosti pre \u010d\u00edta\u010dky obrazovky, v\u0161etko, \u010do potrebujete vedie\u0165, aby ste vytvorili inkluz\u00edvnej\u0161\u00ed online z\u00e1\u017eitok pre v\u0161etk\u00fdch pou\u017e\u00edvate\u013eov.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Obsah<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Prep\u00ednanie tabu\u013eky obsahu\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Prep\u00edna\u010d<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Understanding_Screen_Readers\" >Pochopenie \u010d\u00edta\u010diek obrazovky<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Definition_and_Purpose_of_Screen_Readers\" >Defin\u00edcia a \u00fa\u010del \u010d\u00edta\u010diek obrazovky<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#The_Role_of_Screen_Readers_in_Accessibility\" >\u00daloha \u010d\u00edta\u010diek obrazovky v pr\u00edstupnosti<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Essential_Features_of_Screen_Readers\" >Z\u00e1kladn\u00e9 funkcie \u010d\u00edta\u010diek obrazovky<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Speech_Output\" >V\u00fdstup re\u010di<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Braille_Output\" >V\u00fdstup Braillovho p\u00edsma<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Navigation_Capabilities\" >Naviga\u010dn\u00e9 schopnosti<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#The_Importance_of_Screen_Reader_Accessibility\" >V\u00fdznam pr\u00edstupnosti \u010d\u00edta\u010dky obrazovky<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Inclusion_and_Digital_Equality\" >Za\u010dlenenie a digit\u00e1lna rovnos\u0165<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Legal_Implications\" >Pr\u00e1vne d\u00f4sledky<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Making_Web_Content_Accessible_for_Screen_Readers\" >Spr\u00edstupnenie webov\u00e9ho obsahu pre \u010d\u00edta\u010dky obrazovky<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Screen_Reader_Friendly_Design\" >Dizajn vhodn\u00fd pre \u010d\u00edta\u010dku obrazovky<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Accessible_Coding_Practices\" >Pr\u00edstupn\u00e9 postupy k\u00f3dovania<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Evaluating_Screen_Reader_Accessibility\" >Hodnotenie pr\u00edstupnosti \u010d\u00edta\u010dky obrazovky<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#Accessibility_Testing_Tools\" >N\u00e1stroje na testovanie pr\u00edstupnosti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/#User_Testing_and_Feedback\" >Testovanie pou\u017e\u00edvate\u013eov a sp\u00e4tn\u00e1 v\u00e4zba<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Understanding_Screen_Readers\"><\/span>Pochopenie \u010d\u00edta\u010diek obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Definition_and_Purpose_of_Screen_Readers\"><\/span>Defin\u00edcia a \u00fa\u010del \u010d\u00edta\u010diek obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><a href=\"https:\/\/blog.lebara.co.uk\/sk\/%ef%bf%bca-guide-to-screen-readers\/\">\u010c\u00edta\u010dky obrazovky<\/a> s\u00fa softv\u00e9rov\u00e9 aplik\u00e1cie, ktor\u00e9 konvertuj\u00fa text a in\u00e9 prvky na digit\u00e1lnej obrazovke do re\u010di alebo Braillovho p\u00edsma. Ich hlavn\u00fdm \u00fa\u010delom je pom\u00f4c\u0165 nevidiacim alebo slabozrak\u00fdm osob\u00e1m pri navig\u00e1cii a porozumen\u00ed obsahu webov\u00fdch str\u00e1nok, aplik\u00e1ci\u00ed a in\u00fdch digit\u00e1lnych rozhran\u00ed. T\u00fdm, \u017ee \u010d\u00edta\u010dky obrazovky interpretuj\u00fa inform\u00e1cie, ktor\u00e9 by boli zvy\u010dajne vizu\u00e1lne, umo\u017e\u0148uj\u00fa pou\u017e\u00edvate\u013eom komunikova\u0165 s digit\u00e1lnym obsahom sluchov\u00fdm sp\u00f4sobom, \u010d\u00edm poskytuj\u00fa prostriedok na pr\u00edstup k inform\u00e1ci\u00e1m, ktor\u00e9 by inak boli nepr\u00edstupn\u00e9. Zohr\u00e1vaj\u00fa k\u013e\u00fa\u010dov\u00fa \u00falohu pri preklenovan\u00ed priepasti medzi digit\u00e1lnym obsahom a pou\u017e\u00edvate\u013emi so zrakov\u00fdm postihnut\u00edm, \u010d\u00edm zabezpe\u010duj\u00fa, aby internet zostal inkluz\u00edvnym priestorom pre v\u0161etk\u00fdch. Pochopenie toho, ako \u010d\u00edta\u010dky obrazovky funguj\u00fa a \u010do vy\u017eaduj\u00fa, je prv\u00fdm krokom pri vytv\u00e1ran\u00ed skuto\u010dne pr\u00edstupn\u00e9ho webov\u00e9ho obsahu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"The_Role_of_Screen_Readers_in_Accessibility\"><\/span>\u00daloha \u010d\u00edta\u010diek obrazovky v pr\u00edstupnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u00daloha \u010d\u00edta\u010diek obrazovky presahuje oby\u010dajn\u00fa konverziu textu na re\u010d; s\u00fa k\u013e\u00fa\u010dov\u00e9 pre zabezpe\u010denie pr\u00edstupu k digit\u00e1lnemu obsahu pre pou\u017e\u00edvate\u013eov so zrakov\u00fdm postihnut\u00edm. V kontexte pr\u00edstupnosti webu \u010d\u00edta\u010dky obrazovky interpretuj\u00fa a sprostredk\u00favaj\u00fa inform\u00e1cie, ktor\u00e9 by pou\u017e\u00edvatelia inak vn\u00edmali vizu\u00e1lne, ako s\u00fa obr\u00e1zky, rozlo\u017eenie a interakt\u00edvne prvky. To umo\u017e\u0148uje pou\u017e\u00edvate\u013eom samostatne sa pohybova\u0165 po webov\u00fdch str\u00e1nkach, vyp\u013a\u0148a\u0165 formul\u00e1re a zap\u00e1ja\u0165 sa do online slu\u017eieb. \u010c\u00edta\u010dky obrazovky tie\u017e pom\u00e1haj\u00fa pou\u017e\u00edvate\u013eom pochopi\u0165 \u0161trukt\u00faru a hierarchiu webov\u00e9ho obsahu, \u010do je d\u00f4le\u017eit\u00e9 pre orient\u00e1ciu a navig\u00e1ciu. Poskytovan\u00edm sluchovej sp\u00e4tnej v\u00e4zby a u\u013eah\u010dovan\u00edm navig\u00e1cie pomocou kl\u00e1vesnice pom\u00e1haj\u00fa \u010d\u00edta\u010dky obrazovky vytv\u00e1ra\u0165 inkluz\u00edvne a pr\u00edstupn\u00e9 online prostredie, \u010d\u00edm sa plnia pr\u00e1vne a etick\u00e9 povinnosti na zabezpe\u010denie rovnak\u00e9ho pr\u00edstupu pre v\u0161etk\u00fdch pou\u017e\u00edvate\u013eov. Ako tak\u00e9 s\u00fa neoddelite\u013enou s\u00fa\u010das\u0165ou pr\u00edstupnosti webov\u00fdch str\u00e1nok a musia sa zoh\u013ead\u0148ova\u0165 v ka\u017edom aspekte n\u00e1vrhu a v\u00fdvoja webov\u00fdch str\u00e1nok.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Essential_Features_of_Screen_Readers\"><\/span>Z\u00e1kladn\u00e9 funkcie \u010d\u00edta\u010diek obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Speech_Output\"><\/span>V\u00fdstup re\u010di<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Funkcia re\u010dov\u00e9ho v\u00fdstupu je z\u00e1kladom toho, \u010do rob\u00ed z \u010d\u00edta\u010diek obrazovky neocenite\u013en\u00fd n\u00e1stroj pre pou\u017e\u00edvate\u013eov so zrakov\u00fdm postihnut\u00edm. T\u00e1to funkcia preklad\u00e1 inform\u00e1cie na obrazovke na hovoren\u00e9 slov\u00e1, \u010d\u00edm umo\u017e\u0148uje pou\u017e\u00edvate\u013eom z\u00edska\u0165 zvukov\u00fa sp\u00e4tn\u00fa v\u00e4zbu z po\u010d\u00edta\u010da alebo mobiln\u00e9ho zariadenia. Sofistikovanos\u0165 synt\u00e9zy re\u010di sa v\u00fdrazne vyvinula a pon\u00faka prirodzene znej\u00face hlasy v r\u00f4znych pr\u00edzvukoch a jazykoch. Pou\u017e\u00edvatelia si m\u00f4\u017eu prisp\u00f4sobi\u0165 r\u00fdchlos\u0165, v\u00fd\u0161ku a hlasitos\u0165 re\u010di pod\u013ea svojich preferenci\u00ed, \u010do zvy\u0161uje zrozumite\u013enos\u0165 a jednoduchos\u0165 pou\u017e\u00edvania. Okrem \u010d\u00edtania textov\u00e9ho obsahu na str\u00e1nke \u010d\u00edta\u010de obrazovky oznamuj\u00fa aj d\u00f4le\u017eit\u00e9 naviga\u010dn\u00e9 pokyny a akcie, ako je aktiv\u00e1cia odkazov a chybov\u00e9 hl\u00e1senia. Tieto zvukov\u00e9 pokyny s\u00fa nevyhnutn\u00e9 na to, aby pou\u017e\u00edvatelia pochopili rozvrhnutie a mohli efekt\u00edvne pracova\u0165 s webov\u00fdmi str\u00e1nkami. Re\u010dov\u00fd v\u00fdstup nie je len o \u010d\u00edtan\u00ed textu, ale o vytv\u00e1ran\u00ed bezprobl\u00e9movej navig\u00e1cie pre v\u0161etk\u00fdch pou\u017e\u00edvate\u013eov.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Braille_Output\"><\/span>V\u00fdstup Braillovho p\u00edsma<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Popri re\u010dovom v\u00fdstupe je Braillov v\u00fdstup d\u00f4le\u017eitou funkciou \u010d\u00edta\u010diek obrazovky, ktor\u00e1 je ur\u010den\u00e1 hluchoslep\u00fdm pou\u017e\u00edvate\u013eom alebo pou\u017e\u00edvate\u013eom, ktor\u00ed uprednost\u0148uj\u00fa \u010d\u00edtanie prostredn\u00edctvom dotyku. T\u00e1to funkcia funguje tak, \u017ee text na obrazovke sa preklad\u00e1 do Braillovho p\u00edsma, ktor\u00e9 sa zobrazuje na obnovite\u013enom Braillovom displeji - hmatovom zariaden\u00ed, ktor\u00e9 pozost\u00e1va zo s\u00e9rie kol\u00edkov, ktor\u00e9 sa pohybuj\u00fa hore a dole a vytv\u00e1raj\u00fa Braillove znaky. Tieto displeje s\u00fa \u010dasto vybaven\u00e9 naviga\u010dn\u00fdmi tla\u010didlami, ktor\u00e9 pou\u017e\u00edvate\u013eom umo\u017e\u0148uj\u00fa pos\u00fava\u0165 text a komunikova\u0165 so zariaden\u00edm. V\u00fdstup Braillovho p\u00edsma poskytuje pou\u017e\u00edvate\u013eom priamy a s\u00fakromn\u00fd sp\u00f4sob pr\u00edstupu k obsahu, \u010do m\u00f4\u017ee by\u0165 u\u017eito\u010dn\u00e9 najm\u00e4 v hlu\u010dnom prostred\u00ed alebo v situ\u00e1ci\u00e1ch, ke\u010f by zvukov\u00e1 sp\u00e4tn\u00e1 v\u00e4zba bola ru\u0161iv\u00e1. Integr\u00e1ciou Braillov\u00fdch displejov s \u010d\u00edta\u010dkami obrazovky technol\u00f3gia zabezpe\u010duje, \u017ee aj zlo\u017eit\u00fd digit\u00e1lny obsah, ako s\u00fa grafy a tabu\u013eky, sa st\u00e1va pr\u00edstupnej\u0161\u00edm a inkluz\u00edvnej\u0161\u00edm pre osoby odk\u00e1zan\u00e9 na hmatov\u00fa sp\u00e4tn\u00fa v\u00e4zbu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Navigation_Capabilities\"><\/span>Naviga\u010dn\u00e9 schopnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Naviga\u010dn\u00e9 funkcie s\u00fa z\u00e1kladom funk\u010dnosti \u010d\u00edta\u010diek obrazovky, ktor\u00e9 umo\u017e\u0148uj\u00fa pou\u017e\u00edvate\u013eom metodicky prech\u00e1dza\u0165 digit\u00e1lnym obsahom. Pomocou kl\u00e1vesov\u00fdch skratiek a gest m\u00f4\u017eu pou\u017e\u00edvatelia prech\u00e1dza\u0165 medzi nadpismi, odkazmi, tla\u010didlami a formul\u00e1rov\u00fdmi poliami bez potreby my\u0161i. T\u00e1to forma navig\u00e1cie je ve\u013emi d\u00f4le\u017eit\u00e1, preto\u017ee umo\u017e\u0148uje pou\u017e\u00edvate\u013eom pochopi\u0165 \u0161trukt\u00faru a rozlo\u017eenie inform\u00e1ci\u00ed, ktor\u00e9 s\u00fa im prezentovan\u00e9. \u010c\u00edta\u010dky obrazovky \u010dasto poskytuj\u00fa mo\u017enos\u0165 zobrazi\u0165 zoznam v\u0161etk\u00fdch dostupn\u00fdch nadpisov alebo odkazov na str\u00e1nke, \u010do u\u013eah\u010duje preh\u013ead a r\u00fdchle n\u00e1jdenie konkr\u00e9tnych \u010dast\u00ed, ktor\u00e9 s\u00fa predmetom z\u00e1ujmu.<\/p>\n\n\n\n<p>Okrem toho tieto n\u00e1stroje podporuj\u00fa preskakovanie na hlavn\u00e9 oblasti obsahu, \u010d\u00edm sa obch\u00e1dzaj\u00fa opakuj\u00face sa naviga\u010dn\u00e9 odkazy, ktor\u00fdch opakovan\u00e9 prezeranie m\u00f4\u017ee by\u0165 nepr\u00edjemn\u00e9. Schopnos\u0165 efekt\u00edvne sa pohybova\u0165 po obsahu nielen\u017ee umo\u017e\u0148uje pou\u017e\u00edvate\u013eom so zrakov\u00fdm postihnut\u00edm efekt\u00edvne pou\u017e\u00edva\u0165 digit\u00e1lne platformy, ale zlep\u0161uje aj ich celkov\u00fd z\u00e1\u017eitok z prehliadania, \u010d\u00edm podporuje v\u00e4\u010d\u0161iu nez\u00e1vislos\u0165 a sebad\u00f4veru online.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"The_Importance_of_Screen_Reader_Accessibility\"><\/span>V\u00fdznam pr\u00edstupnosti \u010d\u00edta\u010dky obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Inclusion_and_Digital_Equality\"><\/span>Za\u010dlenenie a digit\u00e1lna rovnos\u0165<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pr\u00edstupnos\u0165 \u010d\u00edta\u010diek obrazovky je z\u00e1kladom digit\u00e1lnej rovnosti, ktor\u00e1 zabezpe\u010duje, aby v\u0161etci pou\u017e\u00edvatelia bez oh\u013eadu na zrakov\u00e9 schopnosti mali rovnak\u00fd pr\u00edstup k inform\u00e1ci\u00e1m a online slu\u017eb\u00e1m. Vo svete, kde sa internet stal hlavn\u00fdm zdrojom vzdel\u00e1vania, zamestnania a soci\u00e1lnej interakcie, nemo\u017eno prece\u0148ova\u0165 v\u00fdznam inkl\u00fazie. Dodr\u017eiavan\u00edm noriem pr\u00edstupnosti webu a navrhovan\u00edm s oh\u013eadom na \u010d\u00edta\u010dky obrazovky m\u00f4\u017eu tvorcovia a v\u00fdvoj\u00e1ri odstr\u00e1ni\u0165 prek\u00e1\u017eky, ktor\u00e9 inak br\u00e1nia osob\u00e1m so zrakov\u00fdm postihnut\u00edm v plnohodnotnej \u00fa\u010dasti na digit\u00e1lnej komunite.<\/p>\n\n\n\n<p>Tento z\u00e1v\u00e4zok k digit\u00e1lnej inkl\u00fazii je prospe\u0161n\u00fd nielen pre pou\u017e\u00edvate\u013eov, ktor\u00ed sa spoliehaj\u00fa na \u010d\u00edta\u010dky obrazovky, ale odr\u00e1\u017ea aj \u0161ir\u0161\u00ed spolo\u010densk\u00fd posun smerom k uzn\u00e1vaniu a re\u0161pektovaniu rozmanitosti. Je to prejavom z\u00e1v\u00e4zku k spolo\u010denskej zodpovednosti a dodr\u017eiavaniu pr\u00e1vnych predpisov o pr\u00edstupnosti. Uprednost\u0148ovanie pr\u00edstupnosti \u010d\u00edta\u010diek obrazovky je v podstate o presadzovan\u00ed pr\u00e1va na pr\u00edstup k inform\u00e1ci\u00e1m a slu\u017eb\u00e1m pre ka\u017ed\u00e9ho, \u010do prispieva k inkluz\u00edvnej\u0161iemu a spravodlivej\u0161iemu digit\u00e1lnemu svetu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Legal_Implications\"><\/span>Pr\u00e1vne d\u00f4sledky<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pr\u00e1vne d\u00f4sledky pr\u00edstupnosti \u010d\u00edta\u010diek obrazovky s\u00fa v\u00fdznamn\u00e9 a ich v\u00fdznam rastie s t\u00fdm, ako \u010doraz viac kraj\u00edn prij\u00edma pr\u00edsne z\u00e1kony o pr\u00edstupnosti webov\u00fdch str\u00e1nok. V mnoh\u00fdch regi\u00f3noch sa v pr\u00e1vnych predpisoch, ako je z\u00e1kon o zdravotne postihnut\u00fdch Ameri\u010danoch (ADA) v Spojen\u00fdch \u0161t\u00e1toch a z\u00e1kon o rovnosti z roku 2010 v Spojenom kr\u00e1\u013eovstve, vy\u017eaduje, aby boli verejn\u00e9 webov\u00e9 str\u00e1nky pr\u00edstupn\u00e9 pre osoby so zdravotn\u00fdm postihnut\u00edm vr\u00e1tane t\u00fdch, ktor\u00e9 pou\u017e\u00edvaj\u00fa \u010d\u00edta\u010dky obrazovky. Nedodr\u017eanie t\u00fdchto pravidiel m\u00f4\u017ee vies\u0165 k pr\u00e1vnym n\u00e1mietkam, pokut\u00e1m a po\u0161kodeniu dobr\u00e9ho mena.<\/p>\n\n\n\n<p>Okrem toho tieto pr\u00e1vne po\u017eiadavky nie s\u00fa statick\u00e9; vyv\u00edjaj\u00fa sa tak, aby odr\u00e1\u017eali meniace sa digit\u00e1lne prostredie a potrebu v\u00e4\u010d\u0161ej dostupnosti. Pochopenie a implement\u00e1cia usmernen\u00ed o pr\u00edstupnosti webov\u00e9ho obsahu (WCAG) je preto pre mnoh\u00e9 organiz\u00e1cie nielen osved\u010den\u00fdm postupom, ale aj pr\u00e1vnou nevyhnutnos\u0165ou. Zabezpe\u010denie toho, aby digit\u00e1lny obsah sp\u013a\u0148al tieto normy, nielen\u017ee zmier\u0148uje pr\u00e1vne rizik\u00e1, ale tie\u017e posil\u0148uje z\u00e1v\u00e4zok organiz\u00e1cie poskytova\u0165 v\u0161etk\u00fdm pou\u017e\u00edvate\u013eom spravodliv\u00fd pr\u00edstup k svojim slu\u017eb\u00e1m.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Making_Web_Content_Accessible_for_Screen_Readers\"><\/span>Spr\u00edstupnenie webov\u00e9ho obsahu pre \u010d\u00edta\u010dky obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Screen_Reader_Friendly_Design\"><\/span>Dizajn vhodn\u00fd pre \u010d\u00edta\u010dku obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pri vytv\u00e1ran\u00ed dizajnu vhodn\u00e9ho pre \u010d\u00edta\u010dky obrazovky ide o viac ne\u017e len o dodr\u017eiavanie predpisov; ide o vytvorenie z\u00e1\u017eitku, ktor\u00fd je pou\u017eite\u013en\u00fd a pr\u00edjemn\u00fd pre v\u0161etk\u00fdch. Za\u010d\u00edna to pou\u017e\u00edvan\u00edm s\u00e9mantick\u00e9ho HTML na vyjadrenie \u0161trukt\u00fary a v\u00fdznamu webov\u00e9ho obsahu. S\u00e9mantick\u00e9 prvky, ako s\u00fa nadpisy, zoznamy a tabu\u013eky, poskytuj\u00fa pou\u017e\u00edvate\u013eom \u010d\u00edta\u010dky obrazovky kontext a pochopenie hierarchie a vz\u0165ahov obsahu.<\/p>\n\n\n\n<p>Okrem toho zabezpe\u010denie toho, aby boli v\u0161etky interakt\u00edvne prvky pr\u00edstupn\u00e9 z kl\u00e1vesnice a aby boli formul\u00e1re spr\u00e1vne ozna\u010den\u00e9, v\u00fdrazne zlep\u0161\u00ed pou\u017eite\u013enos\u0165 pre pou\u017e\u00edvate\u013eov \u010d\u00edta\u010dky obrazovky. Medzi \u010fal\u0161ie aspekty patr\u00ed poskytovanie zmyslupln\u00e9ho alternat\u00edvneho textu pre obr\u00e1zky a zabezpe\u010denie toho, aby \u010d\u00edta\u010dky obrazovky oznamovali dynamick\u00e9 aktualiz\u00e1cie obsahu. Osvojen\u00edm si t\u00fdchto postupov m\u00f4\u017eu webov\u00ed dizajn\u00e9ri a v\u00fdvoj\u00e1ri vytvori\u0165 pre pou\u017e\u00edvate\u013eov \u010d\u00edta\u010diek obrazovky preh\u013eadnej\u0161ie a intuit\u00edvnej\u0161ie prostredie, \u010do v kone\u010dnom d\u00f4sledku povedie k inkluz\u00edvnej\u0161iemu digit\u00e1lnemu prostrediu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Accessible_Coding_Practices\"><\/span>Pr\u00edstupn\u00e9 postupy k\u00f3dovania<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pr\u00edstupn\u00e9 k\u00f3dovacie postupy s\u00fa nevyhnutn\u00e9 na to, aby bol webov\u00fd obsah pou\u017eite\u013en\u00fd pre pou\u017e\u00edvate\u013eov \u010d\u00edta\u010dky obrazovky. To zah\u0155\u0148a p\u00edsanie k\u00f3du, ktor\u00fd dodr\u017eiava \u0161tandardy pr\u00edstupnosti webu, ako s\u00fa napr\u00edklad usmernenia pre pr\u00edstupnos\u0165 webov\u00e9ho obsahu (WCAG). V\u00fdvoj\u00e1ri by mali pou\u017e\u00edva\u0165 roly a atrib\u00faty ARIA (Accessible Rich Internet Applications), ke\u010f nat\u00edvne prvky HTML nesta\u010dia na vyjadrenie \u00fa\u010delu a stavu interakt\u00edvnych komponentov. To pom\u00e1ha \u010d\u00edta\u010dk\u00e1m obrazovky interpretova\u0165 a sprostredkova\u0165 pou\u017e\u00edvate\u013eovi funk\u010dnos\u0165 webov\u00fdch prvkov.<\/p>\n\n\n\n<p>Je tie\u017e d\u00f4le\u017eit\u00e9 zabezpe\u010di\u0165, aby bol cel\u00fd obsah pr\u00edstupn\u00fd len pomocou kl\u00e1vesnice, preto\u017ee pou\u017e\u00edvatelia \u010d\u00edta\u010dky obrazovky sa \u010dasto spoliehaj\u00fa na navig\u00e1ciu pomocou kl\u00e1vesnice. To znamen\u00e1, \u017ee sa treba vyhn\u00fa\u0165 k\u00f3dovac\u00edm postupom, ktor\u00e9 m\u00f4\u017eu pou\u017e\u00edvate\u013eov kl\u00e1vesnice uv\u00e4zni\u0165, ako napr\u00edklad niektor\u00e9 udalosti JavaScriptu, ktor\u00e9 nemusia by\u0165 pr\u00edstupn\u00e9 prostredn\u00edctvom kl\u00e1vesnice. Pravideln\u00e9 testovanie pomocou \u010d\u00edta\u010diek obrazovky a z\u00edskavanie sp\u00e4tnej v\u00e4zby od pou\u017e\u00edvate\u013eov so zrakov\u00fdm postihnut\u00edm m\u00f4\u017ee tie\u017e zlep\u0161i\u0165 praktickos\u0165 k\u00f3du a celkov\u00fd pou\u017e\u00edvate\u013esk\u00fd z\u00e1\u017eitok. Zavedenie t\u00fdchto postupov pom\u00e1ha vytvori\u0165 web, ktor\u00fd je skuto\u010dne pr\u00edstupn\u00fd pre ka\u017ed\u00e9ho.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Evaluating_Screen_Reader_Accessibility\"><\/span>Hodnotenie pr\u00edstupnosti \u010d\u00edta\u010dky obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Accessibility_Testing_Tools\"><\/span>N\u00e1stroje na testovanie pr\u00edstupnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>N\u00e1stroje na testovanie pr\u00edstupnosti s\u00fa u\u017eito\u010dn\u00e9 pri hodnoten\u00ed pr\u00edstupnosti \u010d\u00edta\u010dky obrazovky. Tieto n\u00e1stroje dok\u00e1\u017eu automaticky skontrolova\u0165 webov\u00e9 str\u00e1nky pod\u013ea zaveden\u00fdch noriem pr\u00edstupnosti, ako je napr\u00edklad WCAG, a identifikova\u0165 oblasti, ktor\u00e9 je potrebn\u00e9 zlep\u0161i\u0165. N\u00e1stroje ako WAVE, axe a Lighthouse poskytuj\u00fa podrobn\u00e9 spr\u00e1vy o probl\u00e9moch s pr\u00edstupnos\u0165ou, ktor\u00e9 m\u00f4\u017eu siaha\u0165 od ch\u00fdbaj\u00faceho textu alt a\u017e po nespr\u00e1vne pou\u017eitie ARIA.<\/p>\n\n\n\n<p>Je v\u0161ak ve\u013emi d\u00f4le\u017eit\u00e9 doplni\u0165 automatizovan\u00e9 testovanie manu\u00e1lnym testovan\u00edm pomocou skuto\u010dn\u00fdch \u010d\u00edta\u010diek obrazovky, ako s\u00fa NVDA, JAWS alebo VoiceOver. T\u00e1to kombin\u00e1cia poskytuje presnej\u0161ie pochopenie pou\u017e\u00edvate\u013esk\u00e9ho z\u00e1\u017eitku pou\u017e\u00edvate\u013eov \u010d\u00edta\u010dky obrazovky. Okrem toho zapojenie pou\u017e\u00edvate\u013eov so zrakov\u00fdm postihnut\u00edm do testovania pou\u017e\u00edvate\u013eov m\u00f4\u017ee poskytn\u00fa\u0165 neocenite\u013en\u00e9 poznatky o praktickej pr\u00edstupnosti webovej lokality. Pou\u017eit\u00edm kombin\u00e1cie t\u00fdchto n\u00e1strojov a strat\u00e9gi\u00ed m\u00f4\u017eu v\u00fdvoj\u00e1ri a dizajn\u00e9ri zabezpe\u010di\u0165, aby ich obsah bol nielen v s\u00falade so smernicami o pr\u00edstupnosti, ale aby bol skuto\u010dne pr\u00edstupn\u00fd a pou\u017e\u00edvate\u013esky pr\u00edvetiv\u00fd.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"User_Testing_and_Feedback\"><\/span>Testovanie pou\u017e\u00edvate\u013eov a sp\u00e4tn\u00e1 v\u00e4zba<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pou\u017e\u00edvate\u013esk\u00e9 testovanie s osobami, ktor\u00e9 pou\u017e\u00edvaj\u00fa \u010d\u00edta\u010dky obrazovky, je d\u00f4le\u017eit\u00fdm krokom pri hodnoten\u00ed pr\u00edstupnosti webov\u00e9ho obsahu. Sp\u00e4tn\u00e1 v\u00e4zba od skuto\u010dn\u00fdch pou\u017e\u00edvate\u013eov poskytuje priamy poh\u013ead na praktick\u00e9 probl\u00e9my, ktor\u00fdm \u010delia pou\u017e\u00edvatelia \u010d\u00edta\u010diek obrazovky, a pom\u00e1ha identifikova\u0165 oblasti, ktor\u00e9 by automatizovan\u00e9 n\u00e1stroje mohli prehliadnu\u0165. Tento proces zah\u0155\u0148a pozorovanie pou\u017e\u00edvate\u013eov pri navig\u00e1cii na webovej lokalite, \u010do im umo\u017e\u0148uje vyjadri\u0165 svoje sk\u00fasenosti a pr\u00edpadn\u00e9 \u0165a\u017ekosti, s ktor\u00fdmi sa stretli.<\/p>\n\n\n\n<p>Zapracovanie tejto sp\u00e4tnej v\u00e4zby do v\u00fdvojov\u00e9ho cyklu je nevyhnutn\u00e9 na vytvorenie pr\u00edstupn\u00e9ho online prostredia. Je d\u00f4le\u017eit\u00e9 kl\u00e1s\u0165 konkr\u00e9tne ot\u00e1zky o sk\u00fasenostiach pou\u017e\u00edvate\u013eov, napr\u00edklad o jednoduchosti navig\u00e1cie, zrozumite\u013enosti pokynov a celkovej spokojnosti s funkciami pr\u00edstupnosti webovej str\u00e1nky. Vykon\u00e1vanie \u00faprav na z\u00e1klade tejto sp\u00e4tnej v\u00e4zby zabezpe\u010d\u00ed, \u017ee webov\u00e9 str\u00e1nky bud\u00fa nielen technicky pr\u00edstupn\u00e9, ale aj v praxi priate\u013esk\u00e9 pre pou\u017e\u00edvate\u013eov. V\u010dasn\u00e9 a \u010dast\u00e9 zapojenie komunity pou\u017e\u00edvate\u013eov \u010d\u00edta\u010diek obrazovky je k\u013e\u00fa\u010dom k vytvoreniu skuto\u010dne inkluz\u00edvneho digit\u00e1lneho produktu.<\/p>","protected":false},"excerpt":{"rendered":"<p>Orient\u00e1cia v oblasti pr\u00edstupnosti \u010d\u00edta\u010diek obrazovky je v dne\u0161nom digit\u00e1lnom prostred\u00ed, kde s\u00fa inkl\u00fazia a pou\u017eite\u013enos\u0165 v popred\u00ed webov\u00e9ho dizajnu, k\u013e\u00fa\u010dov\u00e1. Pochopenie pr\u00edstupnosti \u010d\u00edta\u010diek obrazovky, teda v\u0161etk\u00e9ho, \u010do potrebujete vedie\u0165, m\u00f4\u017ee tvorcom webov\u00fdch str\u00e1nok umo\u017eni\u0165 zabezpe\u010di\u0165, aby bol ich obsah pr\u00edstupn\u00fd pre v\u0161etk\u00fdch pou\u017e\u00edvate\u013eov. Od d\u00f4le\u017eitosti alt textu a spr\u00e1vneho...<\/p>\n<div><a class=\"read-more button-link\" href=\"https:\/\/blog.lebara.co.uk\/sk\/screen-reader-accessibility-everything-you-need-to-know\/\">\u010c\u00edtajte viac<\/a><\/div>","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-1220","post","type-post","status-publish","format-standard","hentry","category-lebara-news","clearfix",false],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/posts\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":1,"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/posts\/1220\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/posts\/1220\/revisions\/1241"}],"wp:attachment":[{"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/media?parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/categories?post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/sk\/wp-json\/wp\/v2\/tags?post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}