{"id":10630,"date":"2026-07-09T09:26:44","date_gmt":"2026-07-09T09:26:44","guid":{"rendered":"https:\/\/stage-barriano.projectbeta.biz\/wcag\/"},"modified":"2026-07-29T07:41:59","modified_gmt":"2026-07-29T07:41:59","slug":"wcag","status":"publish","type":"page","link":"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/wcag\/","title":{"rendered":"WCAG"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:center top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-bottom:50px;--awb-padding-top-medium:50px;--awb-padding-bottom-medium:50px;--awb-padding-top-small:50px;--awb-padding-right-small:20px;--awb-padding-bottom-small:50px;--awb-padding-left-small:20px;--awb-margin-bottom-medium:0px;--awb-margin-bottom-small:0px;--awb-background-color:#1a073c;--awb-background-image:radial-gradient(circle at center center, rgba(19,138,252,0.36) 0%,#1a073c 51%);--awb-background-size:cover;--awb-flex-wrap:wrap;\" ><div class=\"awb-background-pattern\" style=\"background-image:  url(data:image\/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.5%2020.5V40h-1V20.5H0v-1h19.5V0h1v19.5H40v1H20.5z%22%20fill%3D%22rgba%28255%2C255%2C255%2C0.02%29%22%2F%3E%3C%2Fsvg%3E);\"><\/div><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-align-content-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:calc( 1320px + 20px );margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:25px;--awb-spacing-left-large:10px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-title-center fusion-title-text fusion-title-size-one text-gradient\" style=\"--awb-text-color:var(--awb-color1);--awb-margin-bottom:20px;--awb-margin-top-small:0px;--awb-margin-bottom-small:20px;--awb-font-size:60px;\"><div class=\"title-sep-container title-sep-container-left\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><span class=\"awb-title-spacer\"><\/span><h1 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"font-family:&quot;Montserrat&quot;;font-style:normal;font-weight:700;margin:0;letter-spacing:var(--awb-typography2-letter-spacing);text-transform:var(--awb-typography2-text-transform);font-size:1em;--fontSize:60;line-height:var(--awb-typography2-line-height);\">Explore Digital Accessibility Regulations<\/h1><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container title-sep-container-right\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-padding-top:30px;--awb-padding-right:30px;--awb-padding-bottom:30px;--awb-padding-left:30px;--awb-overflow:hidden;--awb-bg-color:rgba(255,255,255,0.11);--awb-bg-color-hover:rgba(255,255,255,0.11);--awb-bg-size:cover;--awb-border-color:rgba(4,87,214,0.45);--awb-border-top:1px;--awb-border-right:1px;--awb-border-bottom:1px;--awb-border-left:1px;--awb-border-style:solid;--awb-border-radius:20px 20px 20px 20px;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:10px;--awb-width-medium:83.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column\"><div class=\"fusion-builder-row fusion-builder-row-inner fusion-row fusion-flex-align-items-stretch fusion-flex-align-content-center fusion-flex-content-wrap\" style=\"--awb-min-height:no;--awb-min-height-medium:no;--awb-min-height-small:no;--awb-flex-grow:undefined;--awb-flex-grow-medium:undefined;--awb-flex-grow-small:undefined;--awb-flex-shrink:undefined;--awb-flex-shrink-medium:undefined;--awb-flex-shrink-small:undefined;width:calc( 100% + 20px ) !important;max-width:calc( 100% + 20px ) !important;margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-0 fusion_builder_column_inner_1_6 1_6 fusion-flex-column fusion-no-small-visibility fusion-no-medium-visibility\" style=\"--awb-bg-size:cover;--awb-width-large:16.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:10px;--awb-width-medium:16.666666666667%;--awb-order-medium:0;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-end fusion-content-layout-row fusion-flex-align-items-center\"><div class=\"fusion-image-element \" style=\"--awb-margin-bottom:0px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"48\" height=\"48\" alt=\"Search\" title=\"search\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2748%27%20height%3D%2748%27%20viewBox%3D%270%200%2048%2048%27%3E%3Crect%20width%3D%2748%27%20height%3D%2748%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/stage-barriano.projectbeta.biz\/wp-content\/uploads\/2026\/07\/search.svg\" class=\"lazyload img-responsive wp-image-7174\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column_inner fusion-builder-nested-column-1 fusion_builder_column_inner_5_6 5_6 fusion-flex-column\" style=\"--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-bg-size:cover;--awb-width-large:83.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-title-center fusion-title-text fusion-title-size-two text-gradient\" style=\"--awb-text-color:var(--awb-color1);--awb-margin-bottom:0px;--awb-margin-top-small:0px;--awb-margin-bottom-small:0px;--awb-font-size:22px;\"><div class=\"title-sep-container title-sep-container-left\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><span class=\"awb-title-spacer\"><\/span><h2 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"font-family:&quot;Montserrat&quot;;font-style:normal;font-weight:700;margin:0;letter-spacing:var(--awb-typography2-letter-spacing);text-transform:var(--awb-typography2-text-transform);font-size:1em;--fontSize:22;line-height:var(--awb-typography2-line-height);\">Check Your Site for Accessibility Issues<\/h2><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container title-sep-container-right\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"search-box\">\n  <input type=\"text\" placeholder=\"Website URL\" \/>\n  <button type=\"button\">Scan<\/button>\n<\/div><\/div><\/div><\/div><\/div>\n<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling compliance-menu fusion-sticky-container\" style=\"--awb-background-position:center top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:21px;--awb-padding-bottom:0px;--awb-padding-top-medium:20px;--awb-padding-bottom-medium:20px;--awb-padding-top-small:20px;--awb-padding-right-small:20px;--awb-padding-bottom-small:20px;--awb-padding-left-small:20px;--awb-margin-bottom-medium:0px;--awb-margin-bottom-small:0px;--awb-background-color:var(--awb-color2);--awb-background-size:cover;--awb-flex-wrap:wrap;\" data-transition-offset=\"0\" data-sticky-offset=\"70px\" data-scroll-offset=\"0\" data-sticky-small-visibility=\"1\" data-sticky-medium-visibility=\"1\" data-sticky-large-visibility=\"1\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-align-content-center fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:calc( 1320px + 20px );margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-color:rgba(255,255,255,0.14);--awb-bg-color-hover:rgba(255,255,255,0.14);--awb-bg-size:cover;--awb-border-color:rgba(4,87,214,0.45);--awb-border-style:solid;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:10px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><nav class=\"awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-left awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-left mobile-size-column-absolute loading mega-menu-loading awb-menu_desktop awb-menu_dropdown awb-menu_expand-right awb-menu_transition-fade\" style=\"--awb-border-radius-top-left:20px;--awb-border-radius-top-right:20px;--awb-gap:12px;--awb-items-padding-right:20px;--awb-items-padding-left:20px;--awb-border-color:var(--awb-color2);--awb-color:var(--awb-color8);--awb-active-color:var(--awb-color5);--awb-active-bg:var(--awb-color1);--awb-active-border-color:var(--awb-color3);--awb-main-justify-content:flex-start;--awb-mobile-nav-button-align-hor:center;--awb-mobile-justify:flex-start;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-fusion-font-family-typography:&quot;Montserrat&quot;;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:500;--awb-fusion-font-family-submenu-typography:inherit;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:400;--awb-fusion-font-family-mobile-typography:inherit;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:400;\" aria-label=\"compliance\" data-breakpoint=\"1024\" data-count=\"0\" data-transition-type=\"fade\" data-transition-time=\"300\" data-expand=\"right\"><button type=\"button\" class=\"awb-menu__m-toggle\" aria-expanded=\"false\" aria-controls=\"menu-compliance\"><span class=\"awb-menu__m-toggle-inner\"><span class=\"collapsed-nav-text\">Other Regulations<\/span><span class=\"awb-menu__m-collapse-icon\"><span class=\"awb-menu__m-collapse-icon-open fa-bars fas\"><\/span><span class=\"awb-menu__m-collapse-icon-close fa-times fas\"><\/span><\/span><\/span><\/button><ul id=\"menu-compliance-czech\" class=\"fusion-menu awb-menu__main-ul awb-menu__main-ul_row\"><li  id=\"menu-item-12666\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-12666 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"12666\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/gdpr\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">GDPR<\/span><\/a><\/li><li  id=\"menu-item-12416\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-12416 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"12416\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/coppa\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">COPPA<\/span><\/a><\/li><li  id=\"menu-item-12166\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-12166 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"12166\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/ferpa\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">FERPA<\/span><\/a><\/li><li  id=\"menu-item-11916\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-11916 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"11916\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/atag\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">ATAG<\/span><\/a><\/li><li  id=\"menu-item-11666\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-11666 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"11666\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/s-508\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">S-508<\/span><\/a><\/li><li  id=\"menu-item-11416\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-11416 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"11416\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/cvaa\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">CVAA<\/span><\/a><\/li><li  id=\"menu-item-11166\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-11166 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"11166\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/unruh\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">UNRUH<\/span><\/a><\/li><li  id=\"menu-item-10885\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10885 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"10885\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/aoda\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">AODA<\/span><\/a><\/li><li  id=\"menu-item-10635\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10635 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"10635\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/wcag\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">WCAG<\/span><\/a><\/li><li  id=\"menu-item-10385\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10385 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"10385\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/european-accessibility-act\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">EAA<\/span><\/a><\/li><li  id=\"menu-item-10116\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-10116 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"10116\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/ada\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">ADA<\/span><\/a><\/li><li  id=\"menu-item-9298\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-9298 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"9298\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/compliance\/en\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">EN<\/span><\/a><\/li><li  id=\"menu-item-41168\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-41168 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"41168\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/ai-powered-accessibility-remediation\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">ai-powered-accessibility-remediation<\/span><\/a><\/li><\/ul><\/nav><\/div><\/div><\/div><\/div>\n<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-bottom:50px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1372.8px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column compliance-inner-page\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-title-text fusion-title-size-two\" style=\"--awb-margin-bottom:20px;--awb-margin-top-small:0px;--awb-margin-bottom-small:20px;--awb-font-size:26px;\"><div class=\"title-sep-container title-sep-container-left fusion-no-large-visibility fusion-no-medium-visibility fusion-no-small-visibility\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><span class=\"awb-title-spacer fusion-no-large-visibility fusion-no-medium-visibility fusion-no-small-visibility\"><\/span><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"font-family:&quot;Montserrat&quot;;font-style:normal;font-weight:700;margin:0;text-transform:capitalize;font-size:1em;--fontSize:26;line-height:var(--awb-typography2-line-height);\">Sm\u011brnice pro p\u0159\u00edstupnost webov\u00e9ho obsahu (WCAG)<\/h2><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container title-sep-container-right\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-content-alignment:left;--awb-text-color:var(--awb-color8);--awb-margin-bottom:0px;\"><p><i><strong>Sm\u011brnice pro p\u0159\u00edstupnost webov\u00e9ho obsahu (WCAG) jsou glob\u00e1ln\u00edm standardem pro zp\u0159\u00edstup\u0148ov\u00e1n\u00ed webov\u00fdch str\u00e1nek a digit\u00e1ln\u00edho obsahu lidem s posti\u017een\u00edm.<\/strong><\/i><\/p>\n<p>Vytvo\u0159ila je&nbsp;<strong>Iniciativa pro p\u0159\u00edstupnost webu (WAI)<\/strong>&nbsp;organizace&nbsp;<strong>World Wide Web Consortium (W3C)<\/strong> a WCAG obsahuj\u00ed&nbsp;<strong>86 testovateln\u00fdch krit\u00e9ri\u00ed \u00fasp\u011b\u0161nosti<\/strong>, kter\u00e1 pom\u00e1haj\u00ed vlastn\u00edk\u016fm web\u016f, webov\u00fdm design\u00e9r\u016fm a autor\u016fm obsahu vytv\u00e1\u0159et p\u0159\u00edstupn\u00e9 webov\u00e9 str\u00e1nky. Organizace spl\u0148uj\u00edc\u00ed WCAG odstranila bari\u00e9ry pro u\u017eivatele s r\u016fzn\u00fdmi typy posti\u017een\u00ed, v\u010detn\u011b zrakov\u00e9ho, sluchov\u00e9ho, pohybov\u00e9ho a kognitivn\u00edho.<\/p>\n<p>Soulad s WCAG se n\u011bkdy ozna\u010duje jako \u201ecompliance s WCAG\u201c. Samotn\u00e9 WCAG nejsou z\u00e1konem, ale p\u0159edstavuj\u00ed faktick\u00fd standard pro pln\u011bn\u00ed mnoha americk\u00fdch i mezin\u00e1rodn\u00edch pr\u00e1vn\u00edch p\u0159edpis\u016f. Vzhledem k roz\u0161\u00ed\u0159en\u00fdm \u017ealob\u00e1m v oblasti digit\u00e1ln\u00ed p\u0159\u00edstupnosti ji\u017e soulad s WCAG nen\u00ed voliteln\u00fd.<\/p>\n<h3><strong>Kl\u00ed\u010dov\u00e9 poznatky<\/strong><\/h3>\n<ul>\n<li>Soulad s WCAG znamen\u00e1 spln\u011bn\u00ed Sm\u011brnic pro p\u0159\u00edstupnost webov\u00e9ho obsahu, mezin\u00e1rodn\u00edho standardu digit\u00e1ln\u00ed p\u0159\u00edstupnosti, na kter\u00fd odkazuje \u0159ada pr\u00e1vn\u00edch p\u0159edpis\u016f.<\/li>\n<li><strong>WCAG 2.2<\/strong>&nbsp;je sou\u010dasn\u00e1 verze s 86 krit\u00e9rii \u00fasp\u011b\u0161nosti;&nbsp;<strong>WCAG 2.1 \u00farovn\u011b AA<\/strong>&nbsp;je standard, na kter\u00fd nej\u010dast\u011bji odkazuj\u00ed z\u00e1kony a p\u0159edpisy.<\/li>\n<li>\u010cty\u0159i principy WCAG jsou vn\u00edmatelnost, ovladatelnost, srozumitelnost a robustnost (POUR).<\/li>\n<li>St\u00e1tn\u00ed a m\u00edstn\u00ed org\u00e1ny mus\u00ed splnit WCAG 2.1 AA do&nbsp;<strong>24. dubna 2026<\/strong>&nbsp;podle kone\u010dn\u00e9ho pravidla DOJ k hlav\u011b II z\u00e1kona ADA.<\/li>\n<li><strong>Evropsk\u00fd akt o p\u0159\u00edstupnosti<\/strong>&nbsp;vstoupil v \u00fa\u010dinnost v \u010dervnu 2025 a vy\u017eaduje u mnoha podnik\u016f prod\u00e1vaj\u00edc\u00edch z\u00e1kazn\u00edk\u016fm v EU soulad s EN 301 549, evropskou normou zahrnuj\u00edc\u00ed WCAG.<\/li>\n<li>Audity p\u0159\u00edstupnosti by m\u011bly kombinovat automatizovan\u00e9 n\u00e1stroje s ru\u010dn\u00edm testov\u00e1n\u00edm pomoc\u00ed asistivn\u00edch technologi\u00ed.<\/li>\n<\/ul>\n<h3><strong>Co znamen\u00e1 soulad s WCAG?<\/strong><\/h3>\n<p><strong>Soulad s WCAG<\/strong>&nbsp;znamen\u00e1, \u017ee webov\u00e1 str\u00e1nka spl\u0148uje Sm\u011brnice pro p\u0159\u00edstupnost webov\u00e9ho obsahu, glob\u00e1ln\u00ed standard webov\u00e9 p\u0159\u00edstupnosti vytvo\u0159en\u00fd organizac\u00ed W3C. P\u0159esn\u011bj\u0161\u00ed v\u00fdraz je \u201eshoda s WCAG\u201c, proto\u017ee WCAG jsou standardem, nikoli z\u00e1konem.<\/p>\n<p>Sm\u011brnice WCAG poskytuj\u00ed technick\u00e1 krit\u00e9ria \u00fasp\u011b\u0161nosti, kter\u00e1 pom\u00e1haj\u00ed vlastn\u00edk\u016fm web\u016f zp\u0159\u00edstup\u0148ovat obsah lidem s posti\u017een\u00edm. Pat\u0159\u00ed sem u\u017eivatel\u00e9 \u010dte\u010dek obrazovky, navigace kl\u00e1vesnic\u00ed, titulk\u016f a dal\u0161\u00edch asistivn\u00edch technologi\u00ed.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Verze WCAG<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Datum vyd\u00e1n\u00ed<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Krit\u00e9ria \u00fasp\u011b\u0161nosti<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Stav<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.0<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Prosinec 2008<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">61 krit\u00e9ri\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">St\u00e1le uv\u00e1d\u011bno v mnoha z\u00e1konech<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.1<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u010cerven 2018<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">78 krit\u00e9ri\u00ed (+17 nov\u00fdch)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Sou\u010dasn\u00fd pr\u00e1vn\u00ed standard<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.2<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u0158\u00edjen 2023<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">86 krit\u00e9ri\u00ed (+9 nov\u00fdch)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Nejnov\u011bj\u0161\u00ed doporu\u010den\u00ed W3C<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 3.0<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ve v\u00fdvoji<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">174 v\u00fdsledk\u016f (navrhov\u00e1no)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">O\u010dek\u00e1v\u00e1no v roce 2028 nebo pozd\u011bji<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><strong>Na co se WCAG vztahuj\u00ed?<\/strong><\/h3>\n<p>WCAG byly p\u016fvodn\u011b vytvo\u0159eny pro obsah HTML p\u0159\u00edstupn\u00fd prost\u0159ednictv\u00edm webov\u00fdch prohl\u00ed\u017ee\u010d\u016f. Jejich v\u00fdznam v\u0161ak sah\u00e1 daleko za tradi\u010dn\u00ed webov\u00e9 str\u00e1nky a vztahuje se obecn\u011b na webov\u00fd obsah a technologie, kter\u00e9 mohou u\u017eivatelsk\u00e9 agenty interpretovat.<\/p>\n<\/figure>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Typ obsahu<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">P\u0159\u00edklady<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Vztahuj\u00ed se WCAG?<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Webov\u00e9 str\u00e1nky<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ve\u0159ejn\u00e9 weby, intranety, webov\u00e9 aplikace<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Mobiln\u00ed aplikace<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Aplikace pro iOS a Android<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Dokumenty<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">PDF, soubory Word, tabulky<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Multim\u00e9dia<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Videa, podcasty, zvukov\u00e9 soubory<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">E-mail<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">HTML newslettery, marketingov\u00e9 e-maily<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Digit\u00e1ln\u00ed kiosky<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Samoobslu\u017en\u00e9 termin\u00e1ly, bankomaty<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">E-learning<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Online kurzy, \u0161kolic\u00ed moduly<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ano<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Pr\u00e1vn\u00ed p\u0159edpisy odkazuj\u00edc\u00ed na WCAG a souvisej\u00edc\u00ed standardy se vztahuj\u00ed na r\u016fzn\u00e9 typy digit\u00e1ln\u00edch prost\u0159ed\u00ed. Nap\u0159\u00edklad pravidlo DOJ k hlav\u011b II z\u00e1kona ADA pokr\u00fdv\u00e1 webov\u00fd a mobiln\u00ed obsah v\u010detn\u011b digit\u00e1ln\u00edch dokument\u016f poskytovan\u00fd st\u00e1tn\u00edmi a m\u00edstn\u00edmi org\u00e1ny.<\/p>\n<p>Pr\u00e1vn\u00ed p\u0159edpisy odkazuj\u00edc\u00ed na WCAG a souvisej\u00edc\u00ed standardy se vztahuj\u00ed na r\u016fzn\u00e9 typy digit\u00e1ln\u00edch prost\u0159ed\u00ed. Nap\u0159\u00edklad pravidlo DOJ k hlav\u011b II z\u00e1kona ADA pokr\u00fdv\u00e1 webov\u00fd a mobiln\u00ed obsah v\u010detn\u011b digit\u00e1ln\u00edch dokument\u016f poskytovan\u00fd st\u00e1tn\u00edmi a m\u00edstn\u00edmi org\u00e1ny.<\/p>\n<h3><strong>Kdo mus\u00ed spl\u0148ovat WCAG?<\/strong><\/h3>\n<p>WCAG by m\u011bla spl\u0148ovat t\u00e9m\u011b\u0159 ka\u017ed\u00e1 organizace s digit\u00e1ln\u00ed p\u0159\u00edtomnost\u00ed. Pr\u00e1vn\u00ed po\u017eadavky se li\u0161\u00ed podle odv\u011btv\u00ed, ale p\u0159\u00edstupnost prosp\u00edv\u00e1 v\u0161em podnik\u016fm.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Typ organizace<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Pr\u00e1vn\u00ed po\u017eadavek<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Pro\u010d splnit po\u017eadavky<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Feder\u00e1ln\u00ed vl\u00e1dn\u00ed \u00fa\u0159ady<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Section 508 (povinn\u00e9)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Vy\u017eadov\u00e1no z\u00e1konem<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">St\u00e1tn\u00ed a m\u00edstn\u00ed org\u00e1ny<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Hlava II z\u00e1kona ADA (povinn\u00e9)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Term\u00edn v dubnu 2026<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Soukrom\u00e9 podniky<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Hlava III z\u00e1kona ADA (vym\u00e1h\u00e1no soudy)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Prevence \u017ealob<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">E-commerce weby<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">EAA v EU (povinn\u00e9)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">P\u0159\u00edstup na trh<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Poskytovatel\u00e9 zdravotn\u00ed p\u00e9\u010de<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">ADA + Section 504<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">P\u0159\u00edstup pacient\u016f<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Vzd\u011bl\u00e1vac\u00ed instituce<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">ADA + Section 504<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">P\u0159\u00edstup student\u016f<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Neziskov\u00e9 organizace<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">ADA se vztahuje<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Obsluha v\u0161ech skupin<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>I bez konkr\u00e9tn\u00ed pr\u00e1vn\u00ed povinnosti maj\u00ed vlastn\u00edci web\u016f ze souladu s WCAG prosp\u011bch. P\u0159\u00edstupn\u00e9 weby oslovuj\u00ed v\u00edce u\u017eivatel\u016f, l\u00e9pe se umis\u0165uj\u00ed ve vyhled\u00e1v\u00e1n\u00ed a sni\u017euj\u00ed pr\u00e1vn\u00ed riziko. V\u00edce ne\u017e <strong>1 miliarda lid\u00ed<\/strong>&nbsp;na sv\u011bt\u011b \u017eije s posti\u017een\u00edm, tak\u017ee p\u0159\u00edstupnost v\u00fdznamn\u011b roz\u0161i\u0159uje mo\u017en\u00e9 publikum.<\/p>\n<h3><strong>Jsou WCAG v USA pr\u00e1vn\u00edm po\u017eadavkem?<\/strong><\/h3>\n<p><strong>Ano, pro v\u011bt\u0161inu organizac\u00ed.<\/strong>&nbsp;WCAG 2.1 \u00farovn\u011b AA jsou faktick\u00fdm standardem webov\u00e9 p\u0159\u00edstupnosti podle n\u011bkolika americk\u00fdch z\u00e1kon\u016f a soudy je soustavn\u011b pou\u017e\u00edvaj\u00ed jako m\u011b\u0159\u00edtko souladu.<\/p>\n<p><strong>Kone\u010dn\u00e9 pravidlo DOJ k hlav\u011b II z\u00e1kona ADA<\/strong>&nbsp;form\u00e1ln\u011b p\u0159ijalo WCAG 2.1 \u00farovn\u011b AA pro v\u0161echny st\u00e1tn\u00ed a m\u00edstn\u00ed org\u00e1ny. Zahrnuje vl\u00e1dn\u00ed weby, mobiln\u00ed aplikace, digit\u00e1ln\u00ed dokumenty a online slu\u017eby.<\/p>\n<\/figure>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Typ subjektu<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Po\u010det obyvatel<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Term\u00edn souladu<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Velk\u00e9 ve\u0159ejn\u00e9 subjekty<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">50 000 a v\u00edce obyvatel<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">24. dubna 2026<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Mal\u00e9 ve\u0159ejn\u00e9 subjekty<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">M\u00e9n\u011b ne\u017e 50 000 obyvatel<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">26. dubna 2027<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Spr\u00e1vy zvl\u00e1\u0161tn\u00edch obvod\u016f<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Libovoln\u00e1 velikost<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">26. dubna 2027<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>U soukrom\u00fdch podnik\u016f&nbsp;<strong>hlava III z\u00e1kona Americans with Disabilities Act<\/strong>&nbsp;vy\u017eaduje p\u0159\u00edstupnost web\u016f na z\u00e1klad\u011b soudn\u00edch rozhodnut\u00ed a dohod o narovn\u00e1n\u00ed s DOJ.&nbsp;<strong>Section 508<\/strong>&nbsp;z\u00e1kona Rehabilitation Act v\u00fdslovn\u011b vy\u017eaduje soulad s WCAG u feder\u00e1ln\u00edch \u00fa\u0159ad\u016f a dodavatel\u016f.<\/p>\n<p>\u017daloby v oblasti digit\u00e1ln\u00ed p\u0159\u00edstupnosti z\u016fst\u00e1vaj\u00ed roz\u0161\u00ed\u0159en\u00e9. Automatizovan\u00e9 n\u00e1stroje nyn\u00ed umo\u017e\u0148uj\u00ed vytv\u00e1\u0159et st\u00ed\u017enosti ve velk\u00e9m m\u011b\u0159\u00edtku, tak\u017ee potenci\u00e1ln\u00edm c\u00edlem je ka\u017ed\u00fd podnik s probl\u00e9my p\u0159\u00edstupnosti.<\/p>\n<h3><strong>Kter\u00e9 pr\u00e1vn\u00ed p\u0159edpisy vy\u017eaduj\u00ed soulad s WCAG?<\/strong><\/h3>\n<p>Pr\u00e1vn\u00ed p\u0159edpisy digit\u00e1ln\u00ed p\u0159\u00edstupnosti po cel\u00e9m sv\u011bt\u011b odkazuj\u00ed na WCAG jako na technick\u00fd standard. Spln\u011bn\u00ed WCAG zpravidla napl\u0148uje v\u011bt\u0161inu regula\u010dn\u00edch po\u017eadavk\u016f.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Z\u00e1kon \/ p\u0159edpis<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">\u00dazemn\u00ed p\u016fsobnost<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Vy\u017eadovan\u00fd standard WCAG<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Term\u00edn souladu<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Hlava II ADA (pravidlo DOJ)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">St\u00e1tn\u00ed a m\u00edstn\u00ed org\u00e1ny USA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.1 AA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Duben 2026 \/ 2027<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Hlava III ADA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Soukrom\u00e9 podniky v USA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.1 AA (faktick\u00fd standard podle soud\u016f)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Pr\u016fb\u011b\u017en\u011b<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Section 508<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Feder\u00e1ln\u00ed \u00fa\u0159ady USA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.0 AA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Sou\u010dasn\u00e9<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Evropsk\u00fd akt o p\u0159\u00edstupnosti<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Podniky obsluhuj\u00edc\u00ed spot\u0159ebitele v EU<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">EN 301 549 (zahrnuje WCAG 2.1 AA)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">28. \u010dervna 2025<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">AODA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ontario, Kanada<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">WCAG 2.0 AA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Sou\u010dasn\u00e9<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Evropsk\u00e1 sm\u011brnice o p\u0159\u00edstupnosti webu<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ve\u0159ejn\u00fd sektor Evropsk\u00e9 unie<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">EN 301 549 (zahrnuje WCAG 2.1 AA)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Sou\u010dasn\u00e9<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Evropsk\u00fd akt o p\u0159\u00edstupnosti (EAA) se stal vymahateln\u00fdm&nbsp;<strong>28. \u010dervna 2025<\/strong> a vy\u017eaduje soulad s WCAG u mnoha podnik\u016f prod\u00e1vaj\u00edc\u00edch digit\u00e1ln\u00ed produkty nebo slu\u017eby z\u00e1kazn\u00edk\u016fm v EU. Sankce se li\u0161\u00ed podle \u010dlensk\u00e9ho st\u00e1tu a dosahuj\u00ed&nbsp;<strong>100 000 EUR v N\u011bmecku<\/strong>&nbsp;a&nbsp;<strong>250 000 EUR ve Francii<\/strong>. Nevyhovuj\u00edc\u00ed produkty mohou b\u00fdt z trhu zcela odstran\u011bny.<\/p>\n<h3><strong>Jak\u00e9 jsou \u010dty\u0159i principy WCAG?<\/strong><\/h3>\n<p>\u010cty\u0159i principy WCAG, zn\u00e1m\u00e9 jako&nbsp;<strong>POUR<\/strong>, jsou vn\u00edmatelnost, ovladatelnost, srozumitelnost a robustnost. \u0158\u00edd\u00ed v\u0161echna krit\u00e9ria \u00fasp\u011b\u0161nosti a definuj\u00ed p\u0159\u00edstupn\u00fd webov\u00fd obsah.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Princip<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Co znamen\u00e1<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">P\u0159\u00edklad po\u017eadavku<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Vn\u00edmateln\u00e9<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 mus\u00ed b\u00fdt schopni vn\u00edmat obsah alespo\u0148 jedn\u00edm smyslem.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Poskytujte textov\u00e9 alternativy obr\u00e1zk\u016f a titulky k vide\u00edm.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ovladateln\u00e9<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 mus\u00ed b\u00fdt schopni ovl\u00e1dat rozhran\u00ed.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Umo\u017en\u011bte p\u0159\u00edstup kl\u00e1vesnic\u00ed a dostatek \u010dasu na p\u0159e\u010dten\u00ed obsahu.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Srozumiteln\u00e9<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 mus\u00ed rozum\u011bt obsahu a zp\u016fsobu jeho pou\u017e\u00edv\u00e1n\u00ed.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Pou\u017e\u00edvejte jasn\u00fd jazyk a p\u0159edv\u00eddatelnou navigaci.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Robustn\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Obsah mus\u00ed fungovat se sou\u010dasn\u00fdmi i budouc\u00edmi u\u017eivatelsk\u00fdmi agenty.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Pou\u017e\u00edvejte platn\u00fd k\u00f3d a zajist\u011bte kompatibilitu s asistivn\u00edmi technologiemi.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h3><strong>Jak\u00fdch je 13 sm\u011brnic WCAG?<\/strong><\/h3>\n<p>\u010cty\u0159i principy WCAG obsahuj\u00ed&nbsp;<strong>13 sm\u011brnic<\/strong>&nbsp;se specifick\u00fdmi c\u00edli webov\u00e9 p\u0159\u00edstupnosti. Ka\u017ed\u00e1 m\u00e1 testovateln\u00e1 krit\u00e9ria \u00fasp\u011b\u0161nosti na \u00farovn\u00edch A, AA a AAA.<\/p>\n<h3><strong>Sm\u011brnice vn\u00edmatelnosti<\/strong><\/h3>\n<p><strong>1.1 Textov\u00e9 alternativy<\/strong>&nbsp;\u2014 Poskytujte textov\u00e9 alternativy netextov\u00e9ho obsahu. Pat\u0159\u00ed sem alternativn\u00ed text obr\u00e1zk\u016f, popisky pol\u00ed formul\u00e1\u0159\u016f a popisy ikon.<\/p>\n<p><strong>1.2 \u010casov\u011b z\u00e1visl\u00e1 m\u00e9dia<\/strong>&nbsp;\u2014 Poskytujte alternativy zvukov\u00e9ho a obrazov\u00e9ho obsahu, v\u010detn\u011b titulk\u016f, p\u0159epis\u016f a audiopopis\u016f.<\/p>\n<p><strong>1.3 P\u0159izp\u016fsobiteln\u00e9<\/strong>&nbsp;\u2014 Vytv\u00e1\u0159ejte obsah, kter\u00fd lze zobrazit r\u016fzn\u00fdmi zp\u016fsoby bez ztr\u00e1ty informac\u00ed nebo v\u00fdznamu.<\/p>\n<p><strong>1.4 Rozli\u0161iteln\u00e9<\/strong>&nbsp;\u2014 Zajist\u011bte snadnou viditelnost a sly\u0161itelnost obsahu, nap\u0159\u00edklad dostate\u010dn\u00fdm kontrastem, \u0161k\u00e1lovateln\u00fdm textem a ovl\u00e1d\u00e1n\u00edm zvuku.<\/p>\n<h3><strong>Sm\u011brnice ovladatelnosti<\/strong><\/h3>\n<p><strong>2.1 P\u0159\u00edstupn\u00e9 z kl\u00e1vesnice<\/strong>&nbsp;\u2014 Zp\u0159\u00edstupn\u011bte v\u0161echny funkce z kl\u00e1vesnice u\u017eivatel\u016fm, kte\u0159\u00ed nemohou pou\u017e\u00edvat my\u0161.<\/p>\n<p><strong>2.2 Dostatek \u010dasu<\/strong>&nbsp;\u2014 Poskytn\u011bte u\u017eivatel\u016fm dostatek \u010dasu na \u010dten\u00ed a interakci; vyhn\u011bte se p\u0159\u00edsn\u00fdm \u010dasov\u00fdm limit\u016fm nebo umo\u017en\u011bte jejich prodlou\u017een\u00ed.<\/p>\n<p><strong>2.3 Z\u00e1chvaty a fyzick\u00e9 reakce<\/strong>&nbsp;\u2014 Nevytv\u00e1\u0159ejte obsah, kter\u00fd m\u016f\u017ee vyvolat z\u00e1chvaty, zejm\u00e9na nevhodn\u011b blikaj\u00edc\u00ed obsah.<\/p>\n<p><strong>2.4 Navigovateln\u00e9<\/strong>&nbsp;\u2014&nbsp;Pom\u00e1hejte u\u017eivatel\u016fm navigovat a hledat obsah pomoc\u00ed jasn\u00fdch nadpis\u016f, popisn\u00fdch odkaz\u016f a logick\u00e9ho po\u0159ad\u00ed fokusu.<\/p>\n<p><strong>2.5 Vstupn\u00ed modality<\/strong>&nbsp;\u2014 Podporujte r\u016fzn\u00e9 zp\u016fsoby vstupu krom\u011b kl\u00e1vesnice a my\u0161i, nap\u0159\u00edklad dotyk, hlasov\u00e9 p\u0159\u00edkazy nebo sp\u00edna\u010de.<\/p>\n<h3>Sm\u011brnice srozumitelnosti<\/h3>\n<p><strong>3.1 \u010citeln\u00e9<\/strong>&nbsp;\u2014 Zajist\u011bte \u010ditelnost a srozumitelnost textu, pou\u017e\u00edvejte jasn\u00fd jazyk a vysv\u011btlujte neobvykl\u00e9 v\u00fdrazy \u010di zkratky.<\/p>\n<p><strong>3.2 P\u0159edv\u00eddateln\u00e9<\/strong>&nbsp;\u2014 Zajist\u011bte p\u0159edv\u00eddateln\u00e9 zobrazen\u00ed a fungov\u00e1n\u00ed webov\u00fdch str\u00e1nek pomoc\u00ed konzistentn\u00ed navigace a funkc\u00ed.<\/p>\n<p><strong>3.3 Pomoc p\u0159i zad\u00e1v\u00e1n\u00ed<\/strong>&nbsp;\u2014 Pom\u00e1hejte u\u017eivatel\u016fm p\u0159edch\u00e1zet chyb\u00e1m a opravovat je pomoc\u00ed jasn\u00fdch zpr\u00e1v a pokyn\u016f.<\/p>\n<h3><strong>Sm\u011brnice robustnosti<\/strong><\/h3>\n<p><strong>4.1 Kompatibiln\u00ed<\/strong>&nbsp;\u2014 Maximalizujte kompatibilitu se sou\u010dasn\u00fdmi i budouc\u00edmi u\u017eivatelsk\u00fdmi agenty a asistivn\u00edmi technologiemi pomoc\u00ed platn\u00e9ho k\u00f3du a webov\u00fdch standard\u016f.<\/p>\n<h3><strong>Jak\u00e9 jsou t\u0159i \u00farovn\u011b shody WCAG?<\/strong><\/h3>\n<p>WCAG maj\u00ed t\u0159i \u00farovn\u011b shody \u2014 <strong>\u00farove\u0148 A, \u00farove\u0148 AA a \u00farove\u0148 AAA<\/strong> \u2014 kter\u00e9 vyjad\u0159uj\u00ed rostouc\u00ed m\u00edru p\u0159\u00edstupnosti. \u00darove\u0148 AA je pr\u00e1vn\u00edm standardem pro v\u011bt\u0161inu po\u017eadavk\u016f.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">\u00darove\u0148<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Popis<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Krit\u00e9ria \u00fasp\u011b\u0161nosti<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Pr\u00e1vn\u00ed stav<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u00darove\u0148 A<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Minim\u00e1ln\u00ed p\u0159\u00edstupnost \u2014 \u0159e\u0161\u00ed nejz\u00e1sadn\u011bj\u0161\u00ed bari\u00e9ry.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">30 krit\u00e9ri\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Vy\u017eadov\u00e1no pro soulad<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u00darove\u0148 AA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Standardn\u00ed p\u0159\u00edstupnost \u2014 odstra\u0148uje bari\u00e9ry pro v\u011bt\u0161inu lid\u00ed s posti\u017een\u00edm.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">20 dal\u0161\u00edch krit\u00e9ri\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Vy\u017eadov\u00e1no v\u011bt\u0161inou z\u00e1kon\u016f<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u00darove\u0148 AAA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Nejvy\u0161\u0161\u00ed p\u0159\u00edstupnost \u2014 poskytuje roz\u0161\u00ed\u0159en\u00fd p\u0159\u00edstup, ale nen\u00ed v\u017edy dosa\u017eiteln\u00e1.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">28 dal\u0161\u00edch krit\u00e9ri\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Aspira\u010dn\u00ed; pr\u00e1vn\u011b nevy\u017eadov\u00e1no<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Ka\u017ed\u00e1 \u00farove\u0148 navazuje na p\u0159edchoz\u00ed. Pro dosa\u017een\u00ed \u00farovn\u011b AA je nutn\u00e9 nejprve splnit v\u0161echna krit\u00e9ria \u00farovn\u011b A.<\/p>\n<p><strong>Pro soulad s v\u011bt\u0161inou pr\u00e1vn\u00edch p\u0159edpis\u016f mus\u00ed organizace splnit v\u0161echna krit\u00e9ria \u00farovn\u00ed A a AA.<\/strong>&nbsp;\u00darove\u0148 AAA je voliteln\u00e1, proto\u017ee n\u011bkter\u00e1 krit\u00e9ria nelze splnit u v\u0161ech typ\u016f obsahu.<\/p>\n<h3><strong>Jak se krit\u00e9ria \u00fasp\u011b\u0161nosti li\u0161\u00ed podle \u00farovn\u011b<\/strong><\/h3>\n<p>Stejn\u00e1 sm\u011brnice m\u016f\u017ee m\u00edt krit\u00e9ria na r\u016fzn\u00fdch \u00farovn\u00edch. P\u0159\u00edklad po\u017eadavk\u016f na p\u0159\u00edstupnost videa:<\/p>\n<figure><\/figure>\n<figure><\/figure>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Krit\u00e9rium \u00fasp\u011b\u0161nosti<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">\u00darove\u0148<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Po\u017eadavek<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.2.3 Audiopopis nebo medi\u00e1ln\u00ed alternativa<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">A<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Poskytn\u011bte audiopopis nebo textovou alternativu videa.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.2.5 Audiopopis (p\u0159edem nahran\u00fd)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">AA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Poskytn\u011bte audiopopis pro v\u0161echna p\u0159edem nahran\u00e1 videa.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.2.8 Medi\u00e1ln\u00ed alternativa (p\u0159edem nahran\u00e1)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">AAA<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Poskytn\u011bte \u00fapln\u00fd textov\u00fd p\u0159epis v\u010detn\u011b audiopopis\u016f.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>S rostouc\u00ed \u00farovn\u00ed jsou po\u017eadavky komplexn\u011bj\u0161\u00ed. \u00darove\u0148 A umo\u017e\u0148uje audiopopis nebo text, \u00farove\u0148 AA vy\u017eaduje audiopopis a \u00farove\u0148 AAA ob\u011b alternativy.<\/p>\n<h3><strong>Co jsou poru\u0161en\u00ed WCAG?<\/strong><\/h3>\n<p><strong>K poru\u0161en\u00ed WCAG<\/strong>&nbsp;doch\u00e1z\u00ed, kdy\u017e webov\u00fd obsah nespln\u00ed jedno nebo v\u00edce krit\u00e9ri\u00ed \u00fasp\u011b\u0161nosti. Ka\u017ed\u00e9 poru\u0161en\u00ed vytv\u00e1\u0159\u00ed bari\u00e9ru pro lidi s posti\u017een\u00edm.<\/p>\n<p>Mezi b\u011b\u017en\u00e1 poru\u0161en\u00ed WCAG pat\u0159\u00ed:<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Poru\u0161en\u00ed<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Krit\u00e9rium WCAG<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Dopad<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Chyb\u011bj\u00edc\u00ed alternativn\u00ed text obr\u00e1zk\u016f<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.1.1 Netextov\u00fd obsah<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 \u010dte\u010dek obrazovky nerozum\u011bj\u00ed obr\u00e1zk\u016fm.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Nedostate\u010dn\u00fd barevn\u00fd kontrast<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.4.3 Kontrast (minimum)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 se slab\u0161\u00edm zrakem nemohou text p\u0159e\u010d\u00edst.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Chyb\u011bj\u00edc\u00ed p\u0159\u00edstup kl\u00e1vesnic\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">2.1.1 Kl\u00e1vesnice<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9, kte\u0159\u00ed nemohou pou\u017e\u00edvat my\u0161, jsou zablokov\u00e1ni.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Chyb\u011bj\u00edc\u00ed popisky formul\u00e1\u0159\u016f<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.3.1 Informace a vztahy<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 \u010dte\u010dek obrazovky nemohou formul\u00e1\u0159e dokon\u010dit.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Automaticky p\u0159ehr\u00e1van\u00e1 m\u00e9dia<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.4.2 Ovl\u00e1d\u00e1n\u00ed zvuku<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ru\u0161\u00ed \u010dte\u010dky obrazovky.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Chyb\u011bj\u00edc\u00ed titulky vide\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">1.2.2 Titulky (p\u0159edem nahran\u00e9)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Nesly\u0161\u00edc\u00ed a nedosl\u00fdchav\u00ed p\u0159ich\u00e1zej\u00ed o obsah.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Chyb\u011bj\u00edc\u00ed n\u00e1zvy str\u00e1nek<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">2.4.2 N\u00e1zev str\u00e1nky<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatel\u00e9 nemohou str\u00e1nky identifikovat ani mezi nimi navigovat.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Ka\u017ed\u00fd probl\u00e9m br\u00e1n\u00edc\u00ed u\u017eivatel\u016fm obsah vn\u00edmat, ovl\u00e1dat nebo pochopit je potenci\u00e1ln\u00edm poru\u0161en\u00edm WCAG i pr\u00e1vn\u00edm rizikem.<\/p>\n<h3><strong>Jak zp\u0159\u00edstupnit web podle WCAG?<\/strong><\/h3>\n<p>Zp\u0159\u00edstupn\u011bn\u00ed webu vy\u017eaduje kombinaci automatizovan\u00fdch n\u00e1stroj\u016f, ru\u010dn\u00edho testov\u00e1n\u00ed a pr\u016fb\u011b\u017en\u00e9 pr\u00e1ce. \u017d\u00e1dn\u00fd jedin\u00fd n\u00e1stroj neodhal\u00ed v\u0161echny&nbsp;probl\u00e9my p\u0159\u00edstupnosti.<\/p>\n<h4><strong>Krok 1: Prove\u010fte audit p\u0159\u00edstupnosti<\/strong><\/h4>\n<p>Za\u010dn\u011bte auditem kombinuj\u00edc\u00edm automatizovan\u00e9 skenov\u00e1n\u00ed s ru\u010dn\u00edm testov\u00e1n\u00edm odborn\u00edky a lidmi s posti\u017een\u00edm. Automatizovan\u00e9 n\u00e1stroje neodhal\u00ed v\u0161e; zbytek vy\u017eaduje kontrolu pomoc\u00ed \u010dte\u010dek obrazovky a navigace kl\u00e1vesnic\u00ed.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Metoda testov\u00e1n\u00ed<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Co odhal\u00ed<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Omezen\u00ed<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Automatizovan\u00e9 n\u00e1stroje<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">B\u011b\u017en\u00e9 probl\u00e9my, nap\u0159\u00edklad nedostate\u010dn\u00fd kontrast, chyb\u011bj\u00edc\u00ed alternativn\u00ed text a popisky formul\u00e1\u0159\u016f.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Neodhal\u00ed v\u0161echny probl\u00e9my p\u0159\u00edstupnosti.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Ru\u010dn\u00ed odborn\u00e1 kontrola<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Komplexn\u00ed poru\u0161en\u00ed v\u010detn\u011b navigace kl\u00e1vesnic\u00ed, po\u0159ad\u00ed fokusu, struktury str\u00e1nek a s\u00e9mantick\u00e9ho zna\u010den\u00ed.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Odborn\u00edci nemus\u00ed web vn\u00edmat stejn\u011b jako skute\u010dn\u00ed u\u017eivatel\u00e9 s posti\u017een\u00edm.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Funk\u010dn\u00ed testov\u00e1n\u00ed asistivn\u00edmi technologiemi<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Bari\u00e9ry, se kter\u00fdmi se u\u017eivatel\u00e9 asistivn\u00edch technologi\u00ed setk\u00e1vaj\u00ed p\u0159i z\u00e1sadn\u00edch \u00faloh\u00e1ch, nap\u0159\u00edklad registraci nebo n\u00e1kupu.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Obvykle je prov\u00e1d\u00ed jeden odborn\u00edk a nereprezentuje v\u0161echny typy posti\u017een\u00ed ani pot\u0159eby.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">U\u017eivatelsk\u00e9 testov\u00e1n\u00ed lidmi s posti\u017een\u00edm<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Re\u00e1ln\u00e9 probl\u00e9my pou\u017eitelnosti, v\u010detn\u011b matouc\u00edho rozvr\u017een\u00ed, navigace a obt\u00ed\u017en\u00e9ho dokon\u010dov\u00e1n\u00ed \u00fakol\u016f.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">M\u016f\u017ee vy\u017eadovat dal\u0161\u00ed pl\u00e1nov\u00e1n\u00ed, koordinaci a zdroje.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h4><strong>Krok 2: Opravujte probl\u00e9my podle priority<\/strong><\/h4>\n<p>Zam\u011b\u0159te se na probl\u00e9my vytv\u00e1\u0159ej\u00edc\u00ed nejv\u011bt\u0161\u00ed bari\u00e9ry. Ty tak\u00e9 nej\u010dast\u011bji p\u0159edstavuj\u00ed pr\u00e1vn\u00ed riziko.<\/p>\n<h4><strong>Krok 3: Vy\u0161kolte t\u00fdm<\/strong><\/h4>\n<p>Webov\u00ed design\u00e9\u0159i, v\u00fdvoj\u00e1\u0159i a auto\u0159i obsahu maj\u00ed v p\u0159\u00edstupnosti svou roli. Vy\u0161kolte v\u0161echny, kdo vytv\u00e1\u0159ej\u00ed digit\u00e1ln\u00ed obsah.<\/p>\n<h4><strong>Krok 4: Za\u010dle\u0148te p\u0159\u00edstupnost do procesu<\/strong><\/h4>\n<p>P\u0159\u00edstupnost neopravujte dodate\u010dn\u011b \u2014 navrhujte ji od za\u010d\u00e1tku. Zahr\u0148te po\u017eadavky do specifikac\u00ed, kontrol k\u00f3du a obsahov\u00fdch pravidel. Je to levn\u011bj\u0161\u00ed a \u00fa\u010dinn\u011bj\u0161\u00ed.<\/p>\n<h4><strong>Krok 5: Dokumentujte sv\u00e9 \u00fasil\u00ed<\/strong><\/h4>\n<p>Zve\u0159ejn\u011bte prohl\u00e1\u0161en\u00ed o p\u0159\u00edstupnosti. Zdokumentujte tvrzen\u00ed o shod\u011b, zn\u00e1m\u00e9 probl\u00e9my a harmonogram n\u00e1pravy. Prokazuje to dobrou v\u00edru a m\u016f\u017ee sn\u00ed\u017eit sankce.<\/p>\n<h3><strong>Jak\u00fd je rozd\u00edl mezi WCAG 2.1 a WCAG 2.2?<\/strong><\/h3>\n<p><strong>WCAG 2.2 navazuj\u00ed na WCAG 2.1<\/strong>&nbsp;a jsou pln\u011b zp\u011btn\u011b kompatibiln\u00ed. Obsah spl\u0148uj\u00edc\u00ed WCAG 2.2 spl\u0148uje tak\u00e9 WCAG 2.1 a WCAG 2.0.<\/p>\n<figure class=\"table\" style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"width: 100%; border-collapse: collapse; border: 1px solid #ddd; font-family: Arial, sans-serif; font-size: 15px;\">\n<thead>\n<tr style=\"background: #f5f5f5;\">\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">Vlastnost<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">WCAG 2.1<\/th>\n<th style=\"border: 1px solid #ddd; padding: 12px; text-align: left; font-weight: 600;\">WCAG 2.2<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Datum vyd\u00e1n\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u010cerven 2018<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">\u0158\u00edjen 2023<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Celkov\u00fd po\u010det krit\u00e9ri\u00ed<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">78<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">86<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Nov\u00e1 krit\u00e9ria<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">17 (p\u0159id\u00e1no k WCAG 2.0)<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">9 (p\u0159id\u00e1no k WCAG 2.1; jedno d\u0159\u00edv\u011bj\u0161\u00ed krit\u00e9rium odstran\u011bno)<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Hlavn\u00ed oblasti<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Mobiln\u00ed p\u0159\u00edstupnost, slabozrakost a kognitivn\u00ed p\u0159\u00edstupnost.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Kognitivn\u00ed posti\u017een\u00ed, slabozrakost a mobiln\u00ed p\u0159\u00edstupnost.<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Pr\u00e1vn\u00ed stav<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Sou\u010dasn\u00fd standard pro v\u011bt\u0161inu z\u00e1kon\u016f.<\/td>\n<td style=\"border: 1px solid #ddd; padding: 12px;\">Doporu\u010den\u00fd standard, kter\u00fd se st\u00e1le \u010dast\u011bji st\u00e1v\u00e1 pr\u00e1vn\u00edm po\u017eadavkem.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>WCAG 2.2 p\u0159idaly&nbsp;<strong>dev\u011bt nov\u00fdch krit\u00e9ri\u00ed \u00fasp\u011b\u0161nosti<\/strong>&nbsp;zam\u011b\u0159en\u00fdch na u\u017eivatele s kognitivn\u00edm nebo u\u010debn\u00edm posti\u017een\u00edm, slabozrak\u00e9 a u\u017eivatele mobiln\u00edch za\u0159\u00edzen\u00ed. Pat\u0159\u00ed sem vzhled fokusu, pohyb ta\u017een\u00edm a p\u0159\u00edstupn\u00e9 ov\u011b\u0159ov\u00e1n\u00ed.<\/p>\n<p>V\u011bt\u0161ina p\u0159edpis\u016f nyn\u00ed odkazuje na WCAG 2.1, ale organizace by m\u011bly c\u00edlit na WCAG 2.2, aby byly p\u0159ipraveny na budoucnost. St\u00e1vaj\u00edc\u00ed krit\u00e9ria z 2.1 z\u016fst\u00e1vaj\u00ed v 2.2 beze zm\u011bny s v\u00fdjimkou jednoho odstran\u011bn\u00e9ho krit\u00e9ria.<\/p>\n<h3><strong>Co WCAG 3.0?<\/strong><\/h3>\n<p><strong>WCAG 3.0<\/strong>&nbsp;jsou dal\u0161\u00ed hlavn\u00ed verz\u00ed sm\u011brnic. Pracovn\u00ed skupina je st\u00e1le vyv\u00edj\u00ed a form\u00e1ln\u00ed datum vyd\u00e1n\u00ed nebylo stanoveno.<\/p>\n<p>WCAG 3.0 p\u0159in\u00e1\u0161ej\u00ed v\u00fdznamn\u00e9 zm\u011bny, v\u010detn\u011b bodov\u00e9ho syst\u00e9mu 0\u20134 m\u00edsto vyhov\u011bl\/nevyhov\u011bl, \u00farovn\u00ed Bronze\/Silver\/Gold m\u00edsto A\/AA\/AAA a \u0161ir\u0161\u00edho rozsahu pro hlasov\u00e1 rozhran\u00ed a nositeln\u00e1 za\u0159\u00edzen\u00ed.<\/p>\n<p><strong>Organizace by m\u011bly nad\u00e1le c\u00edlit na WCAG 2.2 AA<\/strong>&nbsp;jako aktu\u00e1ln\u011b pou\u017e\u00edvan\u00fd standard. WCAG 3.0 je\u0161t\u011b \u0159adu let neovlivn\u00ed pr\u00e1vn\u00ed po\u017eadavky, ale jejich principy, nap\u0159\u00edklad u\u017eivatelsk\u00e9 testov\u00e1n\u00ed s asistivn\u00edmi technologiemi, stoj\u00ed za zaveden\u00ed ji\u017e nyn\u00ed.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-animated\" style=\"--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:100px;--awb-padding-bottom:100px;--awb-padding-top-medium:50px;--awb-padding-bottom-medium:50px;--awb-padding-top-small:50px;--awb-padding-right-small:20px;--awb-padding-bottom-small:50px;--awb-padding-left-small:20px;--awb-margin-bottom-medium:0px;--awb-margin-bottom-small:0px;--awb-background-color:#f8fafd;--awb-flex-wrap:wrap;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.3\" data-animationOffset=\"top-into-view\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-stretch fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:calc( 1320px + 20px );margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:50px;--awb-spacing-left-large:10px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-2 fusion-text-no-margin\" style=\"--awb-content-alignment:center;--awb-font-size:12px;--awb-letter-spacing:1px;--awb-text-transform:uppercase;--awb-text-color:var(--awb-color8);--awb-margin-top:0px;--awb-margin-bottom:5px;\"><p>\u010cast\u00e9 dotazy<\/p>\n<\/div><div class=\"fusion-title title fusion-title-4 fusion-title-center fusion-title-text fusion-title-size-two text-gradient\" style=\"--awb-margin-bottom:20px;--awb-margin-top-small:0px;--awb-margin-bottom-small:20px;--awb-font-size:var(--awb-typography2-font-size);\"><div class=\"title-sep-container title-sep-container-left\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><span class=\"awb-title-spacer\"><\/span><h2 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"font-family:&quot;Montserrat&quot;;font-style:normal;font-weight:700;margin:0;letter-spacing:var(--awb-typography2-letter-spacing);text-transform:var(--awb-typography2-text-transform);font-size:1em;--fontSize:42;line-height:var(--awb-typography2-line-height);\">\u010casto kladen\u00e9 <span>ot\u00e1zky.<\/span><\/h2><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container title-sep-container-right\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:var(--awb-color3);\"><\/div><\/div><\/div><div class=\"fusion-text fusion-text-3 fusion-text-no-margin\" style=\"--awb-content-alignment:center;--awb-margin-bottom:0px;\"><p>Nena\u0161li jste odpov\u011b\u010f? Ozv\u011bte se n\u00e1m \u2014 r\u00e1di si s v\u00e1mi promluv\u00edme.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_2_3 2_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:20px;--awb-spacing-left-large:10px;--awb-width-medium:83.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><style type=\"text\/css\">#accordian-1 .fusion-panel:hover,#accordian-1 .fusion-panel.hover{ background-color: #f9f9f9 } #accordian-1 .fusion-panel { border-color:rgba(226,226,226,0.67); border-width:1px; background-color:var(--awb-color1); }.fusion-accordian #accordian-1 .panel-title a .fa-fusion-box:before{ font-size: 22px;width: 22px;}.fusion-accordian #accordian-1 .panel-title a .fa-fusion-box{ color: #939393;}.fusion-accordian #accordian-1.fusion-toggle-icon-right .fusion-toggle-heading{ margin-right: 40px;}.fusion-accordian  #accordian-1 .panel-title a{font-family:\"Montserrat\";font-style:normal;font-weight:600;}.fusion-accordian  #accordian-1 .panel-title a:not(:hover){color:hsla(var(--awb-color8-h),var(--awb-color8-s),calc(var(--awb-color8-l) + 20%),var(--awb-color8-a));}.fusion-accordian  #accordian-1 .toggle-content{font-family:var(--awb-typography4-font-family);font-weight:var(--awb-typography4-font-weight);font-style:var(--awb-typography4-font-style);}.fusion-accordian #accordian-1 .panel-title a:hover,.fusion-accordian #accordian-1 .panel-title a.hover { color: var(--awb-color4);}.fusion-faq-shortcode .fusion-accordian #accordian-1 .fusion-toggle-boxed-mode:hover .panel-title a { color: var(--awb-color4);}.fusion-accordian #accordian-1.fusion-toggle-icon-unboxed .panel-title a:hover .fa-fusion-box,.fusion-accordian #accordian-1.fusion-toggle-icon-unboxed .panel-title a.hover .fa-fusion-box { color: var(--awb-color4); }<\/style><div class=\"fusion-faq-shortcode border-radius-faq\" style=\"\"><div class=\"fusion-faqs-wrapper\"><div class=\"accordian fusion-accordian\"><div class=\"panel-group  fusion-toggle-icon-right fusion-toggle-icon-unboxed\" id=\"accordian-1\"><div class=\"fusion-panel fusion-toggle-no-divider fusion-toggle-boxed-mode panel-default fusion-faq-post fusion-faq-post-14037 compliance-wcag \"><span class=\"entry-title rich-snippet-hidden\">Jak\u00fd je vztah mezi WCAG 2.2 a WCAG 2.1?<\/span><span class=\"vcard rich-snippet-hidden\"><span class=\"fn\"><a href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/author\/administrator\/\" rel=\"author\">administrator<\/a><\/span><\/span><span class=\"updated rich-snippet-hidden\">2026-07-23T08:47:30+00:00<\/span><div class=\"panel-heading\"><h4 id=\"faq_1-14037\" class=\"panel-title toggle\"><a data-toggle=\"collapse\" class=\"collapsed\" data-parent=\"#accordian-1\" data-target=\"#collapse-1-14037\" href=\"#collapse-1-14037\" aria-expanded=\"false\"><div class=\"fusion-toggle-icon-wrapper\"><div class=\"fusion-toggle-icon-wrapper-main\"><div class=\"fusion-toggle-icon-wrapper-sub\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><div class=\"fusion-toggle-heading\">Jak\u00fd je vztah mezi WCAG 2.2 a WCAG 2.1?<\/div><\/a><\/h4><\/div><div id=\"collapse-1-14037\" aria-labelledby=\"faq_1-14037\" class=\"panel-collapse collapse\"><div class=\"panel-body toggle-content post-content\"><p>Standard <strong>WCAG 2.2<\/strong> navazuje na standard <strong>WCAG 2.1<\/strong> zaveden\u00edm dal\u0161\u00edch krit\u00e9ri\u00ed \u00fasp\u011b\u0161nosti, kter\u00e1 zlep\u0161uj\u00ed p\u0159\u00edstupnost, zejm\u00e9na pro u\u017eivatele s kognitivn\u00edm posti\u017een\u00edm, slabozrakost\u00ed a pro ty, kte\u0159\u00ed pou\u017e\u00edvaj\u00ed mobiln\u00ed nebo dotykov\u00e1 za\u0159\u00edzen\u00ed. Webov\u00e9 str\u00e1nky, kter\u00e9 spl\u0148uj\u00ed standard <strong>WCAG 2.2<\/strong>, spl\u0148uj\u00ed tak\u00e9 po\u017eadavky standard\u016f <strong>WCAG 2.1<\/strong> a <strong>WCAG 2.0<\/strong>. Organizace se vyz\u00fdvaj\u00ed, aby p\u0159ijaly nejnov\u011bj\u0161\u00ed verzi standardu WCAG, aby podpo\u0159ily sou\u010dasn\u00e9 osv\u011bd\u010den\u00e9 postupy v oblasti p\u0159\u00edstupnosti a budouc\u00ed \u00fasil\u00ed o dodr\u017eov\u00e1n\u00ed p\u0159edpis\u016f.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel fusion-toggle-no-divider fusion-toggle-boxed-mode panel-default fusion-faq-post fusion-faq-post-14057 compliance-wcag \"><span class=\"entry-title rich-snippet-hidden\">Je shoda s WCAG tot\u00e9\u017e co shoda s ADA?<\/span><span class=\"vcard rich-snippet-hidden\"><span class=\"fn\"><a href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/author\/administrator\/\" rel=\"author\">administrator<\/a><\/span><\/span><span class=\"updated rich-snippet-hidden\">2026-07-23T08:48:07+00:00<\/span><div class=\"panel-heading\"><h4 id=\"faq_1-14057\" class=\"panel-title toggle\"><a data-toggle=\"collapse\" class=\"collapsed\" data-parent=\"#accordian-1\" data-target=\"#collapse-1-14057\" href=\"#collapse-1-14057\" aria-expanded=\"false\"><div class=\"fusion-toggle-icon-wrapper\"><div class=\"fusion-toggle-icon-wrapper-main\"><div class=\"fusion-toggle-icon-wrapper-sub\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><div class=\"fusion-toggle-heading\">Je shoda s WCAG tot\u00e9\u017e co shoda s ADA?<\/div><\/a><\/h4><\/div><div id=\"collapse-1-14057\" aria-labelledby=\"faq_1-14057\" class=\"panel-collapse collapse\"><div class=\"panel-body toggle-content post-content\"><p class=\"isSelectedEnd\">Ne. <strong>WCAG<\/strong> a <strong>Americans with Disabilities Act (ADA)<\/strong> spolu \u00fazce souvis\u00ed, ale slou\u017e\u00ed r\u016fzn\u00fdm \u00fa\u010del\u016fm. WCAG poskytuje mezin\u00e1rodn\u011b uzn\u00e1van\u00e9 technick\u00e9 pokyny pro vytv\u00e1\u0159en\u00ed p\u0159\u00edstupn\u00fdch digit\u00e1ln\u00edch z\u00e1\u017eitk\u016f, zat\u00edmco ADA je americk\u00fd z\u00e1kon o ob\u010dansk\u00fdch pr\u00e1vech, kter\u00fd vy\u017eaduje rovn\u00fd p\u0159\u00edstup pro osoby se zdravotn\u00edm posti\u017een\u00edm.<\/p>\n<p>A\u010dkoli ADA nespecifikuje konkr\u00e9tn\u00ed technick\u00fd standard, <strong>WCAG Level AA<\/strong> je \u0161iroce uzn\u00e1v\u00e1n jako uzn\u00e1van\u00fd standard pro dosa\u017een\u00ed digit\u00e1ln\u00ed p\u0159\u00edstupnosti a podporu souladu s ADA.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel fusion-toggle-no-divider fusion-toggle-boxed-mode panel-default fusion-faq-post fusion-faq-post-14077 compliance-wcag \"><span class=\"entry-title rich-snippet-hidden\">Je shoda s WCAG 2.2 tot\u00e9\u017e co shoda s WCAG 2.2?<\/span><span class=\"vcard rich-snippet-hidden\"><span class=\"fn\"><a href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/author\/administrator\/\" rel=\"author\">administrator<\/a><\/span><\/span><span class=\"updated rich-snippet-hidden\">2026-07-23T08:48:44+00:00<\/span><div class=\"panel-heading\"><h4 id=\"faq_1-14077\" class=\"panel-title toggle\"><a data-toggle=\"collapse\" class=\"collapsed\" data-parent=\"#accordian-1\" data-target=\"#collapse-1-14077\" href=\"#collapse-1-14077\" aria-expanded=\"false\"><div class=\"fusion-toggle-icon-wrapper\"><div class=\"fusion-toggle-icon-wrapper-main\"><div class=\"fusion-toggle-icon-wrapper-sub\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><div class=\"fusion-toggle-heading\">Je shoda s WCAG 2.2 tot\u00e9\u017e co shoda s WCAG 2.2?<\/div><\/a><\/h4><\/div><div id=\"collapse-1-14077\" aria-labelledby=\"faq_1-14077\" class=\"panel-collapse collapse\"><div class=\"panel-body toggle-content post-content\"><p>Ano. Pojmy <strong>soulad s WCAG 2.2<\/strong> a <strong>soulad s WCAG 2.2<\/strong> se \u010dasto pou\u017e\u00edvaj\u00ed zam\u011bniteln\u011b. WCAG definuje soubor pokyn\u016f pro p\u0159\u00edstupnost a krit\u00e9ri\u00ed \u00fasp\u011bchu, kter\u00e9 organizace dodr\u017euj\u00ed p\u0159i vytv\u00e1\u0159en\u00ed p\u0159\u00edstupn\u00fdch digit\u00e1ln\u00edch z\u00e1\u017eitk\u016f. Mnoho z\u00e1kon\u016f a p\u0159edpis\u016f o p\u0159\u00edstupnosti uv\u00e1d\u00ed WCAG jako uzn\u00e1van\u00e9 m\u011b\u0159\u00edtko pro hodnocen\u00ed digit\u00e1ln\u00ed p\u0159\u00edstupnosti, tak\u017ee soulad s WCAG je d\u016fle\u017eit\u00fdm krokem k dosa\u017een\u00ed souladu.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel fusion-toggle-no-divider fusion-toggle-boxed-mode panel-default fusion-faq-post fusion-faq-post-14097 compliance-wcag \"><span class=\"entry-title rich-snippet-hidden\">Jak zajist\u00edm, aby m\u016fj web spl\u0148oval standard WCAG 2.2?<\/span><span class=\"vcard rich-snippet-hidden\"><span class=\"fn\"><a href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/author\/administrator\/\" rel=\"author\">administrator<\/a><\/span><\/span><span class=\"updated rich-snippet-hidden\">2026-07-23T08:49:07+00:00<\/span><div class=\"panel-heading\"><h4 id=\"faq_1-14097\" class=\"panel-title toggle\"><a data-toggle=\"collapse\" class=\"collapsed\" data-parent=\"#accordian-1\" data-target=\"#collapse-1-14097\" href=\"#collapse-1-14097\" aria-expanded=\"false\"><div class=\"fusion-toggle-icon-wrapper\"><div class=\"fusion-toggle-icon-wrapper-main\"><div class=\"fusion-toggle-icon-wrapper-sub\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><div class=\"fusion-toggle-heading\">Jak zajist\u00edm, aby m\u016fj web spl\u0148oval standard WCAG 2.2?<\/div><\/a><\/h4><\/div><div id=\"collapse-1-14097\" aria-labelledby=\"faq_1-14097\" class=\"panel-collapse collapse\"><div class=\"panel-body toggle-content post-content\"><p class=\"isSelectedEnd\">Dosa\u017een\u00ed souladu s normou <strong>WCAG 2.2<\/strong> za\u010d\u00edn\u00e1 komplexn\u00edm auditem p\u0159\u00edstupnosti, kter\u00fd identifikuje p\u0159ek\u00e1\u017eky ovliv\u0148uj\u00edc\u00ed u\u017eivatele se zdravotn\u00edm posti\u017een\u00edm. Organizace by se m\u011bly zab\u00fdvat probl\u00e9my, jako je p\u0159\u00edstupnost kl\u00e1vesnice, barevn\u00fd kontrast, alternativn\u00ed text, popisky formul\u00e1\u0159\u016f a s\u00e9mantick\u00e1 struktura, a z\u00e1rove\u0148 zajistit kompatibilitu s asisten\u010dn\u00edmi technologiemi.<\/p>\n<p>Pro dlouhodob\u00fd \u00fasp\u011bch kombinujte automatizovan\u00e9 testov\u00e1n\u00ed p\u0159\u00edstupnosti s manu\u00e1ln\u00edmi kontrolami, pr\u016fb\u011b\u017en\u00fdm monitorov\u00e1n\u00edm a osv\u011bd\u010den\u00fdmi postupy p\u0159\u00edstupnosti v cel\u00e9m procesu n\u00e1vrhu a v\u00fdvoje. Partnerstv\u00ed se zku\u0161en\u00fdmi odborn\u00edky na p\u0159\u00edstupnost a pou\u017e\u00edv\u00e1n\u00ed d\u016fv\u011bryhodn\u00fdch \u0159e\u0161en\u00ed p\u0159\u00edstupnosti m\u016f\u017ee pomoci zefektivnit dodr\u017eov\u00e1n\u00ed p\u0159edpis\u016f a vytvo\u0159it inkluzivn\u011bj\u0161\u00ed digit\u00e1ln\u00ed z\u00e1\u017eitek.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel fusion-toggle-no-divider fusion-toggle-boxed-mode panel-default fusion-faq-post fusion-faq-post-14117 compliance-wcag \"><span class=\"entry-title rich-snippet-hidden\">Mus\u00ed webov\u00e9 str\u00e1nky m\u00e9 organizace spl\u0148ovat standard WCAG 2.2?<\/span><span class=\"vcard rich-snippet-hidden\"><span class=\"fn\"><a href=\"https:\/\/stage-barriano.projectbeta.biz\/cs\/author\/administrator\/\" rel=\"author\">administrator<\/a><\/span><\/span><span class=\"updated rich-snippet-hidden\">2026-07-23T08:49:30+00:00<\/span><div class=\"panel-heading\"><h4 id=\"faq_1-14117\" class=\"panel-title toggle\"><a data-toggle=\"collapse\" class=\"collapsed\" data-parent=\"#accordian-1\" data-target=\"#collapse-1-14117\" href=\"#collapse-1-14117\" aria-expanded=\"false\"><div class=\"fusion-toggle-icon-wrapper\"><div class=\"fusion-toggle-icon-wrapper-main\"><div class=\"fusion-toggle-icon-wrapper-sub\"><i class=\"fa-fusion-box active-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon fa-angle-down fas\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><div class=\"fusion-toggle-heading\">Mus\u00ed webov\u00e9 str\u00e1nky m\u00e9 organizace spl\u0148ovat standard WCAG 2.2?<\/div><\/a><\/h4><\/div><div id=\"collapse-1-14117\" aria-labelledby=\"faq_1-14117\" class=\"panel-collapse collapse\"><div class=\"panel-body toggle-content post-content\"><p class=\"isSelectedEnd\">A\u010dkoli <strong>WCAG 2.2 Level AA<\/strong> nen\u00ed v\u0161eobecn\u011b na\u0159\u00edzeno z\u00e1konem, je v\u0161eobecn\u011b uzn\u00e1v\u00e1no jako sou\u010dasn\u00fd osv\u011bd\u010den\u00fd postup pro digit\u00e1ln\u00ed p\u0159\u00edstupnost. Mnoho p\u0159edpis\u016f o p\u0159\u00edstupnosti a pr\u00e1vn\u00edch urovn\u00e1n\u00ed uv\u00e1d\u00ed WCAG Level AA jako standard pro vytv\u00e1\u0159en\u00ed p\u0159\u00edstupn\u00fdch webov\u00fdch str\u00e1nek a digit\u00e1ln\u00edch z\u00e1\u017eitk\u016f.<\/p>\n<p>Organizace mohou sn\u00ed\u017eit pr\u00e1vn\u00ed riziko, zlep\u0161it pou\u017eitelnost a poskytnout rovn\u00fd p\u0159\u00edstup t\u00edm, \u017ee navrhnou a budou udr\u017eovat webov\u00e9 str\u00e1nky, kter\u00e9 spl\u0148uj\u00ed <strong>WCAG 2.2 Level AA<\/strong>, kdykoli je to praktick\u00e9.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":3843,"parent":12911,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-10630","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/pages\/10630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/comments?post=10630"}],"version-history":[{"count":3,"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/pages\/10630\/revisions"}],"predecessor-version":[{"id":30285,"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/pages\/10630\/revisions\/30285"}],"up":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/pages\/12911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/media\/3843"}],"wp:attachment":[{"href":"https:\/\/stage-barriano.projectbeta.biz\/cs\/wp-json\/wp\/v2\/media?parent=10630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}