CSS untuk orang dengan Gangguan Visual?

17

Jadi ketika saya sedang belajar HTML saya menemukan CSS. Sangat menarik karena dengan CSS Anda dapat membuat halaman web menjadi keren atau lebih cantik. Tapi karena ini lebih tentang warna, desain, gaya dll., Saya tidak bisa tahu hasil kode CSS saya. Sebagai seseorang yang tunanetra, mengapa saya harus belajar CSS jika orang yang melihat selalu dapat merancang halaman web lebih baik daripada saya karena mereka dapat melihat?

  1. Apakah ada programmer buta di sini yang menulis CSS? Bagaimana kamu melakukannya?
  2. Haruskah saya mengabaikan CSS bersama-sama dan menyerahkannya kepada programmer yang terlihat? Atau ada beberapa hal dalam CSS yang dapat saya lakukan tanpa meminta orang untuk melihat halaman saya untuk mengetahui apakah itu memiliki desain yang bagus?
pengguna1815810
sumber
3
Anda mungkin tertarik dengan aspek aural dari CSS.
1
Jika Anda tidak terlalu pemilih pada desain Anda, Anda dapat mempertimbangkan untuk menggunakan template CSS - skema warna dan detail yang telah ditentukan. Mungkin pertimbangkan bekerja dengan desainer yang terlihat yang dapat mengaturnya untuk Anda. Kemudian Anda dapat memilih berdasarkan pada itu sendiri.
rpeg
Tergantung apakah Anda membuat halaman web untuk pengguna tunanetra atau tidak. Jika itu untuk keduanya, Anda harus bekerja sama.
Ronni Skansing

Jawaban:

12

CSS adalah bahasa gaya umum, dan termasuk properti untuk markup aural juga. Meskipun tidak ada yang diimplementasikan oleh browser utama, mungkin berguna untuk menyaring pembaca (tapi saya tidak tahu apakah ada yang menerapkan itu, mengingat bahwa markup aural tidak umum "di alam liar").

Saya, sebagai orang yang melihat, menulis CSS dalam lingkaran umpan balik yang ketat di mana saya mengubah sedikit CSS dan kemudian melihat bagaimana halaman berubah. Jika umpan balik ini tidak mungkin atau sangat sulit, kami harus kembali ke prinsip-prinsip desain, dan berharap mereka berhasil dengan baik.

  • Proporsi lebih mudah dikelola ketika kita menganggap halaman sebagai kisi. Pembagian umum adalah menggunakan baris atas untuk navigasi dan tajuk utama, dan kolom kanan untuk konten terkait. Kolom kiri digunakan untuk konten utama, dan kira-kira dua sampai tiga kali lebarnya kolom kanan. Ini kira-kira bagaimana situs Stack Exchange ditampilkan. Dalam CSS, ini dapat diimplementasikan dengan display: tabledan gaya tampilan terkait table-rowdan table-cell, atau dengan model flexbox yang lebih baru. Rasio pastinya secara mengejutkan tidak penting.

  • Sebuah halaman terlihat lebih baik ketika dipusatkan secara horizontal.

  • Seseorang tidak harus menggunakan banyak warna: Ada warna latar belakang (biasanya sesuatu yang cerah dan tidak jenuh) dan warna teks (biasanya sesuatu yang gelap dan jenuh). Kita dapat mengurangi kontras kecerahan untuk mengurangi penekanan teks seperti catatan kaki, byline, atau detail lainnya. Menggunakan model warna HSV seharusnya jauh lebih mudah daripada RGB untuk ini. Sejumlah palet warna ada yang dapat digunakan jika abu-abu polos terlalu membosankan. Warna harus digunakan, tetapi hemat.

  • Ukuran font juga dapat digunakan untuk menunjukkan tingkat kepentingan - langkah 2pt dan tidak pernah di bawah 9pt tampaknya masuk akal. Untuk teks normal, ukuran font 14pt tidak boleh dilampaui. Bersama-sama, ukuran font dan kontras teks mirip dengan volume ucapan.

  • CSS tidak hanya menawarkan unit pengukuran absolut seperti pxatau cmtetapi juga unit relatif suka emdan kata kunci seperti thinatau medium. Menggunakan pengukuran relatif dan kata kunci ini seringkali lebih mudah.

  • Teks tidak boleh lebih lebar dari 40em.

  • Browser dilengkapi dengan stylesheet default. Mereka tidak cantik, tetapi Anda tidak harus menimpa segalanya. Memilih webfont sederhana dan menetapkan lebar maksimum untuk elemen teks adalah dua hal paling penting. Menulis HTML semantik penting agar gaya default berfungsi.

Dengan ini, harus mungkin untuk mendesain blog sederhana atau semacamnya. Namun:

  • Kode debug sulit, apalagi jika Anda tidak dapat melihat apa yang Anda lakukan. Saya tidak melakukan hal yang benar pada percobaan pertama saya. Tapi bagaimana Anda bisa tahu ketika segala sesuatu tampak "benar"?

  • Beberapa hal memerlukan penempatan elemen yang tepat, misalnya dalam menu pop-up.

  • Gambar dan ikon dapat menambah kedalaman desain, tetapi akan sulit bagi Anda untuk memilih.

  • Model kotak CSS mengerikan dan seringkali sulit untuk disimulasikan di kepala Anda.

Saya akan berasumsi bahwa Anda akan dapat menulis sedikit CSS, tetapi itu akan sangat membuat frustrasi. Saya tidak tahu teknologi bantu apa yang ada, tetapi saya berasumsi bahwa umpan balik sentuhan akan memungkinkan Anda untuk merancang tata letak umum. Mungkin pemrograman pasangan dengan seseorang dengan penglihatan mungkin merupakan solusi yang baik untuk detail yang lebih kecil?

amon
sumber
3
Saya setuju dengan saran pemrograman pasangan. Sight hanyalah keahlian lain untuk meminjam, sama seperti debugging atau arsitektur.
Jon Purdy
5

Jika Eşref Armağan dapat melukis , maka orang buta harus dapat membuat halaman web. Tetapi mengingat betapa sulitnya itu, Anda mungkin harus mempertimbangkan bidang pemrograman lain. Saya kenal beberapa programmer buta, mereka sangat efektif, sebagian karena mereka perlu mengingat seluruh program setiap saat.

Ross Patterson
sumber