{"id":7002,"date":"2025-02-12T11:50:30","date_gmt":"2025-02-12T10:50:30","guid":{"rendered":"https:\/\/www.cosmobile.com\/?p=7002"},"modified":"2025-02-12T11:57:52","modified_gmt":"2025-02-12T10:57:52","slug":"ecommerce-and-accessibility","status":"publish","type":"post","link":"https:\/\/www.cosmobile.com\/en\/ecommerce-and-accessibility\/","title":{"rendered":"Ecommerce and Accessibility"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-ecommerce-and-accessibility\">Ecommerce and Accessibility<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cosmobile develops accessible <a href=\"https:\/\/www.cosmobile.com\/en\/soluzione\/ecommerce\/\">Ecommerce.<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accessibility in Ecommerce is, today more than ever, a fundamental aspect to guarantee an inclusive shopping experience.<\/strong><br>In fact, from 23 June 2025, the <strong>Accessibility Act<\/strong> will come into force: all companies will have to comply with accessibility regulations to ensure that <strong>their websites are usable by everyone, <\/strong>including users with disabilities, according to the European directive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>An accessible website allows all people,<\/strong> including those with visual, hearing, motor or cognitive disabilities, to browse and complete purchases independently.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-accessible-e-commerce-what-does-it-mean\">Accessible e-commerce: what does it mean?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To make an e-commerce site accessible, it is essential to <strong>respect the WCAG <\/strong><em>(Web Content Accessibility Guidelines)<\/em> guidelines, which suggest the use of <strong>alternative text for images, clear navigation and compatibility with screen readers.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition, the <strong>colour contrast<\/strong> must be adequate for those with visual impairments, while the controls must be usable even without a mouse, via keyboard or voice assistants.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another crucial aspect is <strong>simplicity of interaction: <\/strong>purchase forms must be clear and well labelled, avoiding complex Captcha for example, which can be an obstacle. <strong>Videos<\/strong> must also have subtitles and transcripts for those with hearing problems.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-accessibility-of-online-shops\">Accessibility of online shops<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Investing in accessibility today is not only an ethical and legal obligation, but also a strategic choice.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An accessible e-commerce site <strong>reaches a wider audience,<\/strong> improves the user experience and<strong> optimises SEO.<\/strong> It also reduces the risk of legal sanctions in many countries where accessibility is already regulated by law.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-accessible-e-commerce-with-hyva\">Accessible e-commerce with Hyv\u00e4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility is one of the strengths of the <strong><a href=\"https:\/\/www.cosmobile.com\/en\/cosmobile-a-hyva-partner\/\">partnership between Cosmobile and Hyv\u00e4<\/a><\/strong> &#8211; the frontend theme for Magento, created to offer <strong>high performance and reduce the complexity of e-commerce.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Thanks to <a href=\"https:\/\/www.hyva.io\/\" target=\"_blank\" rel=\"noopener\">Hyv\u00e4<\/a>, our e-commerce sites take a step forward in terms of accessibility,<\/strong> which is also made possible by accessible copyrights and optimal design and graphics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.hyva.io\/\" target=\"_blank\" rel=\"noopener\">Hyv\u00e4<\/a> provides Team Cosmobile with a solid foundation for creating accessible Magento 2 stores thanks to:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Semantic HTML:<\/strong> a clear structure that is easily understandable for users and assistive technologies<\/li>\n\n\n\n<li><strong>Keyboard navigation:<\/strong> all interactive elements can be navigated using the keyboard<\/li>\n\n\n\n<li><strong>Modal windows: <\/strong>modal windows optimised for accessibility, you automatically move within the navigation window when it is opened, and return to the activation element when it is closed<\/li>\n\n\n\n<li><strong>Accessible colours, <\/strong>fonts and spacing: the Hyv\u00e4 theme is designed to ensure sufficient contrast, optimal readability and flexibility in customisation, so that content is accessible on any device<\/li>\n\n\n\n<li><strong>Assistive technologies:<\/strong> maximum compatibility with assistive technologies such as NVDA or VoiceOver.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-ecommerce-and-ui\">Ecommerce and UI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 also pays special attention to the <strong>UI (User Interface),<\/strong> to ensure greater accessibility performance. The <strong><a href=\"https:\/\/www.hyva.io\/\" target=\"_blank\" rel=\"noopener\">Hyv\u00e4 UI Library<\/a> <\/strong>is a collection of predefined components ready to use and constantly expanding, designed to be fully compatible with Hyv\u00e4 themes for Magento 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>This library aims to make development with Hyv\u00e4 even faster, easier and more optimised,<\/strong> allowing the complete creation of new and accessible Magento 2 stores in a short time. These are pre-built components that work immediately once inserted into the theme, together with the integration with Figma to customise the design of the project to the maximum.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>All this translates into multiple advantages such as:<\/strong> saving time and costs, improved development experience, continuous updates, high accessibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessible Ecommerce today is not just an option, but a necessity for building <strong>an inclusive and welcoming digital experience for everyone.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-is-your-ecommerce-accessible-let-s-talk-about-it\"><em>Is your Ecommerce accessible? <a href=\"https:\/\/www.cosmobile.com\/en\/contattaci\/\">Let&#8217;s talk about it!<\/a><\/em><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Ecommerce and Accessibility Cosmobile develops accessible Ecommerce. Accessibility in Ecommerce is, today more than ever, a fundamental aspect to&#8230;<\/p>\n","protected":false},"author":3,"featured_media":7000,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[1124,1121,1123,60,90,978,1112,1113,62],"class_list":["post-7002","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-solutions","tag-accesible-ecommerce","tag-accessibility-act","tag-accessibilty","tag-cosmobile-en","tag-digital-solutions","tag-ecommerce-en","tag-hyva-2","tag-hyva-partner","tag-software-house-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/posts\/7002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/comments?post=7002"}],"version-history":[{"count":1,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/posts\/7002\/revisions"}],"predecessor-version":[{"id":7003,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/posts\/7002\/revisions\/7003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/media\/7000"}],"wp:attachment":[{"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/media?parent=7002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/categories?post=7002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cosmobile.com\/en\/wp-json\/wp\/v2\/tags?post=7002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}