Accessible design of online shops

To make the search function in a webshop accessible, the search field should be easy to find, accessible via screen readers and have clear labels and buttons. It is also helpful to offer suggestions as you type. Operating the search function by voice input or image search also contributes to accessibility.

Provide sort and filter options in such a way that they are accessible via keyboard shortcuts and can be navigated easily. Sort and filter functions should be intuitive to use and it must be clear which filters are active in order to facilitate operation.
 

Each product image should be provided with an alt text that precisely describes the product or scene depicted. This enables screen reader users to grasp the content of the images. In addition, detailed image descriptions can be offered that go beyond simple alt texts to provide a more comprehensive representation of the product.

To make product videos accessible, they should be provided with subtitles for the hearing impaired and audio descriptions for the visually impaired in order to reproduce spoken text as well as visual elements and actions. Video player controls should be operable via keyboard and screen reader.
 

Product descriptions should be written in simple language to make it easier for people with cognitive impairments to understand. Important information such as size, color and material should be clearly highlighted. Technical information should be clearly structured and labeled.

Prices should always be clearly displayed next to the product, without hidden fees, to ensure transparency. In addition, all prices, discounts or graduated prices should be included not only as graphics but also as text elements to make them more accessible for users of assistive technologies.

To make the shopping cart in a webshop accessible, it should have clear and distinct buttons for changing the product quantity or removing products that can be easily operated using both keyboard commands and screen readers. Ensure that all information such as products, prices and totals can be easily captured by assistive technologies.
 

To make the checkout process in an online shop accessible, all steps of the checkout should be clearly structured and easy to navigate, for example with progress indicators. Make sure that all form fields and interaction elements, such as selection options for payment methods, are operable with a keyboard and screen reader. A step-by-step guide that is audibly accessible can make the process easier for all users.

To make login or registration processes in a webshop accessible, all form elements should be clearly labeled. Ensure that these elements can be operated using both a keyboard and a screen reader by using appropriate ARIA labels and roles. In addition, visual and auditory feedback should be provided in the event of incorrect or successful input.
 

In an online store, the use of plain language is particularly important for texts that convey essential information, such as purchase and payment instructions, privacy policies, terms of use or FAQs. Simple language ensures that all customers, including those with reading and comprehension difficulties, can easily understand the content and feel more confident during the purchasing process.

Provide live support or chatbots to help users with problems. Make help services such as contact information, FAQs (frequently asked questions) or live chats easy to find.

Chats and digital assistants should be available in both text-based and voice-activated form to enable access for users with different disabilities.