{"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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/","title":{"rendered":"Zp\u0159\u00edstupn\u011bn\u00ed \u010dte\u010dky obrazovky: V\u0161e, co pot\u0159ebujete v\u011bd\u011bt"},"content":{"rendered":"<p>Navigace v oblasti \u010dte\u010dek obrazovky <a href=\"https:\/\/blog.lebara.co.uk\/cs\/unlocking-the-power-of-mobile-accessibility-a-guide-to-smartphone-features-for-disabled-users\/\">p\u0159\u00edstupnost<\/a> je v dne\u0161n\u00edm digit\u00e1ln\u00edm prost\u0159ed\u00ed, kde jsou v pop\u0159ed\u00ed z\u00e1jmu o design webov\u00fdch str\u00e1nek za\u010dlen\u011bn\u00ed a pou\u017eitelnost, z\u00e1sadn\u00ed. Pochopen\u00ed p\u0159\u00edstupnosti pro \u010dte\u010dky obrazovky, tedy v\u0161eho, co pot\u0159ebujete v\u011bd\u011bt, m\u016f\u017ee tv\u016frc\u016fm webov\u00fdch str\u00e1nek umo\u017enit zajistit, aby byl jejich obsah p\u0159\u00edstupn\u00fd v\u0161em u\u017eivatel\u016fm. Tento komplexn\u00ed pr\u016fvodce se zab\u00fdv\u00e1 z\u00e1kladn\u00edmi slo\u017ekami p\u0159\u00edstupnosti pro \u010dte\u010dky obrazovky, v\u0161\u00edm, co pot\u0159ebujete v\u011bd\u011bt, abyste mohli vytvo\u0159it inkluzivn\u011bj\u0161\u00ed online prost\u0159ed\u00ed pro v\u0161echny u\u017eivatele - od d\u016fle\u017eitosti alt textu a spr\u00e1vn\u00e9 struktury nadpis\u016f a\u017e po v\u00fdznam orienta\u010dn\u00edch bod\u016f ARIA a navigaci pomoc\u00ed kl\u00e1vesnice.<\/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=\"P\u0159epnut\u00ed tabulky obsahu\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">P\u0159ep\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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Understanding_Screen_Readers\" >Porozum\u011bn\u00ed \u010dte\u010dk\u00e1m 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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Definition_and_Purpose_of_Screen_Readers\" >Definice a \u00fa\u010del \u010dte\u010dek 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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#The_Role_of_Screen_Readers_in_Accessibility\" >\u00daloha \u010dte\u010dek obrazovky v p\u0159\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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Essential_Features_of_Screen_Readers\" >Z\u00e1kladn\u00ed funkce \u010dte\u010dek 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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Speech_Output\" >\u0158e\u010dov\u00fd v\u00fdstup<\/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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Braille_Output\" >V\u00fdstup Braillova 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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Navigation_Capabilities\" >Naviga\u010dn\u00ed 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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#The_Importance_of_Screen_Reader_Accessibility\" >D\u016fle\u017eitost zp\u0159\u00edstupn\u011bn\u00ed \u010dte\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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Inclusion_and_Digital_Equality\" >Inkluze a digit\u00e1ln\u00ed rovnost<\/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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Legal_Implications\" >Pr\u00e1vn\u00ed d\u016fsledky<\/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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Making_Web_Content_Accessible_for_Screen_Readers\" >Zp\u0159\u00edstupn\u011bn\u00ed webov\u00e9ho obsahu pro \u010dte\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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Screen_Reader_Friendly_Design\" >Design vhodn\u00fd pro \u010dte\u010dky 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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Accessible_Coding_Practices\" >P\u0159\u00edstupn\u00e9 postupy k\u00f3dov\u00e1n\u00ed<\/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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Evaluating_Screen_Reader_Accessibility\" >Hodnocen\u00ed p\u0159\u00edstupnosti \u010dte\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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#Accessibility_Testing_Tools\" >N\u00e1stroje pro testov\u00e1n\u00ed p\u0159\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\/cs\/screen-reader-accessibility-everything-you-need-to-know\/#User_Testing_and_Feedback\" >U\u017eivatelsk\u00e9 testov\u00e1n\u00ed a zp\u011btn\u00e1 vazba<\/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>Porozum\u011bn\u00ed \u010dte\u010dk\u00e1m 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>Definice a \u00fa\u010del \u010dte\u010dek obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><a href=\"https:\/\/blog.lebara.co.uk\/cs\/%ef%bf%bca-guide-to-screen-readers\/\">\u010cte\u010dky obrazovky<\/a> jsou softwarov\u00e9 aplikace, kter\u00e9 p\u0159ev\u00e1d\u011bj\u00ed text a dal\u0161\u00ed prvky na digit\u00e1ln\u00ed obrazovce do \u0159e\u010di nebo Braillova p\u00edsma. Jejich hlavn\u00edm \u00fa\u010delem je pom\u00e1hat nevidom\u00fdm nebo slabozrak\u00fdm osob\u00e1m p\u0159i navigaci a porozum\u011bn\u00ed obsahu webov\u00fdch str\u00e1nek, aplikac\u00ed a dal\u0161\u00edch digit\u00e1ln\u00edch rozhran\u00ed. T\u00edm, \u017ee \u010dte\u010dky obrazovky interpretuj\u00ed informace, kter\u00e9 by byly obvykle vizu\u00e1ln\u00ed, umo\u017e\u0148uj\u00ed u\u017eivatel\u016fm komunikovat s digit\u00e1ln\u00edm obsahem sluchov\u00fdm zp\u016fsobem a poskytuj\u00ed tak prost\u0159edky pro p\u0159\u00edstup k informac\u00edm, kter\u00e9 by jinak byly nedostupn\u00e9. Hraj\u00ed kl\u00ed\u010dovou roli p\u0159i p\u0159eklenov\u00e1n\u00ed propasti mezi digit\u00e1ln\u00edm obsahem a u\u017eivateli se zrakov\u00fdm posti\u017een\u00edm a zaji\u0161\u0165uj\u00ed, aby internet z\u016fstal inkluzivn\u00edm prostorem pro v\u0161echny. Pochopen\u00ed toho, jak \u010dte\u010dky obrazovky funguj\u00ed a co vy\u017eaduj\u00ed, je prvn\u00edm krokem k vytvo\u0159en\u00ed skute\u010dn\u011b p\u0159\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 \u010dte\u010dek obrazovky v p\u0159\u00edstupnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u00daloha ode\u010d\u00edta\u010d\u016f obrazovky p\u0159esahuje pouh\u00fd p\u0159evod textu na \u0159e\u010d; maj\u00ed z\u00e1sadn\u00ed v\u00fdznam pro zp\u0159\u00edstupn\u011bn\u00ed digit\u00e1ln\u00edho obsahu u\u017eivatel\u016fm se zrakov\u00fdm posti\u017een\u00edm. V kontextu p\u0159\u00edstupnosti webu \u010dte\u010dky obrazovky interpretuj\u00ed a zprost\u0159edkov\u00e1vaj\u00ed informace, kter\u00e9 by u\u017eivatel\u00e9 jinak vn\u00edmali vizu\u00e1ln\u011b, jako jsou obr\u00e1zky, rozvr\u017een\u00ed a interaktivn\u00ed prvky. To umo\u017e\u0148uje u\u017eivatel\u016fm samostatn\u011b proch\u00e1zet webov\u00e9 str\u00e1nky, vypl\u0148ovat formul\u00e1\u0159e a zapojovat se do online slu\u017eeb. \u010cte\u010dky obrazovky tak\u00e9 pom\u00e1haj\u00ed u\u017eivatel\u016fm pochopit strukturu a hierarchii webov\u00e9ho obsahu, co\u017e je d\u016fle\u017eit\u00e9 pro orientaci a navigaci. Poskytov\u00e1n\u00edm sluchov\u00e9 zp\u011btn\u00e9 vazby a usnad\u0148ov\u00e1n\u00edm navigace pomoc\u00ed kl\u00e1vesnice pom\u00e1haj\u00ed ode\u010d\u00edta\u010de obrazovky vytv\u00e1\u0159et inkluzivn\u00ed a p\u0159\u00edstupn\u00e9 online prost\u0159ed\u00ed, \u010d\u00edm\u017e pln\u00ed pr\u00e1vn\u00ed a etick\u00e9 povinnosti k zaji\u0161t\u011bn\u00ed rovn\u00e9ho p\u0159\u00edstupu pro v\u0161echny u\u017eivatele. Jako takov\u00e9 jsou ned\u00edlnou sou\u010d\u00e1st\u00ed p\u0159\u00edstupnosti webu a mus\u00ed b\u00fdt zohledn\u011bny v ka\u017ed\u00e9m aspektu n\u00e1vrhu a v\u00fdvoje webov\u00fdch str\u00e1nek.<\/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\u00ed funkce \u010dte\u010dek 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>\u0158e\u010dov\u00fd v\u00fdstup<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Funkce \u0159e\u010dov\u00e9ho v\u00fdstupu je z\u00e1kladem toho, co d\u011bl\u00e1 ze \u010dte\u010dek obrazovky neoceniteln\u00fd n\u00e1stroj pro u\u017eivatele se zrakov\u00fdm posti\u017een\u00edm. Tato funkce p\u0159ev\u00e1d\u00ed informace na obrazovce na mluven\u00e1 slova a umo\u017e\u0148uje tak u\u017eivatel\u016fm z\u00edskat zvukovou zp\u011btnou vazbu z po\u010d\u00edta\u010de nebo mobiln\u00edho za\u0159\u00edzen\u00ed. Sofistikovanost synt\u00e9zy \u0159e\u010di se v\u00fdrazn\u011b vyvinula a nab\u00edz\u00ed p\u0159irozen\u011b zn\u011bj\u00edc\u00ed hlasy v r\u016fzn\u00fdch p\u0159\u00edzvuc\u00edch a jazyc\u00edch. U\u017eivatel\u00e9 si mohou p\u0159izp\u016fsobit rychlost, v\u00fd\u0161ku a hlasitost \u0159e\u010di podle sv\u00fdch preferenc\u00ed, co\u017e zvy\u0161uje srozumitelnost a snadnost pou\u017e\u00edv\u00e1n\u00ed. Krom\u011b p\u0159ed\u010d\u00edt\u00e1n\u00ed textov\u00e9ho obsahu na str\u00e1nce \u010dtec\u00ed za\u0159\u00edzen\u00ed obrazovky tak\u00e9 oznamuj\u00ed d\u016fle\u017eit\u00e9 naviga\u010dn\u00ed pokyny a akce, jako je aktivace odkaz\u016f a chybov\u00e1 hl\u00e1\u0161en\u00ed. Toto zvukov\u00e9 nav\u00e1d\u011bn\u00ed je pro u\u017eivatele nezbytn\u00e9, aby porozum\u011bli rozvr\u017een\u00ed a mohli efektivn\u011b pracovat s webov\u00fdmi str\u00e1nkami. \u0158e\u010dov\u00fd v\u00fdstup nen\u00ed jen o \u010dten\u00ed textu, ale o vytvo\u0159en\u00ed bezprobl\u00e9mov\u00e9 navigace pro v\u0161echny u\u017eivatele.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Braille_Output\"><\/span>V\u00fdstup Braillova p\u00edsma<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Vedle \u0159e\u010dov\u00e9ho v\u00fdstupu je Braill\u016fv v\u00fdstup d\u016fle\u017eitou funkc\u00ed \u010dte\u010dek obrazovky, kter\u00e1 je ur\u010dena hluchoslep\u00fdm u\u017eivatel\u016fm nebo u\u017eivatel\u016fm, kte\u0159\u00ed d\u00e1vaj\u00ed p\u0159ednost \u010dten\u00ed dotykem. Tato funkce funguje tak, \u017ee p\u0159ev\u00e1d\u00ed text na obrazovce do Braillova p\u00edsma, kter\u00e9 je prezentov\u00e1no na obnoviteln\u00e9m Braillov\u011b displeji - hmatov\u00e9m za\u0159\u00edzen\u00ed, kter\u00e9 se skl\u00e1d\u00e1 z \u0159ady kol\u00edk\u016f, kter\u00e9 se pohybuj\u00ed nahoru a dol\u016f a vytv\u00e1\u0159ej\u00ed Braillovy znaky. Tyto displeje jsou \u010dasto vybaveny naviga\u010dn\u00edmi kl\u00e1vesami, kter\u00e9 u\u017eivatel\u016fm umo\u017e\u0148uj\u00ed proch\u00e1zet text a komunikovat se za\u0159\u00edzen\u00edm. Braill\u016fv v\u00fdstup poskytuje u\u017eivatel\u016fm p\u0159\u00edm\u00fd a soukrom\u00fd zp\u016fsob p\u0159\u00edstupu k obsahu, co\u017e m\u016f\u017ee b\u00fdt u\u017eite\u010dn\u00e9 zejm\u00e9na v hlu\u010dn\u00e9m prost\u0159ed\u00ed nebo v situac\u00edch, kdy by zvukov\u00e1 zp\u011btn\u00e1 vazba byla ru\u0161iv\u00e1. Integrac\u00ed braillsk\u00fdch displej\u016f se \u010dte\u010dkami obrazovky technologie zaji\u0161\u0165uje, \u017ee i slo\u017eit\u00fd digit\u00e1ln\u00ed obsah, jako jsou grafy a tabulky, se st\u00e1v\u00e1 p\u0159\u00edstupn\u011bj\u0161\u00edm a inkluzivn\u011bj\u0161\u00edm pro osoby odk\u00e1zan\u00e9 na hmatovou zp\u011btnou vazbu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Navigation_Capabilities\"><\/span>Naviga\u010dn\u00ed schopnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Funkce navigace jsou z\u00e1kladem funk\u010dnosti \u010dte\u010dek obrazovky, proto\u017ee umo\u017e\u0148uj\u00ed u\u017eivatel\u016fm metodicky proch\u00e1zet digit\u00e1ln\u00ed obsah. Pomoc\u00ed kl\u00e1vesov\u00fdch zkratek a gest mohou u\u017eivatel\u00e9 p\u0159ech\u00e1zet mezi nadpisy, odkazy, tla\u010d\u00edtky a formul\u00e1\u0159ov\u00fdmi poli, ani\u017e by pot\u0159ebovali my\u0161. Tato forma navigace m\u00e1 z\u00e1sadn\u00ed v\u00fdznam, proto\u017ee umo\u017e\u0148uje u\u017eivatel\u016fm pochopit strukturu a uspo\u0159\u00e1d\u00e1n\u00ed informac\u00ed, kter\u00e9 jsou jim p\u0159edkl\u00e1d\u00e1ny. \u010cte\u010dky obrazovky \u010dasto poskytuj\u00ed mo\u017enost vypsat v\u0161echny dostupn\u00e9 nadpisy nebo odkazy na str\u00e1nce, co\u017e usnad\u0148uje z\u00edsk\u00e1n\u00ed p\u0159ehledu a rychl\u00e9 nalezen\u00ed konkr\u00e9tn\u00edch \u010d\u00e1st\u00ed, kter\u00e9 je zaj\u00edmaj\u00ed.<\/p>\n\n\n\n<p>Tyto n\u00e1stroje nav\u00edc podporuj\u00ed p\u0159eskakov\u00e1n\u00ed na hlavn\u00ed oblasti obsahu, \u010d\u00edm\u017e se vyh\u00fdbaj\u00ed opakovan\u00fdm naviga\u010dn\u00edm odkaz\u016fm, jejich\u017e opakovan\u00e9 poslouch\u00e1n\u00ed m\u016f\u017ee b\u00fdt obt\u00ed\u017en\u00e9. Mo\u017enost efektivn\u00ed navigace v obsahu nejen\u017ee umo\u017e\u0148uje u\u017eivatel\u016fm se zrakov\u00fdm posti\u017een\u00edm efektivn\u011b vyu\u017e\u00edvat digit\u00e1ln\u00ed platformy, ale tak\u00e9 zlep\u0161uje jejich celkov\u00fd z\u00e1\u017eitek z prohl\u00ed\u017een\u00ed, \u010d\u00edm\u017e podporuje jejich v\u011bt\u0161\u00ed nez\u00e1vislost a sebed\u016fv\u011bru na internetu.<\/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>D\u016fle\u017eitost zp\u0159\u00edstupn\u011bn\u00ed \u010dte\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>Inkluze a digit\u00e1ln\u00ed rovnost<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>P\u0159\u00edstupnost \u010dte\u010dek obrazovky je z\u00e1kladn\u00edm kamenem digit\u00e1ln\u00ed rovnosti, kter\u00e1 zaji\u0161\u0165uje, aby v\u0161ichni u\u017eivatel\u00e9 bez ohledu na zrakov\u00e9 schopnosti m\u011bli stejn\u00fd p\u0159\u00edstup k informac\u00edm a online slu\u017eb\u00e1m. Ve sv\u011bt\u011b, kde se internet stal hlavn\u00edm zdrojem vzd\u011bl\u00e1n\u00ed, zam\u011bstn\u00e1n\u00ed a soci\u00e1ln\u00ed interakce, nelze v\u00fdznam inkluze p\u0159ece\u0148ovat. Dodr\u017eov\u00e1n\u00edm standard\u016f p\u0159\u00edstupnosti webu a navrhov\u00e1n\u00edm s ohledem na \u010dte\u010dky obrazovky mohou tv\u016frci a v\u00fdvoj\u00e1\u0159i odstranit p\u0159ek\u00e1\u017eky, kter\u00e9 jinak br\u00e1n\u00ed osob\u00e1m se zrakov\u00fdm posti\u017een\u00edm v plnohodnotn\u00e9 \u00fa\u010dasti v digit\u00e1ln\u00ed komunit\u011b.<\/p>\n\n\n\n<p>Tento z\u00e1vazek k digit\u00e1ln\u00ed inkluzi je p\u0159\u00ednosem nejen pro u\u017eivatele, kte\u0159\u00ed pou\u017e\u00edvaj\u00ed \u010dte\u010dky obrazovky, ale odr\u00e1\u017e\u00ed tak\u00e9 \u0161ir\u0161\u00ed spole\u010densk\u00fd posun sm\u011brem k uzn\u00e1n\u00ed a respektov\u00e1n\u00ed rozmanitosti. Prokazuje z\u00e1vazek ke spole\u010densk\u00e9 odpov\u011bdnosti a dodr\u017eov\u00e1n\u00ed pr\u00e1vn\u00edch p\u0159edpis\u016f o p\u0159\u00edstupnosti. Up\u0159ednost\u0148ov\u00e1n\u00ed p\u0159\u00edstupnosti \u010dte\u010dek obrazovky v podstat\u011b znamen\u00e1 prosazov\u00e1n\u00ed pr\u00e1va na p\u0159\u00edstup k informac\u00edm a slu\u017eb\u00e1m pro ka\u017ed\u00e9ho, co\u017e p\u0159isp\u00edv\u00e1 k inkluzivn\u011bj\u0161\u00edmu a spravedliv\u011bj\u0161\u00edmu digit\u00e1ln\u00edmu sv\u011btu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Legal_Implications\"><\/span>Pr\u00e1vn\u00ed d\u016fsledky<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pr\u00e1vn\u00ed d\u016fsledky p\u0159\u00edstupnosti \u010dte\u010dek obrazovky jsou v\u00fdznamn\u00e9 a jejich v\u00fdznam roste s t\u00edm, jak st\u00e1le v\u00edce zem\u00ed p\u0159ij\u00edm\u00e1 p\u0159\u00edsn\u00e9 z\u00e1kony o p\u0159\u00edstupnosti webu. V mnoha regionech vy\u017eaduj\u00ed pr\u00e1vn\u00ed p\u0159edpisy, jako je z\u00e1kon o zdravotn\u011b posti\u017een\u00fdch Ameri\u010danech (ADA) ve Spojen\u00fdch st\u00e1tech a z\u00e1kon o rovnosti z roku 2010 ve Velk\u00e9 Brit\u00e1nii, aby byly ve\u0159ejn\u00e9 webov\u00e9 str\u00e1nky p\u0159\u00edstupn\u00e9 pro osoby se zdravotn\u00edm posti\u017een\u00edm, v\u010detn\u011b t\u011bch, kter\u00e9 pou\u017e\u00edvaj\u00ed \u010dte\u010dky obrazovky. Nedodr\u017een\u00ed t\u011bchto po\u017eadavk\u016f m\u016f\u017ee v\u00e9st k pr\u00e1vn\u00edm spor\u016fm, sankc\u00edm a po\u0161kozen\u00ed pov\u011bsti.<\/p>\n\n\n\n<p>Tyto pr\u00e1vn\u00ed po\u017eadavky nav\u00edc nejsou statick\u00e9; vyv\u00edjej\u00ed se tak, aby odr\u00e1\u017eely m\u011bn\u00edc\u00ed se digit\u00e1ln\u00ed prost\u0159ed\u00ed a pot\u0159ebu v\u011bt\u0161\u00ed p\u0159\u00edstupnosti. Znalost a implementace Pokyn\u016f pro p\u0159\u00edstupnost webov\u00e9ho obsahu (WCAG) je proto pro mnoho organizac\u00ed nejen dobrou prax\u00ed, ale i pr\u00e1vn\u00ed nutnost\u00ed. Zaji\u0161t\u011bn\u00ed toho, aby digit\u00e1ln\u00ed obsah spl\u0148oval tyto normy, nejen\u017ee zm\u00edr\u0148uje pr\u00e1vn\u00ed rizika, ale tak\u00e9 posiluje z\u00e1vazek organizace poskytovat v\u0161em u\u017eivatel\u016fm rovn\u00fd p\u0159\u00edstup ke sv\u00fdm 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>Zp\u0159\u00edstupn\u011bn\u00ed webov\u00e9ho obsahu pro \u010dte\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>Design vhodn\u00fd pro \u010dte\u010dky obrazovky<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Vytvo\u0159en\u00ed designu vhodn\u00e9ho pro \u010dte\u010dky obrazovky nen\u00ed jen o dodr\u017eov\u00e1n\u00ed p\u0159edpis\u016f, ale tak\u00e9 o vytvo\u0159en\u00ed z\u00e1\u017eitku, kter\u00fd je pou\u017eiteln\u00fd a p\u0159\u00edjemn\u00fd pro v\u0161echny. Za\u010d\u00edn\u00e1 to pou\u017e\u00edv\u00e1n\u00edm s\u00e9mantick\u00e9ho jazyka HTML pro vyj\u00e1d\u0159en\u00ed struktury a v\u00fdznamu webov\u00e9ho obsahu. S\u00e9mantick\u00e9 prvky, jako jsou nadpisy, seznamy a tabulky, poskytuj\u00ed u\u017eivatel\u016fm \u010dte\u010dek obrazovky kontext a pochopen\u00ed hierarchie a vztah\u016f obsahu.<\/p>\n\n\n\n<p>Krom\u011b toho, pokud zajist\u00edte, aby v\u0161echny interaktivn\u00ed prvky byly p\u0159\u00edstupn\u00e9 z kl\u00e1vesnice a aby formul\u00e1\u0159e m\u011bly spr\u00e1vn\u011b ozna\u010den\u00e1 pole, v\u00fdrazn\u011b t\u00edm zlep\u0161\u00edte pou\u017eitelnost pro u\u017eivatele \u010dte\u010dek obrazovky. Mezi dal\u0161\u00ed aspekty pat\u0159\u00ed poskytov\u00e1n\u00ed smyslupln\u00e9ho alternativn\u00edho textu pro obr\u00e1zky a zaji\u0161t\u011bn\u00ed toho, aby \u010dte\u010dky obrazovky oznamovaly dynamick\u00e9 aktualizace obsahu. P\u0159ijet\u00edm t\u011bchto postup\u016f mohou webov\u00ed design\u00e9\u0159i a v\u00fdvoj\u00e1\u0159i vytvo\u0159it pro u\u017eivatele \u010dte\u010dek obrazovky l\u00e9pe ovladateln\u00e9 a intuitivn\u011bj\u0161\u00ed prost\u0159ed\u00ed, co\u017e v kone\u010dn\u00e9m d\u016fsledku povede k inkluzivn\u011bj\u0161\u00edmu digit\u00e1ln\u00edmu prost\u0159ed\u00ed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Accessible_Coding_Practices\"><\/span>P\u0159\u00edstupn\u00e9 postupy k\u00f3dov\u00e1n\u00ed<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>P\u0159\u00edstupn\u00e9 postupy k\u00f3dov\u00e1n\u00ed jsou nezbytn\u00e9 pro to, aby byl webov\u00fd obsah pou\u017eiteln\u00fd pro u\u017eivatele \u010dte\u010dek obrazovky. To zahrnuje psan\u00ed k\u00f3du, kter\u00fd dodr\u017euje standardy p\u0159\u00edstupnosti webu, jako jsou nap\u0159\u00edklad Pokyny pro p\u0159\u00edstupnost webov\u00e9ho obsahu (WCAG). V\u00fdvoj\u00e1\u0159i by m\u011bli pou\u017e\u00edvat role a atributy ARIA (Accessible Rich Internet Applications), pokud nativn\u00ed prvky HTML nesta\u010d\u00ed ke sd\u011blen\u00ed \u00fa\u010delu a stavu interaktivn\u00edch komponent. To pom\u00e1h\u00e1 \u010dte\u010dk\u00e1m obrazovky interpretovat a p\u0159ed\u00e1vat u\u017eivateli funk\u010dnost webov\u00fdch prvk\u016f.<\/p>\n\n\n\n<p>Je tak\u00e9 d\u016fle\u017eit\u00e9 zajistit, aby byl ve\u0161ker\u00fd obsah p\u0159\u00edstupn\u00fd pouze pomoc\u00ed kl\u00e1vesnice, proto\u017ee u\u017eivatel\u00e9 \u010dte\u010dek obrazovky \u010dasto spol\u00e9haj\u00ed na navigaci pomoc\u00ed kl\u00e1vesnice. To znamen\u00e1 vyhnout se k\u00f3dovac\u00edm postup\u016fm, kter\u00e9 mohou u\u017eivatele kl\u00e1vesnice chytit do pasti, nap\u0159\u00edklad n\u011bkter\u00fdm ud\u00e1lostem JavaScriptu, kter\u00e9 nemus\u00ed b\u00fdt p\u0159\u00edstupn\u00e9 prost\u0159ednictv\u00edm kl\u00e1vesnice. Pravideln\u00e9 testov\u00e1n\u00ed pomoc\u00ed \u010dte\u010dek obrazovky a zji\u0161\u0165ov\u00e1n\u00ed zp\u011btn\u00e9 vazby od u\u017eivatel\u016f se zrakov\u00fdm posti\u017een\u00edm m\u016f\u017ee tak\u00e9 zlep\u0161it prakti\u010dnost k\u00f3du a celkov\u00fd u\u017eivatelsk\u00fd z\u00e1\u017eitek. Zaveden\u00ed t\u011bchto postup\u016f pom\u00e1h\u00e1 vytvo\u0159it web, kter\u00fd je skute\u010dn\u011b p\u0159\u00edstupn\u00fd v\u0161em.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"Evaluating_Screen_Reader_Accessibility\"><\/span>Hodnocen\u00ed p\u0159\u00edstupnosti \u010dte\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 pro testov\u00e1n\u00ed p\u0159\u00edstupnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>N\u00e1stroje pro testov\u00e1n\u00ed p\u0159\u00edstupnosti jsou u\u017eite\u010dn\u00e9 p\u0159i hodnocen\u00ed p\u0159\u00edstupnosti \u010dte\u010dek obrazovky. Tyto n\u00e1stroje mohou automaticky kontrolovat webov\u00e9 str\u00e1nky podle zaveden\u00fdch standard\u016f p\u0159\u00edstupnosti, jako je WCAG, a identifikovat oblasti, kter\u00e9 je t\u0159eba zlep\u0161it. N\u00e1stroje jako WAVE, axe a Lighthouse poskytuj\u00ed podrobn\u00e9 zpr\u00e1vy o probl\u00e9mech s p\u0159\u00edstupnost\u00ed, kter\u00e9 mohou sahat od chyb\u011bj\u00edc\u00edho textu alt a\u017e po nespr\u00e1vn\u00e9 pou\u017eit\u00ed ARIA.<\/p>\n\n\n\n<p>Automatick\u00e9 testov\u00e1n\u00ed je v\u0161ak nutn\u00e9 doplnit ru\u010dn\u00edm testov\u00e1n\u00edm pomoc\u00ed skute\u010dn\u00fdch \u010dte\u010dek obrazovky, jako jsou NVDA, JAWS nebo VoiceOver. Tato kombinace poskytuje p\u0159esn\u011bj\u0161\u00ed pochopen\u00ed u\u017eivatelsk\u00e9ho prost\u0159ed\u00ed pro u\u017eivatele \u010dte\u010dek obrazovky. Zapojen\u00ed u\u017eivatel\u016f se zrakov\u00fdm posti\u017een\u00edm do u\u017eivatelsk\u00e9ho testov\u00e1n\u00ed m\u016f\u017ee nav\u00edc poskytnout neoceniteln\u00e9 poznatky o praktick\u00e9 p\u0159\u00edstupnosti webov\u00fdch str\u00e1nek. Pou\u017eit\u00edm kombinace t\u011bchto n\u00e1stroj\u016f a strategi\u00ed mohou v\u00fdvoj\u00e1\u0159i a n\u00e1vrh\u00e1\u0159i zajistit, aby jejich obsah byl nejen v souladu se sm\u011brnicemi pro p\u0159\u00edstupnost, ale aby byl skute\u010dn\u011b p\u0159\u00edstupn\u00fd a u\u017eivatelsky p\u0159\u00edv\u011btiv\u00fd.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"replaceWithId\"><span class=\"ez-toc-section\" id=\"User_Testing_and_Feedback\"><\/span>U\u017eivatelsk\u00e9 testov\u00e1n\u00ed a zp\u011btn\u00e1 vazba<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>U\u017eivatelsk\u00e9 testov\u00e1n\u00ed s osobami, kter\u00e9 pou\u017e\u00edvaj\u00ed \u010dte\u010dky obrazovky, je d\u016fle\u017eit\u00fdm krokem p\u0159i hodnocen\u00ed p\u0159\u00edstupnosti webov\u00e9ho obsahu. Zp\u011btn\u00e1 vazba od skute\u010dn\u00fdch u\u017eivatel\u016f poskytuje p\u0159\u00edm\u00fd vhled do praktick\u00fdch probl\u00e9m\u016f, kter\u00fdm u\u017eivatel\u00e9 \u010dte\u010dek obrazovky \u010del\u00ed, a pom\u00e1h\u00e1 identifikovat oblasti, kter\u00e9 by automatizovan\u00e9 n\u00e1stroje mohly p\u0159ehl\u00e9dnout. Tento proces zahrnuje pozorov\u00e1n\u00ed u\u017eivatel\u016f p\u0159i pohybu po webov\u00fdch str\u00e1nk\u00e1ch, co\u017e jim umo\u017e\u0148uje vyj\u00e1d\u0159it sv\u00e9 zku\u0161enosti a p\u0159\u00edpadn\u00e9 pot\u00ed\u017ee, se kter\u00fdmi se setkali.<\/p>\n\n\n\n<p>Zahrnut\u00ed t\u00e9to zp\u011btn\u00e9 vazby do v\u00fdvojov\u00e9ho cyklu je pro vytvo\u0159en\u00ed p\u0159\u00edstupn\u00e9ho online prost\u0159ed\u00ed z\u00e1sadn\u00ed. Je d\u016fle\u017eit\u00e9 kl\u00e1st u\u017eivatel\u016fm konkr\u00e9tn\u00ed ot\u00e1zky t\u00fdkaj\u00edc\u00ed se jejich zku\u0161enost\u00ed, jako je snadnost navigace, srozumitelnost pokyn\u016f a celkov\u00e1 spokojenost s funkcemi p\u0159\u00edstupnosti webov\u00fdch str\u00e1nek. Prov\u00e1d\u011bn\u00ed \u00faprav na z\u00e1klad\u011b t\u00e9to zp\u011btn\u00e9 vazby zajist\u00ed, \u017ee webov\u00e9 str\u00e1nky budou nejen technicky p\u0159\u00edstupn\u00e9, ale tak\u00e9 u\u017eivatelsky p\u0159\u00edv\u011btiv\u00e9 v praxi. V\u010dasn\u00e9 a \u010dast\u00e9 zapojen\u00ed komunity u\u017eivatel\u016f \u010dte\u010dek obrazovky je kl\u00ed\u010dem k v\u00fdvoji skute\u010dn\u011b inkluzivn\u00edho digit\u00e1ln\u00edho produktu.<\/p>","protected":false},"excerpt":{"rendered":"<p>Orientace v oblasti p\u0159\u00edstupnosti pro \u010dte\u010dky obrazovky je v dne\u0161n\u00edm digit\u00e1ln\u00edm prost\u0159ed\u00ed, kde jsou inkluze a pou\u017eitelnost v pop\u0159ed\u00ed z\u00e1jmu webov\u00e9ho designu, kl\u00ed\u010dov\u00e1. Porozum\u011bn\u00ed p\u0159\u00edstupnosti \u010dte\u010dek obrazovky, tedy v\u0161emu, co pot\u0159ebujete v\u011bd\u011bt, m\u016f\u017ee tv\u016frc\u016fm webov\u00fdch str\u00e1nek umo\u017enit, aby zajistili, \u017ee jejich obsah bude p\u0159\u00edstupn\u00fd v\u0161em u\u017eivatel\u016fm. Od d\u016fle\u017eitosti alt textu a spr\u00e1vn\u00e9ho...<\/p>\n<div><a class=\"read-more button-link\" href=\"https:\/\/blog.lebara.co.uk\/cs\/screen-reader-accessibility-everything-you-need-to-know\/\">P\u0159e\u010dt\u011bte si v\u00edce<\/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\/cs\/wp-json\/wp\/v2\/posts\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":1,"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/posts\/1220\/revisions"}],"predecessor-version":[{"id":1241,"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/posts\/1220\/revisions\/1241"}],"wp:attachment":[{"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/media?parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/categories?post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lebara.co.uk\/cs\/wp-json\/wp\/v2\/tags?post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}