Designing an Accesible User Interface Web Platform

Ekaterina Kirichuk

Bachelor's thesis

Návrh přístupného webového rozhraní uživatele

Abstract:

Hlavním cílem této bakalářské práce je vyvinout přístupný low-fidelity prototyp webové aplikace Make integrací principů přístupného designu a designu zaměřeného na uživatele, čímž se posiluje digitální inkluze. Tato práce zkoumá zlepšení uživatelské zkušenosti s přístupností prostřednictvím vývoje prototypů navržených pro podporu čteček obrazovky a navigace pomocí klávesnice. Teoretický rámec zkoumá legislativní, etické a obchodní úvahy týkající se webové přístupnosti společně s přehledem asistivních technologií a metodologií analýzy přístupnosti. Praktická část výzkumu začala auditem přístupnosti stávající aplikace Make za účelem identifikace současných funkcí a nedostatků. Tento audit informoval o vývoji tří inovativních low-fidelity prototypů: vylepšeného uživatelského rozhraní (UI), které usnadňuje navigaci v rámci nástroje pro tvorbu scénářů aplikace, okna pro nastavení přístupnosti, které lze přizpůsobit, a rozsáhlého seznamu klávesových zkratek. Tyto funkce byly navrženy na základě principů diskutovaných v teoretické části a byly upraveny na základě zpětné vazby od uživatelů. Studie dále zahrnovala testování uživatelské zkušenosti s pěti účastníky, kteří poskytli cenné náhledy a návrhy na další vylepšení. Prototypy nejenže slouží jako modla pro budoucí vývoj high-fidelity, ale také zapojují potenciální uživatele do iterativního procesu designu. Celkově tato práce poskytuje kritickou analýzu přístupnosti aplikace Make a navrhuje praktická řešení pro zlepšení její použitelnosti pro jednotlivce, kteří jsou závislí na asistivních technologiích. Výsledky zdůrazňují význam inkluzivního designu a vývoje zaměřeného na uživatele při vytváření přístupných digitálních prostředí.

Abstract:

The primary goal of this bachelor's thesis is to develop an accessible low-fidelity prototype of the Make web application by integrating principles of accessible design and usercentered design, thereby strengthening digital inclusion. This thesis investigates the UX enhancement of accessibility through the development of prototypes designed to support screen readers and keyboard navigation. The theoretical framework examines legislative, ethical, and business considerations of web accessibility, alongside a review of assistive technologies and methodologies for accessibility analysis. The practical segment of the research began with an accessibility audit of the existing Make application to identify current features and deficiencies. This audit informed the development of three innovative low-fidelity prototypes: an improved user interface (UI) that facilitates easier navigation within the application's scenario builder, a customizable accessibility settings window, and a comprehensive list of keyboard shortcuts. These features were designed based on principles discussed in the theoretical part and refined through user feedback. Additionally, the study involved user experience testing with five participants, who provided valuable insights and suggestions for further enhancements. The prototypes not only serve as a blueprint for future high-fidelity development but also engage potential users in the iterative design process. Overall, this thesis delivers a critical accessibility analysis of the Make application and proposes practical solutions to enhance its usability for individuals relying on assistive technologies. The outcomes underscore the importance of inclusive design and usercentered development in creating accessible digital environments.

Keywords

Přístupnost, prototypování, zlepšení, asistivní technologie

Keywords

prototyping, improvements, assistive technology, Accessibility

Language used: English

Date on which the thesis was submitted / produced: 5. 5. 2024

Thesis defence

• Date of defence: 14. 6. 2024
• Supervisor: Petra Jílková
• Reader: Filip Dědic

Vysoká škola ekonomická v Praze

Bachelor programme:
Multimédia v ekonomické praxi