CINXE.COM

Web Accessibility | Creatim

<!DOCTYPE html> <html lang="en"> <head> <title>Web Accessibility | Creatim</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="description" content=""> <meta name="author" content="Creatim"> <meta name="web_author" content="Creatim" /> <meta name="robots" content="all"> <link rel="canonical" href="https://www.creatim.com/en/products-and-solutions/web-accessibility" /> <link rel="alternate" href="https://www.creatim.com/en/products-and-solutions/web-accessibility" hreflang="en" /> <link rel="alternate" href="https://www.creatim.com/storitve/dostopnost-spletnih-strani-po-mednarodnih-standardih" hreflang="sl" /> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Default ad_storage and analytics_storage to 'denied'. gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'granted', 'ad_user_data': 'denied', 'ad_personalization': 'denied' }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WLNG47');</script> <!-- End Google Tag Manager --> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/apple-icon-57x57.png?v=2"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicon/apple-icon-60x60.png?v=2"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/apple-icon-72x72.png?v=2"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-icon-76x76.png?v=2"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/apple-icon-114x114.png?v=2"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-icon-120x120.png?v=2"> <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/apple-icon-144x144.png?v=2"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-icon-152x152.png?v=2"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-icon-180x180.png?v=2"> <link rel="shortcut icon" href="/images/favicon/favicon.ico?v=2"> <link rel="manifest" href="/images/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/images/favicon/ms-icon-144x144.png?v=2"> <meta name="theme-color" content="#ffffff"> <meta property="og:type" content="website"> <meta property="og:image" content="/images/logos/og_logo.png"> <meta property="og:site_name" content="Creatim"> <meta property="og:title" content="Web Accessibility"> <meta property="og:url" content="https://www.creatim.com/en/products-and-solutions/web-accessibility"> <meta property="og:description" content=""> <meta name="twitter:card" content="summary"> <meta name="twitter:image" content="/images/logos/og_logo.png"> <meta name="twitter:site" content="@Creatim"> <meta name="twitter:creator" content="@Creatim"> <meta name="twitter:url" content="https://www.creatim.com/en/products-and-solutions/web-accessibility"> <meta name="twitter:description" content=""> <meta name="geo.region" content="SI-052" /> <meta name="geo.placename" content="Šenčur" /> <meta name="geo.position" content="46.238258;14.411203" /> <meta name="ICBM" content="46.238258, 14.411203" /> <link rel="stylesheet" href="/build/251.520d57e1.css"><link rel="stylesheet" href="/build/526.d3a65e4b.css"><link rel="stylesheet" href="/build/frontend.f7b5f8a5.css"> <script type="text/javascript"> var recaptcha_site_key = "6LccgBoUAAAAADAhfHBOlNwei4PW-_ZylNA75Xse"; var ajaxPath = '/en/_ajax'; </script> <script type="text/javascript"> var notices = { generalErrorTitle: 'The form contains errors.', generalErrorDescription: 'Please verify the marked fields and try again.', generalErrorRequired: 'This field is required', generalErrorMail: 'Enter a valid e-mail. Example: name@domain.si.', generalErrorPostNumber: 'Enter a valid post number. Example: 1000', generalErrorVatNumber: 'Enter a valid tax number. Example: 12345678.', generalErrorNumber: 'Enter a valid number.', generalErrorDigit: 'Enter only numbers.', generalErrorDate: 'Enter a valid date. Example: 01.01.2023.', generalErrorEqual: 'Enter the same value as in the upper field.',nextSlide: 'Next slide', prevSlide: 'Previous slide', goToSlide: 'Go to slide' }; var currentLang = 'en'; var gmap_lat = 46.2376277; var gmap_lng = 14.3855648; var gmap_zoom = 10;</script> <script> FontAwesomeConfig = { searchPseudoElements: true }; </script> <!--[if lte IE 10]> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <![endif]--> <!-- MailerLite Universal --> <script> (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[]) .push(arguments);},l=d.createElement(e),l.async=1,l.src=u, n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);}) (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml'); ml('account', '811289'); </script> <!-- End MailerLite Universal --> <script defer src="https://cloud.umami.is/script.js" data-website-id="b6a93760-c243-48c6-8db7-8cd2d5a49599"></script> </head> <body class=" subPage "> <!-- Google Tag Managero(noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WLNG47" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- tab-helper --> <div class="tab-helper"> <a href="#main" class="btn px-md-20 px-10 py-md-15 py-5 btn-tertiary">Skip to main content</a> <a class="btn px-md-20 px-10 py-md-15 py-5 btn-tertiary ms-md-10 ms-5" href="/en/sitemap">Sitemap</a> </div> <!-- /tab-helper --> <!-- page-container --> <div class="page-container"> <header class="header js-header"> <div class="container-xxl d-flex justify-content-between position-relative"> <!-- header-logo --> <a href="/en" class="header-logo" rel="home" itemprop="url" aria-label="Back to first page"> <img class="logo" src="/images/logos/logo-creatim-25.svg" alt="Creatim logo" itemprop="image" /> <span class="brand" itemprop="brand">Creatim</span> <span id="strapline" itemprop="description">Website, app and ecommerce development</span> <span class="fn org" itemprop="fn org">Creatim d.o.o.</span> </a> <!-- /header-logo --> <!-- btn-menu-toggle --> <button class="btn btn-menu-toggle js-btn-menu-toggle d-lg-none" type="button" aria-expanded="false" aria-label="Open menu"> <i class="fa-regular fa-bars" aria-hidden="true"></i> <i class="fa-regular fa-xmark" aria-hidden="true"></i> </button> <!-- /btn-menu-toggle --> <!-- header-navigation --> <div class="mainNavigation d-flex align-items-center"> <nav class="header-navigation js-header-navigation" role="navigation" aria-label="Main menu"> <ul class="nav-menu"> <li class="nav-item has-children"> <a href="/en/services/solution-design-2">Services</a> <div class="sub-nav"> <button type="button" class="btn btn-sub-nav-back js-btn-sub-nav-back d-lg-none"> <i class="fa-regular fa-chevron-left"></i>Services </button> <div class="sub-nav-wrapper"> <div class="sub-nav-group"> <label class="sub-nav-group-label" id="list-group-1593">Services</label> <ul class="sub-nav-group-menu" aria-labelledby="list-group-1593"> <li> <a class="sub-nav-group-link" href="/en/services/ux-audit">UX Audit</a> </li> <li> <a class="sub-nav-group-link" href="/en/services/digital-marketing">Digital marketing</a> </li> <li> <a class="sub-nav-group-link" href="/en/services/user-experience">User experience</a> </li> <li> <a class="sub-nav-group-link" href="/en/services/web-development">Web development</a> </li> <li> <a class="sub-nav-group-link" href="/en/services/solution-design">Solution design</a> </li> <li> <a class="sub-nav-group-link" href="/en/products-and-solutions/web-accessibility">Web Accessibility</a> </li> </ul> </div> <div class="sub-nav-group"> <label class="sub-nav-group-label" id="list-group-1497">Solutions</label> <ul class="sub-nav-group-menu" aria-labelledby="list-group-1497"> <li> <a class="sub-nav-group-link" href="/en/solutions/destination-websites">Destination websites</a> <ul class="sub-sub-nav-group-menu ms-20"> <li> <a class="sub-nav-group-link" href="/en/solutions/destination-websites/solution-design">Solution design</a> </li> <li> <a class="sub-nav-group-link" href="/en/solutions/destination-websites/the-platform">The platform</a> </li> </ul> </li> <li> <a class="sub-nav-group-link" href="/en/solutions/e-commerce">E-commerce</a> <ul class="sub-sub-nav-group-menu ms-20"> <li> <a class="sub-nav-group-link" href="/en/solutions/sylius-site-editor">Sylius Site Editor</a> </li> </ul> </li> <li> <a class="sub-nav-group-link" href="/en/solutions/finance-and-banking">Finance and banking</a> </li> <li> <a class="sub-nav-group-link" href="/en/solutions/ai-virtual-assistant">AI Virtual Assistant</a> </li> </ul> </div> <!-- sub-nav-group --> <div class="sub-nav-group"> </div> <!-- /sub-nav-group --> </div> </div> </li> <li class="nav-item"> <a href="/en/our-work">Our work</a> </li> <li class="nav-item"> <a href="/en/blog">Blog</a> </li> <li class="nav-item"> <a href="/en/about">About</a> </li> <li class="pb-lg-0 pb-15 d-lg-none d-block has-children"> <a href="/en/products-and-solutions/web-accessibility" class="accessibility-settings"> Website accessibility </a> <div class="sub-nav accessible-megamenu-panel"> <button type="button" class="btn btn-sub-nav-back js-btn-sub-nav-back d-lg-none"> <i class="fa-regular fa-chevron-left"></i>Website accessibility </button> <div class="sub-nav-wrapper"> <div class="sub-nav-group"> <label class="sub-nav-group-label" id="list-group-acc-settings">Accessibility</label> <ul class="sub-nav-group-menu" aria-labelledby="list-group-acc-settings"> <li> <button class="dropdown-item sub-nav-group-link js-disable-animations" type="button" data-enable="Enable animations" data-disable="Stop animations">Stop animations</button> </li> <li> <button type="button" class="sub-nav-group-link js-show-video-controls" data-hide="Hide video controls" data-show="Show video controls">Show video controls</button> </li> </ul> </div> <!-- sub-nav-group --> <div class="sub-nav-group"> <!-- course-signin-card --> <div class="course-signin-card gap-0"> <div class="course-signin-card-header"> <span>Service</span> </div> <div class="course-signin-card-title mx-0 mb-20">Website accessibility</div> <div class="course-signin-card-footer justify-content-center"> <p>Ensure equal opportunities for all users.</p> <a href="/en/products-and-solutions/web-accessibility" class="btn btn-primary">More<i class="fa-regular fa-arrow-right"></i></a> </div> </div> <!-- /course-signin-card --> </div> <!-- /sub-nav-group --> </div> </div> </li> <li class="nav-item px-lg-0 px-15"> <a href="/en/contact" class="btn btn-primary d-flex align-items-center">Let&#039;s meet</a> </li> <li class="nav-item header-lang-link d-lg-none"> <a data-router-disabled href="/en/products-and-solutions/web-accessibility?_locale=sl" lang="sl">Switch to Slovenian</a> </li> <li class="nav-item d-none d-lg-inline-flex"> <a data-router-disabled href="/en/products-and-solutions/web-accessibility?_locale=sl" lang="sl"><span class="visually-hidden" lang="sl">Zamenjaj jezik v </span>SL</a> </li> <li class="pb-lg-0 pb-15 d-lg-block d-none"> <a href="/en/products-and-solutions/web-accessibility" class="accessibility-settings mx-auto d-flex"> <span class="visually-hidden">Website accessibility</span><i aria-hidden="true" class="fa-regular fa-universal-access"></i> </a> <div class="sub-nav accessible-megamenu-panel"> <button type="button" class="btn btn-sub-nav-back js-btn-sub-nav-back d-lg-none"> <i class="fa-regular fa-chevron-left"></i>Website accessibility </button> <div class="sub-nav-wrapper"> <div class="sub-nav-group"> <label class="sub-nav-group-label" id="list-group-acc-settings">Accessibility</label> <ul class="sub-nav-group-menu" aria-labelledby="list-group-acc-settings"> <li> <button class="dropdown-item sub-nav-group-link js-disable-animations" type="button" data-enable="Enable animations" data-disable="Stop animations">Stop animations</button> </li> <li> <button type="button" class="sub-nav-group-link js-show-video-controls" data-hide="Hide video controls" data-show="Show video controls">Show video controls</button> </li> </ul> </div> <!-- sub-nav-group --> <div class="sub-nav-group"> <!-- course-signin-card --> <div class="course-signin-card gap-0"> <div class="course-signin-card-header"> <span>Service</span> </div> <div class="course-signin-card-title mx-0 mb-20">Website accessibility</div> <div class="course-signin-card-footer justify-content-center"> <p>Ensure equal opportunities for all users.</p> <a href="/en/products-and-solutions/web-accessibility" class="btn btn-primary">More<i class="fa-regular fa-arrow-right"></i></a> </div> </div> <!-- /course-signin-card --> </div> <!-- /sub-nav-group --> </div> </div> </li> </ul> </nav> </div> <!-- header-navigation --> </div> </header> <main class="main" id="main" tabindex="-1"> <div class='rowWrapper'> <div class='row'><div class='columnIsWide col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <div class='col-content'> <div class="hero-section"> <div class="hero-section-background"></div> <div class="container-xxl"> <span class="eli" data-eliid="eli_frontpageAds_460"></span> <div class="row align-items-lg-center g-5"> <div class="col-12 col-lg-6"> <article class="hero-section-article"> <h1><span aria-hidden="true">Web <u class="animated">accessibility </u></span><span class="visually-hidden">Web accessibility </span></h1> <p class="lead" data-aos="fade-in" data-aos-delay="300">Use our certified experts to incorporate accessibility in your digital assets. Together, we can ensure an equal access and user-friendly experience for everyone, regardless of their physical, sensory, or cognitive abilities. <p><img alt="IAAP certification logo owned by Creatim. " height="105" src="/uploads/banner/iaap-certified.webp" width="105" /></p></p> <div data-aos="fade-in" data-aos-delay="600" class="mb-0 actions d-flex flex-wrap align-items-center gap-15"> <button class="btn-arrow btn btn-secondary scrollToNext" role="button" > How can we help? </button> <script> window.addEventListener('load', function() { $('.scrollToNext').click(function(e) { if($('#next').length){ $('html,body').animate({ scrollTop: $('#next').offset().top - 90 }, 500); } }); }); </script> </div> </article> </div> <div class="col-12 col-lg-6"> <!-- animation-wrapper --> <div class="animation-wrapper" data-aos="zoom-in" data-aos-delay="300"> <div class="animation-bg"> <img src="https://www.creatim.com/imagine_cache/1500x1500/uploads/home_banners/dostopnost-3.webp" alt=""> </div> <div class="animation-layer"> <div class="animation-float-vertical"> <div class="animation-float-horizontal"> <img src="https://www.creatim.com/imagine_cache/1500x1500/uploads/home_banners/dostopnost-2.webp" alt=""> </div> </div> </div> <div class="animation-layer"> <div class="animation-float-vertical"> <div class="animation-float-horizontal"> <img src="https://www.creatim.com/imagine_cache/1500x1500/uploads/home_banners/dostopnost-1.webp" alt=""> </div> </div> </div> </div> <!-- /animation-wrapper --> </div> </div> </div> </div> </div> </div> <div class='columnIsWide col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <div class='col-content'> <!-- scrolling-logos --> <h2 class="visually-hidden">Our awards</h2> <div class="scrolling-logos"> <!-- swiper --> <div class="swiper js-swiper-logos"> <ul class="swiper-wrapper" role="list"> <li class="swiper-slide"> <span class="eli" data-eliid="eli_awards_220"></span> <img src="/uploads/Certifikati/Screenshot_2021-11-11_at_14.43_2.png" alt="Google Certificate"> </li> <li class="swiper-slide"> <span class="eli" data-eliid="eli_awards_221"></span> <img src="/uploads/Certifikati/nng_cert.png" alt="Nielson Norman Group"> </li> <li class="swiper-slide"> <span class="eli" data-eliid="eli_awards_314"></span> <img src="/uploads/Certifikati/certified_senior_project_manager-ipma.png" alt="Project manager certification"> </li> <li class="swiper-slide"> <span class="eli" data-eliid="eli_awards_544"></span> <img src="/uploads/Certifikati/iaap_cert.png" alt="IAAP logo"> </li> <li class="swiper-slide"> <span class="eli" data-eliid="eli_awards_551"></span> <img src="/uploads/Certifikati/SIQ_Cert.png" alt="SIQ cert"> </li> <li class="swiper-slide"> <span class="eli" data-eliid="eli_awards_548"></span> <img src="/uploads/Certifikati/iqnet_certifikat.png" alt="IQNET Certificate"> </li> </ul> </div> </div> </div> </div> </div> </div> <div class='rowWrapper main-section bussiness-focus-section mt-md-50 mt-20 features-section'> <div class='container-fluid'><div class='row'><div class=' col-12 col-xl-6 col-lg-6 col-md-6 col-sm-12'> <h2 class="mb-30">What is Website Accessibility?</h2> <h3>Web accessibility for all</h3> <p>Digital accessibility refers to designing digital products and services that ensure equal access and opportunities for everyone. The aim is to support disabled users by incorporating features such as screen readers, subtitles, high contrast mode, voice control, page zoom, switch controls, spoken selected texts, keyboard access, focus indicators, and an accessibility-adjusted page structure.</p> <div class="accordion" id="accordion-1"> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-permanent-disabilities-1-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-permanent-disabilities-1-acc">Permanent disabilities</button></h2> <div id="item-permanent-disabilities-1-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-1"><div class="accordion-body"> <p>Long-term deficiencies can significantly impact how a person interacts with their environment. For instance, an individual with one arm may struggle with tasks that typically require both hands. Likewise, a blind person must rely on alternative senses to navigate and perform daily activities.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-situational-disabilities-2-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-situational-disabilities-2-acc">Situational disabilities</button></h2> <div id="item-situational-disabilities-2-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-1"><div class="accordion-body"> <p>Situational barriers can create disabling conditions that obstruct the use of a digital device. Examples include being unable to see a screen because of sunlight or hearing audio due to local noise. Many assistive tech solutions designed for people with disabilities also support situational accessibility that is useful for everyone.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-temporarily-disabilities-3-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-temporarily-disabilities-3-acc">Temporarily disabilities</button></h2> <div id="item-temporarily-disabilities-3-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-1"><div class="accordion-body"> <p>Short-term disabilities pass as the body heals. However, they can affect a person’s ability to perform specific tasks on their digital devices, just like a permanent disability.</p> </div> </div></div></div> </div> <div class=' col-12 col-xl-6 col-lg-6 col-md-6 col-sm-12'> <h3>Types of Accessibility</h3> <figure class="visual"><img alt="An infographic showing the different types of disabilities divided into three categories: touch, sight and hearing. Each category is divided into permanent, temporary and situational." height="666" src="/uploads/accordion_photos/primeri-oviranosti_EN_1.webp" width="557" /></figure> </div> </div> </div> </div> <div class='rowWrapper main-section about-section js-about text-start'> <div class='container-fluid'><div class='row'><div class=' col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <div class="about text-start"> <div class="row g-5 g-md-5"> <div class="col-12 col-md-4 col-sm-12 number-box"> <figure><img alt="Zastava EU" height="150" src="/uploads/banner/stalna-oviranost-evropa.webp" width="150" /></figure> <p><strong>27%</strong></p> <p>of EU citizens have some form of disability</p> </div> <div class="col-12 col-md-4 col-sm-12 number-box"> <figure><img alt="Oseba, ki drži mobilni telefon na katerega sveti sonce." height="150" src="/uploads/banner/obcasna-situacijska-oviranost.webp" width="242" /></figure> <p><strong>100%</strong></p> <p>of people confront a situational or temporary disability in their lifetime</p> </div> <div class="col-12 col-md-4 col-sm-12 number-box"> <figure><img alt="Leseno kladivo in knjiga. " height="150" src="/uploads/banner/zakoni.webp" width="200" /></figure> <p><strong>$ 1200B</strong></p> <p>of worldwide annual disposable income accounts for people with disabilities</p> </div> </div> </div> <p>&nbsp;</p> </div> </div> </div> </div> <div class='rowWrapper main-section features-section threesome' id='next'> <div class='container-fluid'><div class='row'><div class=' col-12 col-xl-35 col-lg-35 col-md-35 col-sm-12'> <h2 class="mb-20">How to tackle digital accessibility?</h2> <h3>Free initial assessment</h3> <p>Creatim offers a <strong>free initial assessment</strong> to estimate the scope and complexity of your digital product and determine the scope of the <strong>accessibility audit</strong>, as presented in the pricing table below. The accessibility audit is an in-depth analysis to provide practical guidelines for your subsequent design, development, testing, and support efforts.</p> </div> <div class=' col-12 col-xl-25 col-lg-25 col-md-25 col-sm-12'> <p>&nbsp;</p> <h3>Benefits of the review</h3> <p class="mb-20 d-flex align-items-center justify-content-between gap-10"><strong>1. Analysis of basic components</strong><img alt="" height="33" src="/uploads/banner/dostopne-resitve-1.svg" width="42" /></p> <p class="mb-20 d-flex align-items-center justify-content-between gap-10"><strong>2. The accessibility audit offer</strong><img alt="" height="37" src="/uploads/banner/dostopne-resitve-6.svg" width="50" /></p> <p class="mb-20 d-flex align-items-center justify-content-between gap-10"><strong>3. A basic site accessibility assessment </strong><img alt="" height="37" src="/uploads/banner/dostopne-resitve-2.svg" width="50" /></p> <p class="mb-20 d-flex align-items-center justify-content-between gap-10"><strong>4. List of the WCAG conformance failures</strong><img alt="" height="37" src="/uploads/banner/dostopne-resitve-4.svg" width="50" /></p> </div> <div class=' col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <h3>The end-to-end process of adapting to the international standards EN 301 549 and WCAG 2.2.</h3> <p>Collaborating with the renowned A11Y Institute, we are all you need to align your website with international standards and legislation. We can also train your editors and content providers and provide long-term compliance monitoring to ensure you are on track with accessibility standards.</p> <p class="d-md-block d-none"><img alt="A graphic showing 7 steps to manage accessibility on web pages." height="455" src="/uploads/accordion_photos/Dostopnost_grafika_EN_Desktop_1.png" width="1292" /></p> <p class="d-md-none d-block"><img alt="A graphic showing 7 steps to manage accessibility on web pages." height="1113" src="/uploads/accordion_photos/Dostopnost_grafika_EN_mobile_2.png" width="383" /></p> </div> </div> </div> </div> <div class='container-fluid main-section features-section threesome'> <div class='row'><div class=' col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <h2>Accessibility audit</h2> </div> <div class=' col-12 col-xl-35 col-lg-35 col-md-35 col-sm-12'> <p><strong>In the accessibility audit process</strong>, an accessibility expert will thoroughly review the website to document errors and provide actionable guidelines for the implementation team. This is the first step towards WCAG, the international accessibility standard compliance.</p> <p>Additionally, the accessibility audit will help evaluate the scope and cost of implementation.</p> </div> <div class=' col-12 col-xl-25 col-lg-25 col-md-25 col-sm-12'> <p><strong>The accessibility audit comprises</strong></p> <ul> <li>Assessment of typical pages and components at the code level</li> <li>Categorizing issues according to WCAG conformance levels with recommendations</li> <li>Guidelines for site structure and navigation overhaul</li> <li>Web content audit, such as HTML, PDFs, and media files</li> </ul> </div> </div> </div> <div class='rowWrapper '> <div class='container-fluid'><div class='row'><div class=' col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <h3>Examples from our previous audits</h3> <p><img alt="The image shows an example of a website accessibility review report." height="800" src="/uploads/accordion_photos/Examples_from_our_previous_audits.png" width="1500" /></p> </div> </div> </div> </div> <div class='rowWrapper feature-article-card main-section features-section'> <div class='container-fluid'><div class='row'><div class=' col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <h2>Creatim, your IAAP-certified partner</h2> </div> <div class=' col-12 col-xl-15 col-lg-15 col-md-15 col-sm-12'> <p><a href="https://www.credly.com/badges/f34bcf32-53fd-46b1-8929-775656059d7c/public_url" target="_blank"><img alt="IAAP logo" height="141" src="/uploads/banner/iaap-certified.webp" width="141" /></a></p> </div> <div class=' col-12 col-xl-45 col-lg-45 col-md-4 col-sm-6'> <p>At Creatim, we believe the internet is not about technology. It is about people. Hence, providing equal access to information for all is a pivotal element of our mission. We offer various accessibility-related services, such as auditing, planning, UX, usability, and technical development. We work with users with disabilities and seek innovative approaches to designing accessible digital solutions. Commitment to accessibility is our contribution to building a modern, inclusive society.</p> </div> </div> </div> </div> <div class='rowWrapper'> <div class='row'><div class='columnIsWide col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <div class='col-content'> <div class="main-section cta-section js-cta-section"> <div class="container-xxl"> <!-- cta --> <div class="cta"> <div class="row g-md-5"> <div class="col-12 col-md-6"> <!-- cta-article --> <div class="cta-article"> <h2><span aria-hidden="true">Ready to take your digital product’s <u>accessibility</u> to the next level?</span><span class="visually-hidden">Ready to take your digital product’s accessibility to the next level?</span></h2> <p class="lead">Lean back and let an expert do the work! Schedule a demo to discover how Creatim can assist you.</p> <a class="btn btn-primary" href="/en/contact">Contact us</a> </div> <!-- /cta-article --> </div> <div class="col-12 col-md-6"> <span class="eli" data-eliid="eli_ctaElements_553"></span> <!-- animation-wrapper --> <div class="animation-wrapper"> <div class="animation-bg"> <div class="animation-float-vertical"> <div class="animation-float-horizontal"> <img src="https://www.creatim.com/imagine_cache/1000x1000/uploads/cta/polona-miso-animacija.webp" alt="" loading="lazy"> </div> </div> </div> <div class="animation-layer"> <img src="https://www.creatim.com/imagine_cache/1000x1000/uploads/cta/polona-miso.webp" loading="lazy" alt="Two colleagues from Creatim are engaged in a discussion while looking at a tablet, conveying a collaborative work environment."> </div> </div> <!-- /animation-wrapper --> </div> </div> </div> <!-- cta --> </div> <!-- /cta-section --> </div> </div> </div> </div> </div> <div class='rowWrapper main-section bussiness-focus-section mt-md-50 mt-20 features-section'> <div class='container-fluid'><div class='row'><div class=' col-12 col-xl-6 col-lg-6 col-md-6 col-sm-6'> <h2><strong>Useful info on accessibility</strong></h2> <!-- animation-wrapper --> <div class="animation-wrapper d-none d-md-block"> <div class="animation-bg"> <div class="animation-circle primary">&nbsp;</div> </div> <div class="animation-layer js-mouse-parallax" value="-0.5"><img alt="" height="187" src="/uploads/animations/roka-kazalec.webp" width="403" /></div> </div> <!-- /animation-wrapper --> </div> <div class=' col-12 col-xl-6 col-lg-6 col-md-6 col-sm-12'> <div class="accordion" id="accordion-2"> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-what-are-the-wcag-guidelines-4-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-what-are-the-wcag-guidelines-4-acc">What are the WCAG Guidelines? </button></h2> <div id="item-what-are-the-wcag-guidelines-4-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>The Web Content Accessibility Guidelines (WCAG) are international standards that help design web content accessible to all users, including those with various disabilities.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-why-is-website-accessibility-important-5-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-why-is-website-accessibility-important-5-acc">Why is website accessibility important?</button></h2> <div id="item-why-is-website-accessibility-important-5-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Website accessibility is a powerful tool that empowers all users, regardless of their abilities, with equal access to information and services online. This promotes inclusion and equal opportunities, making every user feel valued.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-what-is-alt-text-6-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-what-is-alt-text-6-acc">What is alt text?</button></h2> <div id="item-what-is-alt-text-6-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Alt text is a textual description added to web page images so that users with visual impairments who use screen readers can understand them.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-who-benefits-from-website-accessibility-7-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-who-benefits-from-website-accessibility-7-acc">Who benefits from website accessibility? </button></h2> <div id="item-who-benefits-from-website-accessibility-7-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Website accessibility benefits all users, including older adults, people with permanent or temporary disabilities, and users with limited access to technology.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-how-do-we-test-accessibility-8-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-how-do-we-test-accessibility-8-acc">How do we test accessibility?</button></h2> <div id="item-how-do-we-test-accessibility-8-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Testing website accessibility is a user-centric process that involves various tools and techniques, such as automated checkers, manual reviews, and user testing with individuals with disabilities. This approach ensures that the needs of all users are at the forefront of the design process.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-what-are-aria-tags-9-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-what-are-aria-tags-9-acc">What are ARIA tags?</button></h2> <div id="item-what-are-aria-tags-9-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>ARIA (Accessible Rich Internet Applications) labels are attributes developers use to significantly enhance the accessibility of web applications for users with screen readers. By implementing these labels, developers contribute to a better web experience for all users.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-what-is-the-legislation-on-accessibility-10-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-what-is-the-legislation-on-accessibility-10-acc">What is the legislation on accessibility?</button></h2> <div id="item-what-is-the-legislation-on-accessibility-10-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>In many countries, there are legal requirements for web accessibility, such as the American ADA (Americans with Disabilities Act) or the European Directive on the accessibility of websites and mobile applications.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-what-is-color-contrast-11-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-what-is-color-contrast-11-acc">What is color contrast? </button></h2> <div id="item-what-is-color-contrast-11-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Color contrast is the ratio of brightness between two colors used on a web page, and it is important for ensuring text readability for users with color blindness or visual impairments.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-how-do-you-customize-navigation-12-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-how-do-you-customize-navigation-12-acc">How do you customize navigation? </button></h2> <div id="item-how-do-you-customize-navigation-12-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Customized navigation includes a simple and predictable page structure, the use of descriptive links, and the ability to navigate the page using a keyboard.</p> </div> </div></div> <div class="accordion-item"><h2 class="accordion-header"><button type="button" data-bs-target="#item-what-does-inclusive-design-mean-13-acc" class="accordion-button collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="#item-what-does-inclusive-design-mean-13-acc">What does inclusive design mean? </button></h2> <div id="item-what-does-inclusive-design-mean-13-acc" class="accordion-collapse collapse " data-bs-parent="#accordion-2"><div class="accordion-body"> <p>Inclusive design means creating digital solutions that consider all users' diverse needs and abilities, thereby improving the user experience for everyone.</p> </div> </div></div></div> </div> </div> </div> </div> <div class='rowWrapper'> <div class='row'><div class='columnIsWide col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <div class='col-content'> <div class="main-section cta-section js-cta-section"> <div class="container-xxl"> <!-- cta --> <div class="cta"> <div class="row g-md-5"> <div class="col-12 col-md-6"> <!-- cta-article --> <div class="cta-article"> <h2><span aria-hidden="true">Let's create something <u>exceptional</u> together.</span><span class="visually-hidden">Let&#039;s create something exceptional together.</span></h2> <p class="lead">We are ready. Are you?</p> <a class="btn btn-primary" href="/en/contact">Let&#039;s meet</a> </div> <!-- /cta-article --> </div> <div class="col-12 col-md-6"> <span class="eli" data-eliid="eli_ctaElements_507"></span> <!-- animation-wrapper --> <div class="animation-wrapper"> <div class="animation-bg"> <div class="animation-float-vertical"> <div class="animation-float-horizontal"> <img src="https://www.creatim.com/imagine_cache/1000x1000/uploads/cta/vodstvo-teja-animacija.webp" alt="" loading="lazy"> </div> </div> </div> <div class="animation-layer"> <img src="https://www.creatim.com/imagine_cache/1000x1000/uploads/cta/vodstvo-teja.webp" loading="lazy" alt="Creatim&#039;s management sitting on a sofa."> </div> </div> <!-- /animation-wrapper --> </div> </div> </div> <!-- cta --> </div> <!-- /cta-section --> </div> </div> </div> </div> </div> <div class='rowWrapper'> <div class='row'><div class='columnIsWide col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <div class='col-content'> <!-- testimonials-section --> <div class="main-section testimonials-section position-relative js-testimonials mb-lg-80 mb-40"> <div class="container-xxl"> <h2>A good reputation spreads far and wide</h2> <!-- testimonials --> <div class="testimonials"> <div class="quote-icon quote-icon-up rellax" data-rellax-speed="-2"></div> <div class="quote-icon quote-icon-down rellax" data-rellax-speed="-2"></div> <div class="animation-bg"> <div class="animation-circle primary"></div> </div> <!-- swiper --> <div class="swiper swiper-main js-swiper-testimonials"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <!-- testimonial-card --> <span class="eli" data-eliid="eli_testimonials_346"></span> <div class="testimonial-card" aria-describedby="testimonial-346" title="Testimonial: ga. Tomković"> <blockquote id="testimonial-346"><p>The biggest challenge in the development of the portal was to change the marketing approach and create new, innovative processes. Creatim helped us a lot with this, which made the whole process of designing the new portal more manageable. The result is a website we can all be proud of.</p></blockquote> <div class="testimonial-card-info"> <div class="testimonial-card-author"> <strong>ga. Tomković</strong> <span>Vodja prenove portala, Turistični portal Črne gore</span> </div> <div class="testimonial-card-logo"> <img loading="lazy" src="/uploads/logotipi/montenegro_logo.svg" alt=""> </div> </div> </div> <!-- /testimonial-card --> </li> <li class="swiper-slide"> <!-- testimonial-card --> <span class="eli" data-eliid="eli_testimonials_352"></span> <div class="testimonial-card" aria-describedby="testimonial-352" title="Testimonial: Brigita Zorec"> <blockquote id="testimonial-352"><p>We developed a great partnership with Creatim. Their commitment to understanding our business specifics reflects throughout our new intranet and in the positive feedback of our employees. Thanks to Creatim for understanding our needs and for being so supportive and creative!</p></blockquote> <div class="testimonial-card-info"> <div class="testimonial-card-author"> <strong>Brigita Zorec</strong> <span>Head of Corporate Communications, Fraport</span> </div> <div class="testimonial-card-logo"> <img loading="lazy" src="/uploads/logotipi/fraport.webp" alt=""> </div> </div> </div> <!-- /testimonial-card --> </li> <li class="swiper-slide"> <!-- testimonial-card --> <span class="eli" data-eliid="eli_testimonials_353"></span> <div class="testimonial-card" aria-describedby="testimonial-353" title="Testimonial: Davorin Smodiš"> <blockquote id="testimonial-353"><p>Thank you, Creatim, for taking the time to understand our issues and deliver a website that supports our mission. Our partnership lasts for almost a decade now, and I’m glad we decided to work with you guys.</p></blockquote> <div class="testimonial-card-info"> <div class="testimonial-card-author"> <strong>Davorin Smodiš</strong> <span>Head of Membership, AMZS</span> </div> <div class="testimonial-card-logo"> <img loading="lazy" src="/uploads/logotipi/amzs-logo.svg" alt=""> </div> </div> </div> <!-- /testimonial-card --> </li> <li class="swiper-slide"> <!-- testimonial-card --> <span class="eli" data-eliid="eli_testimonials_199"></span> <div class="testimonial-card" aria-describedby="testimonial-199" title="Testimonial: Lara Brlec"> <blockquote id="testimonial-199"><p>In Creatim we have found a partner who provides quality and dependable customer service. Above all, they can connect the dots of interrelated challenges and deliver solutions that add to our customers’ satisfaction.</p></blockquote> <div class="testimonial-card-info"> <div class="testimonial-card-author"> <strong>Lara Brlec</strong> <span>Head of marketing and communications SKB bank</span> </div> <div class="testimonial-card-logo"> <img loading="lazy" src="/uploads/logotipi/skb-logo-otp.svg" alt=""> </div> </div> </div> <!-- /testimonial-card --> </li> </ul> <div class="swiper-pagination"></div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <!-- /swiper --> <div class="animation-layer"> <img src="/images/testimonial-figure.webp" alt=""> </div> </div> <!-- /testimonials --> </div> </div> </div> </div> </div> </div> <div class='container-fluid'> <div class='row'><div class=' col-12 col-xl-12 col-lg-12 col-md-12 col-sm-12'> <!-- blog-featured-section --> <div class="main-section blog-featured-section"> <div class="row g-3 align-items-center"> <div class="col"> <h2>In the media</h2> </div> <div class="col-auto"> <a href="/en/blog" class="btn btn-secondary"><span class="visually-hidden"> See </span>All posts<i class="fa-regular fa-arrow-right" aria-hidden="true"></i></a> </div> </div> <div class="row mt-10 mt-md-15 g-5"> <div class="col-12 col-md-6"> <!-- blog-article-card --> <div class="blog-article-card mini"> <a class="notUnderline blog-item" href="/en/blog/creatim-has-obtained-the-iaap-accessibility-certificate"> <figure> <img loading="lazy" src="https://www.creatim.com/imagine_cache/blog/uploads/blogs2024/Blog_IAAP.png" alt=""> </figure> <article> <div class="category-and-read-time"> <strong>User Experience (UX)</strong> </div> <h3>Creatim has obtained the IAAP accessibility certificate</h3> </article> </a> </div> <!-- /blog-article-card --> </div> <div class="col-12 col-md-6"> <!-- blog-article-card --> <div class="blog-article-card mini"> <a class="notUnderline blog-item" href="/en/blog/slovenian-tourism-portal-nominated-for-ux-design-awards"> <figure> <img loading="lazy" src="https://www.creatim.com/imagine_cache/blog/uploads/blogs_hubspot/new-cover-hubby.jpg" alt=""> </figure> <article> <div class="category-and-read-time"> <strong>User Experience (UX)</strong> </div> <h3>Slovenian tourism portal nominated for UX Design Awards</h3> </article> </a> </div> <!-- /blog-article-card --> </div> </div> </div> <!-- /blog-featured-section --> </div> </div> </div> </main> <footer class="footer dark js-footer-animation"> <div class="footer-animation"> <div class="footer-animation-bg"></div> <div class="footer-animation-circle orange"></div> <div class="footer-animation-circle white"></div> </div> <div class="container-footer mt-lg-auto"> <div class="container-xxl"> <h2 class="visually-hidden">Footer - quick links and social networks</h2> <div class="row"> <div class="col-12"> <!-- footer-contact --> <div class="footer-contact"> <a aria-label="To contact us, write to hello@creatim.com" href="mailto:hello@creatim.com">hello@creatim.com</a> </div> <!-- /footer-contact --> </div> <div class="col-12"> <div class="row g-3"> <div class="col-12 col-lg-4"> <!-- footer-info-snippet --> <div class="footer-info-snippet"> <div> <span class="eli" data-eliid="eli_reusableHtml_304"></span> <p class="mb-0"><strong>Creatim d.o.o.</strong></p> <p><a href="https://www.google.com/maps/place/Delavska+cesta+26,+4208+%C5%A0en%C4%8Dur/@46.2380726,14.4111502,17z/data=!3m1!4b1!4m6!3m5!1s0x477ab6345aa7716d:0x2c723da623de47a5!8m2!3d46.2380689!4d14.4137251!16s%2Fg%2F11c43wtcfb?entry=ttu" target="_blank">Delavska cesta 26, 4208 Šenčur<span class="visually-hidden"> Out location on map: Delavska cesta 26, 4208 Šenčur (Opens in a new tab).</span></a></p> </div> </div> <!-- /footer-info-snippet --> </div> <div class="col-12 col-lg-4"> <!-- footer-info-snippet --> <div class="footer-info-snippet"> <div> <span class="eli" data-eliid="eli_reusableHtml_305"></span> <p class="mb-0"><strong>Informations</strong></p> <p><a href="tel:+386 40 524 984">+386 40 524 984</a><small>&nbsp;•&nbsp;</small> <a aria-label="For informations send us email: hello@creatim.com" href="mailto:hello@creatim.com">hello@creatim.com</a></p> </div> </div> <!-- /footer-info-snippet --> </div> <div class="col-12 col-lg-4"> <!-- footer-info-snippet --> <div class="footer-info-snippet"> <div> <span class="eli" data-eliid="eli_reusableHtml_306"></span> <p class="mb-0"><strong>Support</strong></p> <p><a aria-label="Call us: 04 279 18 97" href="tel:+386 40 524 986">+386 40 524 986</a> <small>&nbsp;•&nbsp;</small> <a aria-label="For support send us email: support@creatim.com" href="mailto:support@creatim.com">support@creatim.com</a></p> </div> </div> <!-- /footer-info-snippet --> </div> </div> </div> </div> <div class="row align-items-center justify-content-md-between"> <div class="col-12 col-lg-6"> <!-- footer-awards --> <h3 class="visually-hidden">accessibility.footer_certs</h3> <div class="footer-awards"> <ul> <li> <img src="/images/logos/logo-aaa-2024.webp" alt="AAA Zlata odličnost"> </li> <li> <img src="/images/logos/logo-siq.webp?v=1" alt="SIQ"> </li> <li> <img width="80px" src="/images/logos/logo-iqnet.svg" alt="IQNet"> </li> </ul> </div> <!-- /footer-awards --> </div> <div class="col-12 col-lg-auto"> <!-- footer-socials --> <h3 class="visually-hidden">Social networks Creatim</h3> <div class="footer-socials"> <ul> <li> <a target="_blank" href="https://www.facebook.com/creatim.web" class="footer-social-link"> <span class="visually-hidden">Go to our Facebook page. Opens in a new tab</span> <i class="fa-brands fa-facebook-f" aria-hidden="true"></i> </a> </li> <li> <a target="_blank" href="https://twitter.com/creatim" class="footer-social-link"> <span class="visually-hidden">Go to our Twitter page. Opens in a new tab</span> <i class="fa-brands fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a target="_blank" href="https://www.linkedin.com/company/creatim-web-solutions" class="footer-social-link"> <span class="visually-hidden">Go to our Linkedin page. Opens in a new tab</span> <i class="fa-brands fa-linkedin-in" aria-hidden="true"></i> </a> </li> <li> <a target="_blank" href="https://www.instagram.com/creatim_web/?hl=en" class="footer-social-link"> <span class="visually-hidden">Go to our Instagram page. Opens in a new tab</span> <i class="fa-brands fa-instagram" aria-hidden="true"></i> </a> </li> </ul> </div> <!-- /footer-socials --> </div> </div> <div class="row g-3"> <div class="col-12 col-lg-2"> <!-- footer-copyright --> <div class="footer-copyright">© 2025 Creatim</div> <!-- /footer-copyright --> </div> <div class="col-12 col-lg-10"> <!-- footer-links --> <nav class="footer-links" aria-label="accessibility.footer_links"> <ul> <li> <a href="/en/cookies">Cookies</a> </li> <li> <a href="/en/privacy-policy">Privacy policy</a> </li> <li> <a href="/en/information-protection">Information protection</a> </li> <li> <a href="/en/legal-notices">Legal notices</a> </li> <li> <a href="/en/about/business-card">Business card</a> </li> <li> <a href="/en/accessibility-statement">Declaration of accessibility</a> </li> <li> <a href="/en/sitemap">Sitemap</a> </li> </ul> </nav> <!-- /footer-links --> </div> </div> </div> </div> </footer> </div> <div class="modal fade modal-fullscreen csDetail mt-0" id="modalDetail" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"></div> </div> </div> </div> <div class="mainLoader loadWrap"></div> <div id="cookieModal" class="modal-xl modal fade cookieContainer cookieNotice" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" aria-labelledby="dialogHeading" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <div class="fullHeight d-flex flex-column"> <div class="container-fluid "> <div class="row"> <div class="col-lg-4 mb-0"> <h2 id="dialogHeading" class="mt-0">PRIVACY SETTINGS</h2> </div> <div class="col-lg-8 mb-0"> <p>The website uses cookies. <a href="/en/cookies">Learn more about cookies.</a></p> <div class="cookiesContent d-flex flex-column"> <form name="cookie_notice"> <fieldset> <div class="nujniPiskotki form-group"> <input type="checkbox" readonly onclick="this.checked=!this.checked;" checked="checked" class="piskotki disabled form-check-input" id="nujniPiskotki" name="nujniPiskotki" /> <label class="form-check-label" for="nujniPiskotki"><span>Necessary cookies</span></label> <p class="toolTipText">Essential cookies are required for the proper functioning of this website.</p> </div> <div class="analiticniPiskotki form-group"> <input type="checkbox" class="piskotki form-check-input" id="analiticniPiskotki" name="analiticniPiskotki" /> <label class="form-check-label" for="analiticniPiskotki"><span>Analytical cookies</span></label> <p class="toolTipText">Analytical cookies are designed to collect information about the use of this website in order to improve its performance and user experience.</p> </div> <div class="trzenjskiPiskotki form-group"> <input type="checkbox" class="piskotki form-check-input" id="trzenjskiPiskotki" name="trzenjskiPiskotki" /> <label class="form-check-label" for="trzenjskiPiskotki"><span>Marketing cookies</span></label> <p class="toolTipText">Marketing cookies are used to collect information on the pages you visit to enable personalised activities.</p> </div> </fieldset> </form> </div> <div class="cookieButtons"> <button href="" class="btn btn-primary mb-md-0 mb-10" id="cookieCommitAll">SELECT ALL AND CLOSE </button> <button href="" class="btn btn-secondary mb-md-0 mb-10" id="cookieCommit">Save and close</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/build/runtime.b9ec34d0.js"></script><script src="/build/974.0f03caf6.js"></script><script src="/build/swiper.4f99eb71.js"></script><script src="/build/755.e00fc809.js"></script><script src="/build/312.79252c09.js"></script><script src="/build/178.17662abe.js"></script><script src="/build/587.c68f1baf.js"></script><script src="/build/570.4b85208e.js"></script><script src="/build/927.4f623984.js"></script><script src="/build/526.e80a289f.js"></script><script src="/build/frontend.062e8e22.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10