Improving the accessibility of REGames mobile application in React Native

The purpose of this thesis was to improve the accessibility of the REGames application built using React Native technology, and to list several good practices in integrating accessibility in mobile development. A brief introduction of React and React Native was also discussed in the thesis. Additionally, the study brought up some other aspects of the project, such as technology stack, tools, and code organization. Previously, Fitseven Oy, which is the owner of the software, had had a contract with Punos Mobile Oy to build the application using React Native. At the time of implementing the thesis project, the involved parties desired to raise the accessibility standard of the application. The implementation of this thesis project, which included the consolidation of the application’s accessibility, was a part in a bigger development of the whole application carried out by Punos Mobile Oy. The research and implementation of this study was carried out using a vast amount of official documentation, guidelines, and ebooks. Topics which are related to the project, such as React Native, accessibility, and design, are all covered in those sources. By applying those theoretical resources into practice, the status of the application was analyzed, and its inclusive aspect was bettered. As a result, noticeable enhancements in accessibility, such as the zoomable image component, which allows users zooming in and out important highly detailed images, were made on the application. However, as accessibility is an enormous field, numerous things could be improved further. For example, when exiting the view of the zoomable image component, the focus of the assistive technology should point back to the original image component instead of on the top most component in the view as it is now. Such features will enrich the user experience of the application, making it more accessible