Accessibility

Accessibility Statement

• different-shop.hr
• 10.06.2025.

Compliance Status

We firmly believe that the Internet should be accessible and accessible to everyone, and we are committed to providing a website that is accessible to the widest possible audience, regardless of circumstances and capabilities.

To fulfill this, we strive to adhere as closely as possible to the World Wide Web Consortium (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at level AA. These guidelines explain how to make web content accessible to people with a wide range of disabilities. Adhering to these guidelines helps us ensure that the website is accessible to all people: blind people, people with motor impairments, visual impairments, cognitive disabilities, and more.

This website uses various technologies that are intended to be as accessible as possible at all times. We use an accessibility interface that allows people with special disabilities to adapt the user interface (UI) of the website and design it according to their personal needs.

In addition, the website uses an artificial intelligence-based application that runs in the background and constantly optimizes the level of accessibility. This application repairs the HTML of the website, adapts its functionality and behavior to screen readers used by blind users and to keyboard functions used by people with motor impairments.

If you have found a bug or have ideas for improvement, we would be happy to hear from you. You can contact the website operators using the following email info@different-shop.hr

Screen reader and keyboard navigation

Our website implements the ARIA (Accessible Rich Internet Applications) attribute technique, along with various different behavioral changes, to ensure that blind users visiting with screen readers can read, understand and enjoy the website's functions. As soon as a user with a screen reader enters your website, they will immediately be prompted to enter a Screen Reader Profile so that they can browse and navigate your website effectively. Here's how our website covers some of the most important screen reader requirements, along with screenshots of sample code in the console:

1. Screen reader optimization: We run a background process that learns the components of the website from top to bottom, to ensure continuous compliance even when the website is updated. In this process, we provide meaningful data to screen readers using the ARIA attribute set. For example, we provide accurate form labels; descriptions of actionable icons (social media icons, search icons, shopping cart icons, etc.); guidelines for validating form inputs; roles for elements such as buttons, menus, modal dialogs (pop-ups), and others. In addition, the background process scans all images on the website and provides accurate and meaningful descriptions based on recognizing image objects as ALT (alternative text) tags for images that are not described. It will also extract texts that are embedded in the image, using OCR (optical character recognition) technology. To enable screen reader customizations at any time, users simply press the keyboard shortcut Alt+1. Screen reader users also receive automatic prompts to enable screen reader mode as soon as they enter a web page.
   
   These customizations are compatible with all popular screen readers, including JAWS and NVDA.
    
2. Keyboard navigation optimization: The background process also adjusts the HTML of the website and adds various behaviors using JavaScript code to make the website work with the keyboard. This includes the ability to navigate the website using the Tab and Shift+Tab keys, control drop-down menus with the arrow keys, close them with Esc, trigger buttons and links with the Enter key, navigate between radio and checkbox elements with the arrow keys, and fill them with the spacebar or Enter key. In addition, keyboard users will find quick navigation and content skip menus, which are available at any time by pressing Alt+1, or as the first page elements during keyboard navigation. The background process also handles launched pop-ups by moving the keyboard focus towards them as they appear, rather than allowing the focus to move outside of them.
   
   Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Disability profiles supported on our website

• Epilepsy Safe Mode: This profile allows people with epilepsy to safely use the website by eliminating the risk of seizures caused by flickering or blinking animations and risky color combinations.
• Low Vision Mode: This mode adapts the website for the convenience of users with vision impairments such as low vision, tunnel vision, cataracts, glaucoma, and others.
• Cognitive Disability Mode: This mode provides various assistive options to help users with cognitive impairments such as dyslexia, autism, CVA, and others, to more easily focus on the essential elements of the website.
• ADHD Friendly Mode: This mode helps users with ADHD and neurodevelopmental disorders to more easily read, browse, and focus on the main elements of the website, while significantly reducing distractions.
• Blind Mode: This mode configures the website to be compatible with screen readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen reader is software for blind users that is installed on a computer and smartphone, and websites must be compatible with it.
• Keyboard Navigation Profile (Motor Impaired): This profile allows people with motor impairments to navigate a website using the Tab, Shift+Tab, and Enter keys. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Additional UI, design, and readability adjustments

1. Font customizations – users can increase and decrease its size, change the family (type), adjust spacing, alignment, line height, and more.
2. Color customizations – users can choose different color contrast profiles such as light, dark, inverted, and solid. In addition, users can change the color schemes of titles, texts, and backgrounds, with more than 7 different coloring options.
3. Animations – epileptic users can stop all running animations with the press of a button. Animations managed by the interface include videos, GIFs, and CSS flashing transitions.
4. Content highlighting – users can choose to highlight important elements such as links and titles. They can also choose to highlight only focused or hovering elements.
5. Mute – users with hearing aids may experience headaches or other problems due to auto-playing sound. This option allows users to instantly mute the entire website.
6. Cognitive Disabilities - We use a search engine that is linked to Wikipedia and Wiktionary, allowing people with cognitive disabilities to decipher the meaning of phrases, initials, slang and more.
7. Additional functions - we provide users with the ability to change the color and size of the cursor, use the print mode, enable the virtual keyboard and many other functions.

Browser and Assistive Technology Compatibility

We aim to support the widest possible range of browsers and assistive technologies, so that our users can choose the tools that best suit them, with as few restrictions as possible. We have therefore worked very hard to support all major systems that account for over 95% of the user market share, including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers), both for Windows and for MAC users.

Notes, comments and feedback

Despite our best efforts to enable anyone to adapt the website to their needs, there may still be pages or sections that are not fully accessible, are in the process of being accessed, or lack an appropriate technological solution to make them accessible. However, we are constantly improving our accessibility, adding, updating and enhancing its capabilities and features, and developing and adopting new technologies. All of this aims to achieve an optimal level of accessibility, keeping pace with technological advances.