Cara membuat desain halaman web yang dapat diakses

Layar laptop

Toko online, aplikasi perbankan, reservasi hotel atau pekerjaan lepas, masih banyak lagi tugas-tugas yang ditangani melalui internet dan dalam beberapa kasus telah menggantikan media konvensional.

ini Pertumbuhan pesat operasi digital telah mempermudah kami dalam banyak aspek kehidupan. Ini menghemat waktu kami karena transaksi lebih cepat dan tidak perlu pergi ke tempat usaha fisik, dan tentu saja, media baru telah dibuat yang tidak ada sebelumnya dan yang sekarang kebanyakan orang gunakan, seperti jejaring sosial, streaming film dan serial di platform seperti Netflix, atau sistem pembayaran online seperti Paypal.

Dengan kebangkitan dunia digital, hal itu menjadi penting berinvestasi dalam pengembangan antarmuka yang dapat diakses dan dirancang dengan baik Untuk para pengguna. Namun, kita tidak bisa melupakannya ada pengguna yang menderita cacat fisik atau psikologis yang sangat membatasi pengalaman dan kemampuan mereka untuk menggunakan komputer dan ponsel.

Meskipun ada beberapa kecacatan, seperti orang yang menggunakan kursi roda, yang tidak mengganggu penggunaan internet, yang lain, seperti gangguan penglihatan atau kebutaan, masalah koordinasi motorik, tuli, atau autisme, hal itu dapat sangat menghambat kemampuan Anda untuk menjelajahi web. Untuk kasus ini, beberapa telah dibuat Perangkat seperti pembaca layar, yang membantu dan mendukung pengguna di daerah di mana mereka memiliki kecacatan.

Tapi ini baru bagian pertama dari pemecahan masalah. Berpikir tentang pengguna ini, kami harus desain antarmuka halaman web yang memfasilitasi pengalaman Anda dan sesuai dengan kebutuhan anda. Ada beberapa prinsip saat mendesain yang bisa kita terapkan.

Konten dan Sumber

Mulai dari yang paling dasar, Anda harus menetapkan prioritas dalam desain konten. Header dan bilah menu harus mudah ditemukan secara visual dan harus menjadi hal pertama yang dilihat pengguna. Elemen-elemen di halaman rumah, gambar dan informasi yang relevan akan menjadi yang kedua untuk ditemukan.

Iklan atau spanduk iklan muncul di banyak halaman. Jika dengan sendirinya hal ini mengganggu semua pengguna, bagi mereka yang memiliki gangguan penglihatan, ini merupakan masalah karena menyebabkan banyak kebingungan, dan mengganggu pembacaan diagram web. Itulah mengapa Anda harus membuat file desain editorial umum dari halaman tersebut diatur secara logis dan dapat dimengerti, serta elemen berukuran tepat, sehingga meskipun ada gangguan lain, pengguna dapat fokus pada konten penting.

Font yang Anda gunakan sebaiknya mereka harus begitu besar dan terbaca. Tipe Sans serif dan tebal Mereka membuat membaca lebih mudah bagi orang yang mungkin menderita disleksia. Jenis huruf lain yang disarankan adalah: Arial, Times New Roman, Helvetica, Tahoma, Calibri, dan Verdana.

Dan tentu saja, Anda harus selalu berhati-hati agar ada perbedaan yang jelas di antara keduanya teks dan latar belakang. Jangan gunakan warna serupa, pilihlah warna kontras.

Jenis Huruf Sans Serif Bold

Menggunakan font Sans Serif Bold memungkinkan visualisasi teks yang lebih baik.

Teks alternatif

El Alternative Text atau Alt Tag, merupakan deskripsi yang ditempatkan pada gambar di halaman web. Meskipun teks ini tidak tersedia untuk dibaca pengguna, a deskripsi yang ditulis dengan baik adalah alat yang membantu kami mencapai pemosisian SEO yang lebih baik.

Tetapi kegunaan Alt Tag tidak hanya sampai di situ. Untuk itu pengguna yang menggunakan pembaca layar untuk tunanetra, deskripsi gambarnya adalah satu-satunya referensi yang mereka miliki untuk mengetahui seperti apa penampakannya dari apa yang terungkap di halaman. Jadi jika kita pergi ke tempat, misalnya, foto beberapa tanaman sukulen, teks alternatif yang bagus adalah: Tiga tanaman sukulen dalam pot merah muda. Teks yang sangat singkat seperti: Tanaman pot, Ini bukanlah deskripsi yang memberikan detail yang relevan dan karenanya tidak berfungsi.

Succulents dalam pot merah muda

Tiga tanaman sukulen dalam pot merah muda. Contoh teks alternatif.

Kemampuan beradaptasi

Saat mendesain kita juga harus memperhitungkan semua presentasi di mana antarmuka kita akan ditampilkan, baik dalam versi web atau seluler. Pengalaman akan selalu berbeda tergantung pada media tempat kita melihatnya.

Saat kami menggunakan ponsel, kita dapat terpapar pada lingkungan yang berbeda yang membuat membaca menjadi sulit Konten layar. Jika kita berada di luar ruangan misalnya, kecerahan matahari akan membuat layar terlihat sangat gelap, dan noise tidak memungkinkan kita untuk mendengar audio dengan baik. Itulah mengapa penting untuk memikirkan detail ini dengan hati-hati, sehingga versi seluler memiliki huruf besar dan warna gelap, dan video harus memiliki subtitle jika sulit untuk mendengarnya.

Layar ponsel

Sesuaikan desain antarmuka agar dapat dibaca di ponsel dan komputer.

Konsistensi dalam desain

Desain editorial apa yang kami lakukan dengan situs web kami harus sama terlepas dari bagiannya dimana kamu berada. Ikon bilah menu yang sama akan muncul di bagian Beranda seperti di bagian Kontak. Kita tidak harus mengubah gayanya atau lokasi tombol kunci web.

Juga tidak nyaman bagi kami untuk menempatkan video yang diputar secara otomatis saat membuka halaman. Untuk pengguna yang menggunakan pembaca layar, sulit mengetahui cara menjedanya.

Situs Starbucks

Bilah menu di halaman Starbucks sama di semua bagian.

Navigasi keyboard

Terakhir, beberapa pengguna dengan masalah koordinasi motorik mengalami kesulitan dalam memegang mouse komputer atau menggunakan touchpad laptop, dan hanya mengandalkan keyboard. Pastikan untuk bahwa situs web Anda dirancang dengan suatu cara itu bisa sepenuhnya berfungsi hanya dengan tombol keyboard.


tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Penanggung jawab data: Miguel Ángel Gatón
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.