Implementasi Web Front-End Dengan Aksesibilitas Interaksi Bagi Penyandang Disabilitas Netra

Rosyid, Erki Kadhafi (2023) Implementasi Web Front-End Dengan Aksesibilitas Interaksi Bagi Penyandang Disabilitas Netra. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 05111940000050-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only until 1 October 2025. Download (4MB) | Request a copy

Abstract

Penyiaran informasi pada saat ini tidak terbatas pada penggunaan televisi dan radio namun juga menggunakan media daring seperti situs web. Penggunaan situs web jika tidak disertai dengan aksesibilitas yang baik, dapat mempengaruhi pengalaman pengguna tertentu. Aksesibilitas yang baik membuat semua pengguna khususnya para disabilitas dapat menerima informasi yang tersedia pada situs web. Komunitas Mata Hati (KMH) adalah sebuah komunitas yang berisi orang penyandang disabilitas dan berfokus kepada kegiatan sosial yang berhubungan dengan penyandang disabilitas khususnya disabilitas netra. KMH memiliki sebuah situs web yang berisi hal-hal yang berkaitan dengan KMH, namun saat ini situs web tersebut tidak memiliki aksesibilitas yang baik. Tugas akhir ini dibuat dengan tujuan untuk mengimplementasikan aksesibilitas yang baik dengan pembuatan ulang situs web milik KMH tersebut. Pengembangan sistem dimulai dengan menggali kebutuhan perangkat lunak melalui wawancara dengan perwakilan dari KMH. Hasil dari wawancara tersebut adalah akses kepada sistem back-end data yang berkaitan dengan KMH yang akan ditampilkan pada situs web. Implementasi antarmuka akan dilakukan menggunakan kerangka kerja NextJs untuk mendapatkan hasil situs web dengan performa yang baik. Implementasi aksesibilitas akan mengikuti panduan Web Content Accessibility Guidelines (WCAG) 2.0 sebagai standar internasional dalam panduan aksesibilitas web. WCAG 2.0 berisi tata cara, deskripsi, dan sukses kriteria dalam memenuhi unsur aksesibilitas. Beberapa panduan yang terdapat pada WCAG 2.0 diantaranya panduan dalam menyusun struktur dokumen situs web, cara menampilkan konten media, dan cara menyusun konten pada situs web. Pengujian sistem dilakukan dari dua sisi, yaitu sisi aksesibilitas dan keseluruhan sistem. Pengujian aksesibilitas dilakukan dengan memenuhi semua kriteria kesuksesan panduan WCAG 2.0 dengan partisipan yang terdiri dari mahasiswa dan mahasiswi Institut Teknologi Sepuluh Nopember semester delapan dengan program studi Teknik Informatika berjumlah sepuluh orang. Pengujian keseluruhan sistem dilakukan dengan melakukan wawancara dengan pengguna dengan partisipan yang terdiri dari sebelas orang perwakilan KMH dengan lima orang diantaranya merupakan penyandang disabilitas netra. Pada tahap wawancara, partisipan diminta untuk melakukan beberapa tugas, memberi umpan balik terhadap tugas yang diberikan, serta menilai keseluruhan sistem menggunakan formulir System Usability Scale (SUS). Pada tahap wawancara, partisipan diminta untuk melakukan beberapa tugas, memberi umpan balik terhadap tugas yang diberikan, serta menilai keseluruhan sistem menggunakan formulir System Usability Scale (SUS). Hasil dari pengujian aksesibilitas menunjukkan sistem berhasil memenuhi semua kriteria kesuksesan panduan WCAG 2.0. Hal ini berarti sistem sudah cukup dalam memenuhi standar aksesibilitas minimal bagi semua jenis pengguna. Hasil tersebut didukung dengan skor SUS yang tinggi dengan nilai 89,2 untuk penyandang disabilitas dan nilai 84,5 untuk non-disabilitas. Skor SUS tersebut menyimpulkan bahwa sistem sudah memiliki pengalaman pengguna yang baik.
=================================================================================================================================
Information broadcasting today is not limited to the use of television and radio but also includes online media such as websites. The use of a website as a source of information is not supported by good accessibility interaction. Good accessibility enables users, especially people with disabilities, to obtain the information displayed on the website. Komunitas Mata Hati (KMH) is a community that consists of people with disabilities and focuses on social activities related to people with disabilities, especially visual disabilities. KMH has a website that contains all stuff related to KMH, unfortunately this website does not have good accessibility. This thesis is made to implement good accessibility on KMH’s website. The development started with gathering software requirements by interviewing KMH’s representative. The result of this interview is access to the back-end system that contains all the data related to KMH displayed on the existing website. Interface implementation is done using NextJs to obtain a well-performing website. Accessibility implementation will follow international guidelines called Web Content Accessibility Guidelines (WCAG) 2.0. WCAG 2.0 contains procedures, descriptions, and success criteria to ensure good accessibility. Some of the WCAG 2.0 guidelines are guidelines for a website’s structure, ways to display media content, and content arrangement on the website.
The system was tested from two perspectives: accessibility and overall usability. Accessibility testing was conducted by fulfilling all the success criteria of the WCAG 2.0 guidelines, with the participation of ten students from the eighth semester of the Informatics Engineering program at the Sepuluh Nopember Institute of Technology. On the other hand, the overall system testing involved interviews with eleven representatives from KMH, including five individuals with visual impairments. During the interview phase, participants were asked to perform various tasks, provide feedback on the assigned tasks, and evaluate the overall system using the System Usability Scale (SUS) questionnaire. This combined approach aims to optimize the system to meet the needs of all users, including those with accessibility limitations. During the interview phase, participants were asked to perform various tasks, provide feedback on the assigned tasks, and evaluate the overall system using the System Usability Scale (SUS) questionnaire. The results of the accessibility testing showed that the system successfully met all the success criteria of the WCAG 2.0 guidelines. This indicates that the system meets the minimum accessibility standards for all types of users. These findings are further supported by the high SUS scores, with a score of 89.2 for users with disabilities and 84.5 for non-disabled users. The SUS scores conclude that the system provides a good user experience.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Aksesibilitas, Komunitas Mata Hati, Web Content Accessibility Guidelines; Accessibility, Komunitas Mata Hati, Web Content Accessibility Guidelines.
Subjects:	Q Science > QA Mathematics > QA76 Computer software
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Erki Kadhafi Rosyid
Date Deposited:	08 Aug 2023 14:50
Last Modified:	14 Sep 2023 03:58
URI:	http://repository.its.ac.id/id/eprint/101982

Actions (login required)

View Item