Voice Over di Web Form

Di tulisan ini saya akan mencoba menggunakan Voice Over (VO) untuk berinteraksi dengan web form (formulir web) tentang konferensi palsu untuk developer (fake conference). Browser-browser yang digunakan yakni Chrome versi 73.0.3683.75, Safari versi 12.0.3 dan Firefox versi 65.0.1 di MacOS. Jika Anda tertarik untuk mencobanya silahkan akses situs ini dan nyalakan Voice Over Anda. Chrome Berikut perlakuan VO dan Chrome terhadap web form yang dibuat: Tag input text baik text maupun email dan text area dibaca sebagai edit text....

March 16, 2019 · 4 min · Satya Kresna

Voice Over Shortcut on MacOS

Berikut adalah shortcut Voice Over di MacOS yang saya perlukan setiap saat agar tidak lupa: Hidupkan/matikan voice over => cmd + f5 VO (Voice Over) key => ctrl + option Navigasi => ctrl + option + right Navigation by heading => ctrl + option + cmd + H Klik => ctrl + option + space Berhenti bicara => ctrl Focus VO on browser => ctrl + option + shift + down Rotor (our savior) => ctrl + option + u Anda bisa coba halaman Google di Wikipedia sebagai “kelinci percobaan” Voice Over Anda....

March 10, 2019 · 1 min · Satya Kresna

Voice Over di HTML Semantic

HTML semantic adalah tag HTML yang memiliki sebuah arti atau makna. Contoh tag semantic yang umum Anda gunakan namun kadang tidak anda sadari antara lain: tag heading mulai dari <h1> sampai <h6>, paragraph <p>, <form> dan tag <button>. Tag-tag seperti <header>, <nav>, <main>, <article>, <section>, <aside>, <footer>, <address>, <time>, <figure>, <figcaption>, <table>, <thead>, <tfooter>, <th>, <td> juga termasuk dalam tag semantic. Tag <div>, <span> dan <font> tidak termasuk dalam tag HTML semantic....

March 10, 2019 · 3 min · Satya Kresna