{"id":2530,"date":"2026-04-09T11:09:00","date_gmt":"2026-04-09T09:09:00","guid":{"rendered":"https:\/\/www.acctua.eu\/?p=2530"},"modified":"2026-04-09T11:09:08","modified_gmt":"2026-04-09T09:09:08","slug":"accessible-web-design-basic-principles-every-designer-should-know","status":"publish","type":"post","link":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/","title":{"rendered":"Accessible web design: basic principles every designer should know"},"content":{"rendered":"\n<p>In an environment where almost everything happens online (processing, shopping, and communication), accessible web design is essential. It ensures that everyone can use websites. Investing in <strong>digital accessibility<\/strong> is not only an ethical matter but also a competitive advantage.  <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>What is accessible web design and why is it vital in 2026?<\/strong><\/h2>\n\n<p>Web accessibility involves creating web pages that can be used by anyone, regardless of their physical, sensory, or cognitive abilities. It is user-centered design. <\/p>\n\n<p>Making a website inclusive means removing barriers that prevent people with visual, hearing, motor, or cognitive disabilities from interacting with the web. But here&#8217;s the secret: <strong>what&#8217;s necessary for a few is better for everyone.<\/strong>  <\/p>\n\n<p>A website that prioritizes universal usability is faster, ranks higher in search engines, and offers a seamless user experience (UX) for seniors or users with slow internet connections. To achieve this, every marketing professional and decision-maker should understand the pillars of an inclusive digital architecture. <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>The 4 fundamental principles of accessible web design (WCAG 2.2)<\/strong><\/h2>\n\n<p>For an accessible website to be truly effective, it must be based on the <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">WCAG<\/a> <strong>(Web Content Accessibility Guidelines)<\/strong>. This is the global standard that defines how to create accessible web content.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Infografia-profesional-sobre-los-4-pilares-WCAG-2.2-1-1024x559.jpg\" alt=\"\" class=\"wp-image-2516\" srcset=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Infografia-profesional-sobre-los-4-pilares-WCAG-2.2-1-1024x559.jpg 1024w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Infografia-profesional-sobre-los-4-pilares-WCAG-2.2-1-300x164.jpg 300w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Infografia-profesional-sobre-los-4-pilares-WCAG-2.2-1-768x419.jpg 768w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Infografia-profesional-sobre-los-4-pilares-WCAG-2.2-1.jpg 1408w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><strong>1. Perceptibility: information that everyone can receive<\/strong><\/p>\n\n<p>We cannot rely solely on sight. Information and interface components must be presented in a way that users can perceive them. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Contrast and color:<\/strong> An accessible website requires a contrast ratio of at least <strong>4.5:1.<\/strong> Companies like <strong>Apple<\/strong> have natively integrated this into their design systems, demonstrating that aesthetics and accessibility are not mutually exclusive. <\/li>\n\n\n\n<li><strong>Alternative text (Alt Text):<\/strong> Crucial for SEO and screen readers. An image without a description is a complete information vacuum for a blind person. Large companies like <strong>Microsoft<\/strong> integrate detailed descriptions into their interfaces to ensure no one misses the message.  <\/li>\n<\/ul>\n\n<p><\/p>\n\n<p><strong>2. Operability: navigation without physical barriers<\/strong><\/p>\n\n<p>The user should be able to operate the interface effectively, regardless of the hardware they use.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Mouse independence:<\/strong> Many users rely on the keyboard or switches. If your dropdown menu only works by hovering the mouse over it, it&#8217;s an insurmountable barrier. Keep in mind that other people navigate using their voice, indicating the section they want to access.  <\/li>\n\n\n\n<li><strong>Sufficient time: <\/strong>Public administrations often use sessions with limited time. An inclusive design allows adjusting or extending those limits for people who process information more slowly. <\/li>\n<\/ul>\n\n<p><\/p>\n\n<p><strong>3. Comprehensibility: Clarity as a conversion driver<\/strong><\/p>\n\n<p>The information should be legible and the interface should function predictably.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Simple language: <\/strong>Avoiding unnecessary technical terms helps people with cognitive disabilities and foreign or older users.<\/li>\n\n\n\n<li><strong>Error prevention: <\/strong>Forms should clearly warn of errors, not only with a red color (which a colorblind person might not distinguish), but with explanatory text.<\/li>\n<\/ul>\n\n<p><\/p>\n\n<p><strong>4. Robustness: future-proof<\/strong><\/p>\n\n<p>Your website must be interpretable by a wide variety of user agents, including <strong>assistive technologies.<\/strong> Clean code that adheres to W3C standards ensures that your website will remain navigable as technology advances. <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>The challenge of redesign: is it necessary to start from scratch?<\/strong><\/h2>\n\n<p>Imagine a marketing manager at a company with over 50 employees. She knows her website doesn&#8217;t comply with the <strong>European Accessibility Directive<\/strong>, but the budget for a complete redesign is prohibitive this quarter, and the developers are overwhelmed. This is the reality for many professionals who want to be inclusive but fear the technical costs.  <\/p>\n\n<p>This is where technology becomes the bridge. Instead of facing a traumatic months-long programming process, solutions like <strong>Acctua<\/strong> allow for a seamless adaptation. It&#8217;s like installing a <strong>smart assistant<\/strong> that instantly lets any user customize their interface: increasing font sizes, stopping animations that cause dizziness, or activating voice commands.  <\/p>\n\n<p>This layer of intelligence makes inclusion a reality today, allowing people with different abilities to browse, shop, or conduct business without the company having to rebuild its digital foundations.<\/p>\n\n<p><strong>Does your website meet accessibility requirements by 2026?<\/strong> <strong><a href=\"https:\/\/www.acctua.eu\/en\/\">Request a free audit now with our team<\/a><\/strong> and discover what barriers are affecting your users and how to fix them.<\/p>\n\n<p>Accessible web design is not just about complying with regulations, but about deciding what kind of experience you want to offer.<\/p>\n\n<p>You can have a website that works\u2026 or a website that works for everyone.<\/p>\n\n<p>And in an environment where competition is just a click away, that difference changes everything.<\/p>\n\n<h2 class=\"wp-block-heading\"><strong>The impact of accessible web design on SEO and User Experience (UX)<\/strong><\/h2>\n\n<p>There is a perfect symbiosis between <strong>inclusive design<\/strong> and organic search engine optimization. Google prioritizes websites that offer an excellent <strong>user experience.<\/strong> <\/p>\n\n<ol class=\"wp-block-list\">\n<li><strong>Lower bounce rate: <\/strong>If an older person finds a website easy to read and navigate, they will stay longer.<\/li>\n\n\n\n<li><strong>Better information architecture:<\/strong> The hierarchical heading structure (H1, H2, H3) required for screen readers is the same one used by Google&#8217;s algorithms to understand your content.<\/li>\n\n\n\n<li><strong>Faster loading: <\/strong>Accessible websites typically avoid heavy and unnecessary scripts, which improves <em>Core Web Vitals.<\/em><\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\"><strong>Success stories: when web accessibility translates into benefits<\/strong><\/h2>\n\n<p>If there are still those who think that <strong>accessible web design<\/strong> is an expense and not an investment, the following examples demonstrate that digital inclusion is a business accelerator:<\/p>\n\n<p><strong>1. Legal &amp; General: 100% Return on Investment<\/strong><\/p>\n\n<p>British insurer <strong>Legal &amp; General<\/strong> undertook a complete redesign of its website focused exclusively on accessibility. The audited and publicly available results were astounding: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Results: <\/strong>In just 12 months, their organic traffic (SEO) increased by <strong>25%.<\/strong><\/li>\n\n\n\n<li><strong>Direct benefit:<\/strong> They achieved a <strong>100% ROI<\/strong> in the first year. In addition, site maintenance costs plummeted because the code was much cleaner and more efficient. (Source: <em>W3C Web Accessibility Initiative Cases<\/em>).  <\/li>\n<\/ul>\n\n<p><\/p>\n\n<p><strong>2. Campofr\u00edo and Acctua: A step forward in digital inclusion<\/strong><\/p>\n\n<p><a href=\"https:\/\/www.campofrio.es\/\"><strong>Campofr\u00edo<\/strong><\/a> was a pioneer in Spain in integrating <strong>NaviLens<\/strong> technology into its products (smart QR codes for people with visual impairments). It has also integrated the <strong>Acctua<\/strong> tool into its website to ensure that anyone, regardless of ability, can interact and make purchases. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>The benefit:<\/strong> Thanks to this technology, the user can adapt the Campofr\u00edo website to their specific needs in real time (font adjustment, voice commands, reading modes for ADHD, etc.).<\/li>\n\n\n\n<li><strong>The lesson:<\/strong> Campofr\u00edo not only meets <strong>accessible web design<\/strong> standards, but also reinforces its brand image as an organization that cares for all its consumers equally. It demonstrates that a large corporation can be accessible without paralyzing its IT department for months. The perfect example of 360\u00ba Inclusion.  <\/li>\n<\/ul>\n\n<p><\/p>\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.campofrio.es\/\"><img decoding=\"async\" width=\"1024\" height=\"599\" src=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Campofrio-muestra-accesibilidad-web-con-Acctua-1024x599.png\" alt=\"Screenshot of the Campofr&#xED;o website with the Acctua web accessibility tool activated\" class=\"wp-image-2520\" srcset=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Campofrio-muestra-accesibilidad-web-con-Acctua-1024x599.png 1024w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Campofrio-muestra-accesibilidad-web-con-Acctua-300x176.png 300w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Campofrio-muestra-accesibilidad-web-con-Acctua-768x450.png 768w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Campofrio-muestra-accesibilidad-web-con-Acctua-1536x899.png 1536w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Campofrio-muestra-accesibilidad-web-con-Acctua-2048x1199.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<p><\/p>\n\n<p><strong>3. Government of Andorra: accessibility for an entire country<\/strong><\/p>\n\n<p>The <strong><a href=\"https:\/\/www.govern.ad\/ca\/inici\">Government of Andorra<\/a><\/strong> is an international leader in the digitalization of public services. By integrating <strong>Acctua<\/strong> into its digital ecosystem, it has ensured that any citizen, regardless of their physical or sensory abilities, can carry out their administrative procedures independently. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>The benefit: <\/strong>An accessible government portal drastically reduces the digital divide and the need for in-person assistance. For a public administration, this translates into more efficient management and exemplary compliance with citizens&#8217; rights in the digital environment. <\/li>\n<\/ul>\n\n<p><\/p>\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.govern.ad\/ca\/inici\"><img decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Govern-Andorra-muestra-accesibilidad-web-con-Acctua-1024x609.png\" alt=\"Screenshot of the Andorran Government website with the Acctua web accessibility tool activated\" class=\"wp-image-2523\" srcset=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Govern-Andorra-muestra-accesibilidad-web-con-Acctua-1024x609.png 1024w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Govern-Andorra-muestra-accesibilidad-web-con-Acctua-300x178.png 300w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Govern-Andorra-muestra-accesibilidad-web-con-Acctua-768x457.png 768w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Govern-Andorra-muestra-accesibilidad-web-con-Acctua-1536x914.png 1536w, https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/Govern-Andorra-muestra-accesibilidad-web-con-Acctua-2048x1218.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\"><strong>FAQ<\/strong><\/h2>\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Frequently asked questions about accessible web design<\/summary>\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1773315971565\"><strong class=\"schema-faq-question\"><br\/><strong><strong>1. Is web accessibility mandatory in Spain?<\/strong> <\/strong><\/strong> <p class=\"schema-faq-answer\"><br\/>Yes, especially after the entry into force of <strong>Real Decreto 1112\/2018<\/strong> for the public sector and the <strong>European Accessibility Directive 2019\/882<\/strong>, which affects companies in essential services, banking and e-commerce with more than 10 employees or turnovers exceeding 2 million euros.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773315993140\"><strong class=\"schema-faq-question\"><br\/>2.  <strong><strong>2. How does accessible web design benefit my marketing strategy?<\/strong><\/strong><\/strong> <p class=\"schema-faq-answer\"><br\/>Expand your potential market. In Spain, the &#8220;silver economy&#8221; sector (over 65s) has high purchasing power and requires clear interfaces. If your website turns them away, you&#8217;re losing out on direct sales.  <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773315993974\"><strong class=\"schema-faq-question\"><br\/><strong><strong>3. What happens if my website is not currently accessible?<\/strong><\/strong><\/strong> <p class=\"schema-faq-answer\"><br\/>Besides the risk of administrative penalties, you&#8217;re missing out on a huge potential market. According to the <a href=\"https:\/\/www.who.int\/es\/news-room\/fact-sheets\/detail\/disability-and-health\">OMS<\/a>, <strong>16% of the world&#8217;s population<\/strong> has a significant disability. Ignoring accessibility is like closing the door on one in six potential customers.  <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773315995210\"><strong class=\"schema-faq-question\"><br\/><strong><strong>4. Can I make an old website accessible without changing the base code?<\/strong><\/strong><\/strong> <p class=\"schema-faq-answer\"><br\/>Yes, through support tools like <strong>Acctua<\/strong>, which function as a customization layer for the end user, adapting the display and interaction without altering the company&#8217;s original design.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1773316052446\"><strong class=\"schema-faq-question\"><br\/><strong><strong>5. Does digital accessibility help my brand image (CSR)?<\/strong> <\/strong><\/strong> <p class=\"schema-faq-answer\"><br\/>Absolutely. Being an inclusive company is a differentiating factor. Today, consumers (especially Generation Z and Millennials) prefer brands with demonstrable ethical values.  <\/p> <\/div> <\/div>\n<\/details>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In an environment where almost everything happens online (processing, shopping, and communication), accessible web design is essential. It ensures that everyone can use websites. Investing in digital accessibility is not only an ethical matter but also a competitive advantage. What is accessible web design and why is it vital in 2026? Web accessibility involves creating [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2502,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":0,"footnotes":""},"categories":[19,1],"tags":[],"class_list":["post-2530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-en-2","category-sin-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accessible web design: basic principles every designer should know - Accesit Inclusivo<\/title>\n<meta name=\"description\" content=\"How to create an accessible website design? Learn the basic principles and real-world success stories like Campofr\u00edo, which improved its SEO and UX.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessible web design: basic principles every designer should know - Accesit Inclusivo\" \/>\n<meta property=\"og:description\" content=\"How to create an accessible website design? Learn the basic principles and real-world success stories like Campofr\u00edo, which improved its SEO and UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\" \/>\n<meta property=\"og:site_name\" content=\"Accesit Inclusivo\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-09T09:09:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-09T09:09:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1703\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cristina Marco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cristina Marco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\"},\"author\":{\"name\":\"Cristina Marco\",\"@id\":\"https:\/\/www.acctua.eu\/en\/#\/schema\/person\/dc2fa365029fbecd652f82ad2495ddc5\"},\"headline\":\"Accessible web design: basic principles every designer should know\",\"datePublished\":\"2026-04-09T09:09:00+00:00\",\"dateModified\":\"2026-04-09T09:09:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\"},\"wordCount\":1348,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg\",\"articleSection\":[\"Blog\",\"Sin categor\u00eda\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\",\"url\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\",\"name\":\"Accessible web design: basic principles every designer should know - Accesit Inclusivo\",\"isPartOf\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg\",\"datePublished\":\"2026-04-09T09:09:00+00:00\",\"dateModified\":\"2026-04-09T09:09:08+00:00\",\"description\":\"How to create an accessible website design? Learn the basic principles and real-world success stories like Campofr\u00edo, which improved its SEO and UX.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315971565\"},{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993140\"},{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993974\"},{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315995210\"},{\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773316052446\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage\",\"url\":\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg\",\"contentUrl\":\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg\",\"width\":2560,\"height\":1703,\"caption\":\"diseno-web-accesible-acctua\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.acctua.eu\/en\/acctua\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessible web design: basic principles every designer should know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.acctua.eu\/en\/#website\",\"url\":\"https:\/\/www.acctua.eu\/en\/\",\"name\":\"Accesit Inclusivo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.acctua.eu\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.acctua.eu\/en\/#organization\",\"name\":\"Accesit Inclusivo\",\"url\":\"https:\/\/www.acctua.eu\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.acctua.eu\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2025\/04\/logo-acctua.svg\",\"contentUrl\":\"https:\/\/www.acctua.eu\/wp-content\/uploads\/2025\/04\/logo-acctua.svg\",\"width\":551,\"height\":161,\"caption\":\"Accesit Inclusivo\"},\"image\":{\"@id\":\"https:\/\/www.acctua.eu\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.acctua.eu\/en\/#\/schema\/person\/dc2fa365029fbecd652f82ad2495ddc5\",\"name\":\"Cristina Marco\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.acctua.eu\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6da7e00dc41d26d3c4245f3b2d70d687293df0dfc18f03719354383f7be4f34b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6da7e00dc41d26d3c4245f3b2d70d687293df0dfc18f03719354383f7be4f34b?s=96&d=mm&r=g\",\"caption\":\"Cristina Marco\"}},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315971565\",\"position\":1,\"url\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315971565\",\"name\":\"1. Is web accessibility mandatory in Spain?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<br>Yes, especially after the entry into force of <strong>Real Decreto 1112\/2018<\/strong> for the public sector and the <strong>European Accessibility Directive 2019\/882<\/strong>, which affects companies in essential services, banking and e-commerce with more than 10 employees or turnovers exceeding 2 million euros.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993140\",\"position\":2,\"url\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993140\",\"name\":\"2. 2. How does accessible web design benefit my marketing strategy?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<br>Expand your potential market. In Spain, the \\\"silver economy\\\" sector (over 65s) has high purchasing power and requires clear interfaces. If your website turns them away, you're losing out on direct sales.  \",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993974\",\"position\":3,\"url\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993974\",\"name\":\"3. What happens if my website is not currently accessible?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<br>Besides the risk of administrative penalties, you're missing out on a huge potential market. According to the <a href=\\\"https:\/\/www.who.int\/es\/news-room\/fact-sheets\/detail\/disability-and-health\\\">OMS<\/a>, <strong>16% of the world's population<\/strong> has a significant disability. Ignoring accessibility is like closing the door on one in six potential customers.  \",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315995210\",\"position\":4,\"url\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315995210\",\"name\":\"4. Can I make an old website accessible without changing the base code?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<br>Yes, through support tools like <strong>Acctua<\/strong>, which function as a customization layer for the end user, adapting the display and interaction without altering the company's original design.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773316052446\",\"position\":5,\"url\":\"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773316052446\",\"name\":\"5. Does digital accessibility help my brand image (CSR)?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<br>Absolutely. Being an inclusive company is a differentiating factor. Today, consumers (especially Generation Z and Millennials) prefer brands with demonstrable ethical values.  \",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessible web design: basic principles every designer should know - Accesit Inclusivo","description":"How to create an accessible website design? Learn the basic principles and real-world success stories like Campofr\u00edo, which improved its SEO and UX.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/","og_locale":"en_US","og_type":"article","og_title":"Accessible web design: basic principles every designer should know - Accesit Inclusivo","og_description":"How to create an accessible website design? Learn the basic principles and real-world success stories like Campofr\u00edo, which improved its SEO and UX.","og_url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/","og_site_name":"Accesit Inclusivo","article_published_time":"2026-04-09T09:09:00+00:00","article_modified_time":"2026-04-09T09:09:08+00:00","og_image":[{"width":2560,"height":1703,"url":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg","type":"image\/jpeg"}],"author":"Cristina Marco","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cristina Marco","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#article","isPartOf":{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/"},"author":{"name":"Cristina Marco","@id":"https:\/\/www.acctua.eu\/en\/#\/schema\/person\/dc2fa365029fbecd652f82ad2495ddc5"},"headline":"Accessible web design: basic principles every designer should know","datePublished":"2026-04-09T09:09:00+00:00","dateModified":"2026-04-09T09:09:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/"},"wordCount":1348,"commentCount":0,"publisher":{"@id":"https:\/\/www.acctua.eu\/en\/#organization"},"image":{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg","articleSection":["Blog","Sin categor\u00eda"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/","url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/","name":"Accessible web design: basic principles every designer should know - Accesit Inclusivo","isPartOf":{"@id":"https:\/\/www.acctua.eu\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage"},"image":{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg","datePublished":"2026-04-09T09:09:00+00:00","dateModified":"2026-04-09T09:09:08+00:00","description":"How to create an accessible website design? Learn the basic principles and real-world success stories like Campofr\u00edo, which improved its SEO and UX.","breadcrumb":{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315971565"},{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993140"},{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993974"},{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315995210"},{"@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773316052446"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#primaryimage","url":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg","contentUrl":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2026\/03\/diseno-web-accesible-acctua-scaled.jpg","width":2560,"height":1703,"caption":"diseno-web-accesible-acctua"},{"@type":"BreadcrumbList","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.acctua.eu\/en\/acctua\/"},{"@type":"ListItem","position":2,"name":"Accessible web design: basic principles every designer should know"}]},{"@type":"WebSite","@id":"https:\/\/www.acctua.eu\/en\/#website","url":"https:\/\/www.acctua.eu\/en\/","name":"Accesit Inclusivo","description":"","publisher":{"@id":"https:\/\/www.acctua.eu\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.acctua.eu\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.acctua.eu\/en\/#organization","name":"Accesit Inclusivo","url":"https:\/\/www.acctua.eu\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.acctua.eu\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2025\/04\/logo-acctua.svg","contentUrl":"https:\/\/www.acctua.eu\/wp-content\/uploads\/2025\/04\/logo-acctua.svg","width":551,"height":161,"caption":"Accesit Inclusivo"},"image":{"@id":"https:\/\/www.acctua.eu\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.acctua.eu\/en\/#\/schema\/person\/dc2fa365029fbecd652f82ad2495ddc5","name":"Cristina Marco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.acctua.eu\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6da7e00dc41d26d3c4245f3b2d70d687293df0dfc18f03719354383f7be4f34b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6da7e00dc41d26d3c4245f3b2d70d687293df0dfc18f03719354383f7be4f34b?s=96&d=mm&r=g","caption":"Cristina Marco"}},{"@type":"Question","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315971565","position":1,"url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315971565","name":"1. Is web accessibility mandatory in Spain?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"<br>Yes, especially after the entry into force of <strong>Real Decreto 1112\/2018<\/strong> for the public sector and the <strong>European Accessibility Directive 2019\/882<\/strong>, which affects companies in essential services, banking and e-commerce with more than 10 employees or turnovers exceeding 2 million euros.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993140","position":2,"url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993140","name":"2. 2. How does accessible web design benefit my marketing strategy?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"<br>Expand your potential market. In Spain, the \"silver economy\" sector (over 65s) has high purchasing power and requires clear interfaces. If your website turns them away, you're losing out on direct sales.  ","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993974","position":3,"url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315993974","name":"3. What happens if my website is not currently accessible?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"<br>Besides the risk of administrative penalties, you're missing out on a huge potential market. According to the <a href=\"https:\/\/www.who.int\/es\/news-room\/fact-sheets\/detail\/disability-and-health\">OMS<\/a>, <strong>16% of the world's population<\/strong> has a significant disability. Ignoring accessibility is like closing the door on one in six potential customers.  ","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315995210","position":4,"url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773315995210","name":"4. Can I make an old website accessible without changing the base code?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"<br>Yes, through support tools like <strong>Acctua<\/strong>, which function as a customization layer for the end user, adapting the display and interaction without altering the company's original design.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773316052446","position":5,"url":"https:\/\/www.acctua.eu\/en\/accessible-web-design-basic-principles-every-designer-should-know\/#faq-question-1773316052446","name":"5. Does digital accessibility help my brand image (CSR)?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"<br>Absolutely. Being an inclusive company is a differentiating factor. Today, consumers (especially Generation Z and Millennials) prefer brands with demonstrable ethical values.  ","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/posts\/2530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/comments?post=2530"}],"version-history":[{"count":2,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/posts\/2530\/revisions"}],"predecessor-version":[{"id":2550,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/posts\/2530\/revisions\/2550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/media\/2502"}],"wp:attachment":[{"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/media?parent=2530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/categories?post=2530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.acctua.eu\/en\/wp-json\/wp\/v2\/tags?post=2530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}