Designing an accessibility learning toolkit: bridging the gap between guidelines and implementation

The following thesis aims to conduct a comparative analysis of accessibility features and guidelines for mobile application development, mainly using the React Native framework and comparing it with Flutter, building upon previous research. This study extends the investigation conducted on the Flutter framework's accessibility capabilities to React Native, providing a comprehensive examination of both frameworks' approaches to creating accessible mobile user interfaces. The research involves creating an application focused on implementing accessibility features, seeking to identify similarities, differences, and potential improvements in the accessibility implementation of equivalent features between the frameworks. It includes a literature review to establish the current state of mobile accessibility research, an in-depth analysis of React Native's approach to accessibility tools and guidelines, and a comparison of code samples from both frameworks demonstrating accessibility features. Accessibility remains a key foundation of good user experience and mindful development, essential for considering and expanding product usage to diverse user categories. WCAG guidelines serve as the success criteria, providing a comprehensive framework for accessible web content that is equally relevant to mobile app development. As mobile devices become increasingly prevalent, understanding how accessibility features adapt with evolving technology is crucial for future trends and potential.