diff --git a/README.md b/README.md index 45bff3abf82a7e0bc35a5d7b564449eac4d69769..8bde119d000ad933fa1e5113532aee13d516d93c 100644 --- a/README.md +++ b/README.md @@ -97,7 +97,43 @@ Berikut adalah library yang digunakan pada aplikasi ## _Completed Bonus_ ### Accessibility Testing - berikut adalah testing ... + Hasil analisis menggunakan aplikasi Accessibility Scanner, ditemukan beberapa kekurangan berikut + + 1. Perlunya perbaikan contrast warna pada komponen UI + <img src="./doc/need-tune-color-contrast-1.jpg" alt="Sugestion to tune color contrast on navigation icon" width="400"> + <img src="./doc/need-tune-color-contrast-2.jpg" alt="Sugestion to tune color contrast on input field" width="400"> + <img src="./doc/need-tune-color-contrast-3.jpg" alt="Sugestion to tune color contrast on price text color" width="400"> + <img src="./doc/need-tune-color-contrast-4.jpg" alt="Sugestion to tune color contrast on location text color" width="400"> + <img src="./doc/need-tune-color-contrast-5.jpg" alt="Sugestion to tune color contrast on transaction icon" width="500"> + <img src="./doc/need-tune-color-contrast-6.jpg" alt="Sugestion to tune color contrast on percentage icon" width="400"> + + 2. Perlu penambahan item label pada komponen UI + <img src="./doc/need-add-item-label-1.jpg" alt="Sugestion to change item label on category input field" width="400"> + <img src="./doc/need-add-item-label-2.jpg" alt="Sugestion to change item label on capture photo button" width="400"> + + 3. Perlu penambahan item desciprition pada komponen UI + <img src="./doc/need-change-item-description-1.jpg" alt="Sugestion to change item description on fragment title" width="400"> + + 4. Perlu memperbesar touch target + <img src="./doc/need-larger-touch-target.jpg" alt="Sugestion to enlarge touch target on open in map button" width="400"> + + Dari temuan tersebut, telah diperbaiki beberapa hal dari aplikasi yaitu sebagai berikut + + 1. Perubahan warna pada tema aplikasi + 2. Penambahan label pada komponen _input field category_ dan tombol _capture_ pada _scanner_ + 3. Penambahan deskripsi pada komponen title dari fragment scan, graph, dan settings + 4. Memperbesar _touch target_ menjadi 48dp pada tombol open in map + + Dengan perbaikan-perbaikan tersebut, diperoleh hasil analisis dari Accessibility Scanner yang lebih minim sugesti untuk perbaikan. Berikut hasil analisis terbarunya + + <img src="./doc/after-tuning-1.jpg" alt="Graph fragment after accessibility tuning" width="400"> + <img src="./doc/after-tuning-2.jpg" alt="Transaction fragment after accessibility tuning" width="400"> + <img src="./doc/after-tuning-3.jpg" alt="Form Transaction fragment after accessibility tuning" width="400"> + <img src="./doc/after-tuning-4.jpg" alt="Scanner fragment after accessibility tuning" width="400"> + <img src="./doc/after-tuning-5.jpg" alt="Settings fragment after accessibility tuning" width="400"> + <img src="./doc/after-tuning-6.jpg" alt="Transaction item after accessibility tuning" width="400"> + <img src="./doc/after-tuning-7.jpg" alt="Login Activity after accessibility tuning" width="400"> + ### Twibbon Twibbon diimplementasikan pada halaman twibbon ### OWASP diff --git a/doc/after-tuning-1.jpg b/doc/after-tuning-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3ab498a4e1c9a7c4fadfabecbfa33ae87186f46e Binary files /dev/null and b/doc/after-tuning-1.jpg differ diff --git a/doc/after-tuning-2.jpg b/doc/after-tuning-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..195eaa37a4e719beac3716a37a8babe77391e49f Binary files /dev/null and b/doc/after-tuning-2.jpg differ diff --git a/doc/after-tuning-3.jpg b/doc/after-tuning-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..310d01eb1acd9415181615cc06a22f2462e70757 Binary files /dev/null and b/doc/after-tuning-3.jpg differ diff --git a/doc/after-tuning-4.jpg b/doc/after-tuning-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..11f3081ce066f00a23f577deb4d4d328037e8bf6 Binary files /dev/null and b/doc/after-tuning-4.jpg differ diff --git a/doc/after-tuning-5.jpg b/doc/after-tuning-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..84c097118be2592f52a9588205ae7cba82ae87ec Binary files /dev/null and b/doc/after-tuning-5.jpg differ diff --git a/doc/after-tuning-6.jpg b/doc/after-tuning-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..099a83784810854f390986769f7fa7ae81667785 Binary files /dev/null and b/doc/after-tuning-6.jpg differ diff --git a/doc/after-tuning-7.jpg b/doc/after-tuning-7.jpg new file mode 100644 index 0000000000000000000000000000000000000000..81ad574978bc2654427d7de3916620b3bf9624d1 Binary files /dev/null and b/doc/after-tuning-7.jpg differ diff --git a/doc/need-add-item-label-1.jpg b/doc/need-add-item-label-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ea6c6b2ba1d772f37ae0f9c53f1eed2ed8eea937 Binary files /dev/null and b/doc/need-add-item-label-1.jpg differ diff --git a/doc/need-add-item-label-2.jpg b/doc/need-add-item-label-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..76ae7d6eed354ce9de4a102b63efec010612dde6 Binary files /dev/null and b/doc/need-add-item-label-2.jpg differ diff --git a/doc/need-change-item-description-1.jpg b/doc/need-change-item-description-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..cdf7f6488780b086b1d1b36c728b961821e26dbc Binary files /dev/null and b/doc/need-change-item-description-1.jpg differ diff --git a/doc/need-larger-touch-target.jpg b/doc/need-larger-touch-target.jpg new file mode 100644 index 0000000000000000000000000000000000000000..6515261d5816e14f4c577785d03b910fac3245a5 Binary files /dev/null and b/doc/need-larger-touch-target.jpg differ diff --git a/doc/need-tune-color-contrast-1.jpg b/doc/need-tune-color-contrast-1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5105beff1b57d32b2e47624555c1ac22fb7b19cc Binary files /dev/null and b/doc/need-tune-color-contrast-1.jpg differ diff --git a/doc/need-tune-color-contrast-2.jpg b/doc/need-tune-color-contrast-2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d6fa70982bb47caba23f4e03fa01a89678c63f63 Binary files /dev/null and b/doc/need-tune-color-contrast-2.jpg differ diff --git a/doc/need-tune-color-contrast-3.jpg b/doc/need-tune-color-contrast-3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..09c78f8bfc20df906f989eb201b3505a6e075ce7 Binary files /dev/null and b/doc/need-tune-color-contrast-3.jpg differ diff --git a/doc/need-tune-color-contrast-4.jpg b/doc/need-tune-color-contrast-4.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ee8d7fdae4fd2e88528fbfb47986d6fc2cc73464 Binary files /dev/null and b/doc/need-tune-color-contrast-4.jpg differ diff --git a/doc/need-tune-color-contrast-5.jpg b/doc/need-tune-color-contrast-5.jpg new file mode 100644 index 0000000000000000000000000000000000000000..98d6eca14e3bc7075d1f896a7ca0569934fe357f Binary files /dev/null and b/doc/need-tune-color-contrast-5.jpg differ diff --git a/doc/need-tune-color-contrast-6.jpg b/doc/need-tune-color-contrast-6.jpg new file mode 100644 index 0000000000000000000000000000000000000000..419bc1375030eb8005a6b0414fdbaab98a9ccfb3 Binary files /dev/null and b/doc/need-tune-color-contrast-6.jpg differ