{"id":1620,"date":"2024-05-18T20:10:07","date_gmt":"2024-05-18T19:10:07","guid":{"rendered":"https:\/\/cerovac.com\/a11y\/?p=1620"},"modified":"2024-05-20T21:09:55","modified_gmt":"2024-05-20T20:09:55","slug":"gaad-2024-slovenia-state-of-e-commerce-accessibility-a-year-before-the-new-legislation","status":"publish","type":"post","link":"https:\/\/cerovac.com\/a11y\/2024\/05\/gaad-2024-slovenia-state-of-e-commerce-accessibility-a-year-before-the-new-legislation\/","title":{"rendered":"GAAD 2024 Slovenia &#8211; state of e-commerce accessibility &#8211; a year before the new legislation"},"content":{"rendered":"\n<p>13th Global Accessibility Awareness Day was second official GAAD in Slovenia and I am once again honored to be a part of it. My idea for this time was to examine the state of accessibility of e-commerce in Slovenia (as new legislation starts in 2025 and we do not have any other data available).<\/p>\n\n\n\n<p>This time I decided to leave automatic accessibility testing out and <strong>check half or WCAG 2.1 on A and AA levels manually<\/strong>. As manual audits take time, I decided to limit our analysis to half of it and to only check 20 e-commerce websites that we are quite confident is also made in Slovenia (so we dropped the multinationals operating in Slovenia). This project was made by a team of accessibility auditors, some senior and some junior (with verification and help), part of <a href=\"https:\/\/www.digitalnadostopnost.si\/dogodki\/gaad-slovenija-2024\/\" data-type=\"link\" data-id=\"https:\/\/www.digitalnadostopnost.si\/dogodki\/gaad-slovenija-2024\/\" target=\"_blank\" rel=\"noreferrer noopener\">Institute for digital accessibility A11y.si (opens in new window, in Slovenian)<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Motivation<\/h2>\n\n\n\n<p>As mentioned &#8211; there are not a lot of similar studies that use only manual testing. Automatic accessibility testing only gets you so far, so I decided that e-commerce deserves better quality.<\/p>\n\n\n\n<p>Some WCAG success criteria is also very specific and is often not found on home pages, so we didn&#8217;t limit us on those alone. We tried to analyze real world scenarios:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>search for products or services,<\/li>\n\n\n\n<li>add to cart flow,<\/li>\n\n\n\n<li>registration,<\/li>\n\n\n\n<li>contact,<\/li>\n\n\n\n<li>finding general information<\/li>\n<\/ul>\n\n\n\n<p>So your typical user journeys that are crucial for all users.<\/p>\n\n\n\n<p>We did not expose domains and any data that would identify e-commerces, our motivation is to present overall accessibility and have the data to compare the trends in the future (especially when <strong>European Accessibility Act <\/strong>will be enforced in 2025).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methodology<\/h2>\n\n\n\n<p>Scope was 20 e-commerce websites which we are confident are really made in Slovenia and have more than 2 million Euro turnaround and more than 10 employees.<\/p>\n\n\n\n<p>There are thousands of smaller e-commerce sites, but those will be exempt from the new legislation (mostly micro business), so <strong>we targeted the bigger ones that are not founded (and developed) by large international players<\/strong>. Such players will probably have their products fixed centrally, and, I suspect, faster due to larger pan-European marked risks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Selected WCAG success criteria<\/h3>\n\n\n\n<p>As mentioned, we only evaluated 26 WCAG 2.1 success criteria. Those were:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>1.1.1 Non-text Content &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>1.4.5 Images of Text &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>1.2.2 Captions (Prerecorded) &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>1.3.1 Info and Relationships &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>2.4.6 Headings and Labels &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>2.4.2 Page Titled &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>3.1.1 Language of Page &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>1.4.1 Use of Color &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>1.4.3 Contrast (Minimum) &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>1.4.11 Non-text Contrast &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>1.4.4 Resize Text &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>1.4.10 Reflow &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>1.3.4 Orientation &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>2.1.1 Keyboard &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>2.4.1 Bypass Blocks &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>2.1.2 No Keyboard Trap &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>2.4.3 Focus Order &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>2.4.7 Focus Visible &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>2.4.5 Multiple Ways &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>2.2.2 Pause, Stop, Hide &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>2.4.4 Link Purpose (In Context) &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>1.3.5 Identify Input Purpose &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>3.3.1 Error Identification &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>3.3.2 Labels or Instructions &#8211; WCAG 2.1 A<\/li>\n\n\n\n<li>3.3.3 Error Suggestion &#8211; WCAG 2.1 AA<\/li>\n\n\n\n<li>4.1.3 Status Messages &#8211; WCAG 2.1 AA<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Preliminary results<\/h2>\n\n\n\n<p>We will publish more findings in Slovenian language soon, but to provide few hints:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Average website had 16.95 WCAG failures (out of 26 tested).<\/li>\n\n\n\n<li>Most accessible website had only 13 fails, least accessible had 20 fails.<\/li>\n\n\n\n<li>All sites failed 1.1.1, 1.3.1, 1.4.3 and 4.1.3<\/li>\n\n\n\n<li>Most sites failed 1.2.2, 2.4.1, 2.4.7, 2.4.4 and 3.3.2<\/li>\n\n\n\n<li>Least sites failed 1.3.4 and 2.1.2<\/li>\n<\/ul>\n\n\n\n<p>We also tried to collect &#8220;interesting&#8221; findings and found the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>350 tab key presses were required to reach to main content on a single online store (also missing skip to content and focus visible),<\/li>\n\n\n\n<li>modal windows were often invisible to screen-readers and unable to operate for keyboard users,<\/li>\n\n\n\n<li>CAPTCHA was still a problem in some cases, making it impossible for blind users to register,<\/li>\n\n\n\n<li>we also found a HTML table including another table that included another table &#8211; just for the purpose of designing a page.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Building awareness<\/h2>\n\n\n\n<p>Most of the issues were actually very simple to fix and my contribution to this GAAD was to make people aware how easy it is to fix  &#8211; or even better prevent &#8211; them. A lot of them could have been prevented in minutes if designers and developers knew about them and planned accordingly.<\/p>\n\n\n\n<p>I also pointed out that <strong>accessibility benefits more than just people with disabilities &#8211; it also benefits search engines and large language models<\/strong>. Semantics that is needed for assistive technologies and even color contrasts are beneficial for all of us, but they are also beneficial to crawlers and computer vision.<\/p>\n\n\n\n<p>We still need more accessibility awareness, that&#8217;s vital. I am happy <strong>that more than 150 people attended (both on-site and on-line)<\/strong>.<\/p>\n\n\n\n<p>I need to work on my presentation skills, but I think I got the message out there. The problem is that it didn&#8217;t get any main stream media attention and I made some suggestions to the board on how to maybe change that.<\/p>\n\n\n\n<p>It was nevertheless warming my hearth with a good discussion in the panel and when stakeholders approached me to build new relationships. Key to bringing the accessibility field to wider public.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Second Slovenian Accessibility Awareness Day was quite a success, my contribution this time was a manual accessibility audit of crucial WCAG success criteria of larger e-commerces, supported by a team from a11y.si <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123,523,564],"tags":[294,38,737,594,281,738],"class_list":["post-1620","post","type-post","status-publish","format-standard","hentry","category-accessibility-testing","category-economics-and-accessibility","category-promoting-accessibility","tag-e-commerce","tag-gaad","tag-gaad-2024","tag-gaad-slovenia","tag-global-accessibility-awareness-day","tag-online-shop"],"_links":{"self":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/posts\/1620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/comments?post=1620"}],"version-history":[{"count":0,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/posts\/1620\/revisions"}],"wp:attachment":[{"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/media?parent=1620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/categories?post=1620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cerovac.com\/a11y\/wp-json\/wp\/v2\/tags?post=1620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}