TY - THES A1 - Nosseir, Dominic T1 - Prototypisches Design einer barrierefreien E-Commerce- Website - gemäß der Web Content Accessibility Guidelines (WCAG) 2.1 N2 - This work focuses on accessibility on the internet, in this context a research for a prototype was developed and afterwards evaluated, to show the usability difference between an accessible and an inaccessible website. Both sites were evaluated with respectively three test subjects for every site, to find out which site is more user- friendly. For this purpose The Web Content Accessibility Guidelines (WCAG) were explained. Afterwards ten E-Commerce-Sites that sell Dog Food were analyzed on their conformity to the WCAG, to find the most common WCAG-violations, in order to prevent these in the later implementation of the prototype. This prototype was developed in three stages, the first one was a paper-prototype to concept the structure. The second was modeled through the software „Figma“ to specify the styling. At the end the final prototype was implemented in HTML with the „Angular“ framework. Thereafter, the prototype was examined through user-tests to check if there were usability-errors or inaccessible elements, that need to be fixed in order to accomplish an accessible prototype. After the result were evaluated and the found accessibility- errors were fixed. The prototype went again through a usability-test execution, to ensure that the prototype is accessible. The result show, that the accessible site is more user-friendly and WCAG compliant than the inaccessible site. So the statement can be made that the WCAG-conformity increases the usability of a website. KW - Barrierefreiheit KW - Web Content Accessibility Guidelines KW - Prototyping KW - User Testing KW - Evaluation Y1 - 2022 ER -