10 cara hebat untuk menjadikan konten Anda portabel dan dapat diakses

Isi

• Aksesibilitas bukanlah 'fitur'
• Mendefinisikan platform
• Menjaga konten tetap portabel dan dapat diakses
• 1. Mulailah dengan HTML5
• 2. WAI-ARIA
• 3. Menggunakan doctype
• 4. Tag dokumen HTML5
• 5. Tautan buruk
• 6. Gambar - ALT versus TITLE
• Beri tahu semua orang
• Ringkasan
• Ucapan Terima Kasih
• Sumber daya

Saat Kerie mengetik di iPhone-nya, dia terlihat seperti sedang memainkan seruling. Dia memegangnya di dekat wajahnya, dan jari-jarinya bergerak dengan kecepatan yang luar biasa. Dia selesai menulis dan menyerahkan ponselnya kepada saya untuk membaca pesan yang baru saja dia ketik. Ini memiliki ejaan dan tata bahasa yang sempurna, dan diketik jauh lebih cepat daripada yang bisa saya lakukan saat menggunakan keyboard sentuh iPhone.

Kerie menggunakan aplikasi bernama Fleksy untuk membantunya menggerakkan jari-jarinya di depan ponsel dengan pola yang berubah menjadi kata-kata. Dia juga membaca berita, mendengarkan aplikasi radio, memeriksa Twitter, dan mencari waktu kereta dengan teleponnya. Dia benar-benar buta.

'Penerbitan' memiliki arti yang berbeda bagi orang yang berbeda. Bagi sebagian orang, itu berarti menghasilkan karya cetak, volume fisik. Orang lain mengaitkan penerbitan dengan kemampuan untuk mendistribusikan karya tulis melalui perangkat dan aplikasi. Semakin sering, orang berpikir penerbitan sebagai membuat konten tersedia untuk dinikmati dalam format apa pun, apakah itu berarti memasukkan artikel ke blog atau memperbarui posting Google Plus.

Kenyataannya adalah ekspektasi berbeda di antara pengguna, dan ekspektasi ini berubah seiring waktu. Pembaca yang pernah dengan rakus membaca posting terbaru di blog sekarang berharap bahwa mereka dapat membaca posting blog, atau artikel atau buku apa pun, di mana pun dan kapan pun mereka mau. Konten hari ini mengikuti kami berkeliling dari blog ke Reeder di telepon ke Instapaper di iPad ke versi email yang dikirim melalui Whispernet ke Kindle.

Alur kerja membaca setiap orang berbeda, dan bagi mereka yang membutuhkan fitur aksesibilitas seperti pembaca layar, kontras tinggi atau teks yang diperbesar, alur kerja tersebut rusak, terkadang tidak dapat diperbaiki, saat penulis dan penerbit gagal mempertimbangkan detail pemformatan yang kecil namun perlu. Jangan menganggap ini sebagai tidak 'mencentang kotak aksesibilitas'. Alih-alih, sadari bahwa Anda secara efektif mengubah konten Anda menjadi kotak hitam bagi banyak calon pelanggan.

Aksesibilitas bukanlah 'fitur'

Meskipun benar bahwa kontrol yang dapat diakses digunakan oleh individu dengan gangguan pendengaran dan penglihatan, ada banyak orang lain yang juga memanfaatkannya. Seseorang dengan penglihatan rendah akan menyesuaikan ukuran font untuk membaca konten di layar dengan lebih mudah. Orang yang buta warna menghargai kemampuan untuk menyesuaikan palet warna sehingga hal-hal seperti teks peringatan merah benar-benar menonjol. Orang dengan perjalanan panjang menggunakan pembaca layar untuk mendengarkan artikel yang dibacakan untuk mereka. Non-penutur asli menggunakan video dan audio teks untuk membantu mereka memahami bahasa baru. Semua skenario ini mewakili cakupan yang lebih luas untuk konten Anda, pengalaman pengguna dan empati yang lebih baik, dan bahkan mungkin lebih banyak pendapatan.

Untuk gambaran yang bagus tentang arti aksesibilitas, lihat artikel Ian Hamilton.

Mendefinisikan platform

Mari kita mulai dengan beberapa definisi tentang format apa yang dapat kita fokuskan untuk membuat konten kita lebih mudah dibaca:

• HTML: Dengan HTML5, web adalah tempat yang lebih baik bagi penulis dan penerbit untuk memamerkan karya mereka. Tag baru seperti artikel, bagian, header dan footer sekarang diterapkan di banyak browser dan dapat digunakan secara semi-andal untuk menambahkan konteks semantik ke tulisan Anda. Selain itu, modul halaman CSS3 yang akan datang mungkin juga menarik bagi mereka yang mencari pengalaman membaca halaman tetap untuk diaktifkan.
• EPUB: EPUB adalah standar resmi dari International Digital Publishing Forum (IDPF). EPUB3 telah disetujui pada Oktober 2011 dan memungkinkan publikasi memiliki konten yang lebih bergaya dan dapat disesuaikan, lebih dekat dengan apa yang mampu dengan HTML / CSS, daripada pedoman sebelumnya yang lebih statis.
• MOBI: MOBI, kependekan dari Mobipocket, adalah format yang digunakan oleh Kindle dan pembaca digital lainnya. Ini kurang dapat disesuaikan lagi daripada EPUB, tetapi kami membahasnya di sini karena Anda dapat menggunakannya dalam menerbitkan konten ke Amazon jika Anda mau. Menurut Robin Christopherson dari AbilityNet, beberapa model Kindle dapat diakses oleh pengguna tunanetra; namun aplikasi Kindle di iOS tidak. KF8, format baru Kindle, saat ini didukung oleh Kindle Fire dan akan segera diluncurkan ke perangkat e-ink Kindle generasi terbaru dan aplikasi membaca Kindle.
• PDF: PDF telah menjadi entitas yang tersebar di mana-mana di web. Saya memasukkannya di sini karena sebagian besar tablet memiliki teknologi bawaan yang bagus untuk membaca PDF dan mengaktifkan teknologi pendukung dengannya. Dengan PDF, faktor penentu adalah bagaimana itu dibuat. Menurut Alan Dalton, penasihat pengembangan aksesibilitas di Otoritas Disabilitas Nasional Irlandia, "Anda dapat membuat PDF dapat diakses; namun banyak orang tidak. Mereka tidak menyadari alat mereka menghasilkan produk yang buruk. Jika saya berhasil, semua yang kami lakukan akan menjadi HTML. " Selain navigasi dan aksesibilitas, PDF juga tidak beradaptasi dengan baik dengan ukuran yang berbeda, dan siapa pun yang mencoba membaca PDF di ponsel cerdas terbiasa dengan mencubit, memperbesar, dan menggeser yang canggung yang diperlukan untuk melakukannya.

Yang tidak termasuk dalam kategori ini adalah aplikasi yang mengambil konten Anda dan mengubahnya menjadi gambar besar. Meskipun hal ini dapat memastikan tampilan dan gayanya sama di seluruh platform, Anda memblokir banyak audiens sekaligus membuat unduhan yang sangat berat. Masalah ini diperburuk ketika kita mulai berbicara tentang tampilan Retina dan gambar berukuran ganda. Untuk merasakan bagaimana rasanya ditolak sesuatu yang ingin Anda baca (namun tetap harus membayarnya), lihat komentar tentang aplikasi Kios yang sebagian besar tidak dapat diakses melalui VoiceOver di iOS.

Untuk melihat seperti apa jenis majalah ini bagi pengguna teknologi yang dapat diakses, lihat video saya tersemat, yang menunjukkan pengalaman frustasi mencoba membaca majalah ini dengan
alat aksesibilitas seperti VoiceOver:

Menjaga konten tetap portabel dan dapat diakses

Berfokus pada format portabel memungkinkan kami menangani konten untuk hidup bahagia di lebih banyak browser, ponsel, perangkat pembaca digital, dan aplikasi membaca. Apa yang perlu kami lakukan pada konten kami untuk memastikannya dapat diterjemahkan dengan baik di antara format yang berbeda ini, sambil mempertahankan gaya kustom dan pengalaman yang luar biasa?

Saya telah mengumpulkan beberapa pedoman di bawah ini untuk orang-orang yang ingin pemirsanya seluas mungkin dan yang tidak ingin mengunci konten mereka ke dalam kotak hitam bagi banyak pengguna. Teknik ini dapat diterapkan pada semua hal mulai dari entri blog, jurnalisme bentuk panjang, hingga karya lain yang Anda pertimbangkan untuk diterbitkan sendiri:

1. Mulailah dengan HTML5

Dengan membuat dokumen Anda pada awalnya dengan HTML5, Anda tidak perlu khawatir lagi di masa mendatang. Markup HTML5 akan membantu dokumen Anda tetap mudah dinavigasi dan diterjemahkan ke dalam format lain. Anda akan mengurangi 'penyesuaian' publikasi Anda ke dalam format lain secara signifikan jika Anda memiliki informasi semantik di dalamnya sejak awal.

2. WAI-ARIA

WAI-ARIA adalah Web Accessibility Initiative - Suite Rich Internet Applications yang Dapat Diakses. Ini adalah seperangkat pedoman yang dibuat oleh Protocols and Formats Working Group (PFWG) dari
W3C. WAI-ARIA menentukan cara untuk membuat konten web dan aplikasi lebih dapat diakses oleh penyandang disabilitas, dan membantu dengan konten dinamis dan kontrol antarmuka pengguna tingkat lanjut yang dikembangkan dengan Ajax, HTML, JavaScript, dan teknologi terkait. Beberapa teknik dalam artikel ini berasal dari pedoman WAI-ARIA, dan meskipun artikel ini tidak cukup panjang untuk mencakup semua spesifikasi, saya mendorong Anda untuk memeriksanya untuk detail lebih lanjut tentang mengapa ini direkomendasikan dan praktik terbaik untuk menerapkannya.

3. Menggunakan doctype

Meskipun penggunaan doctype itu sendiri tidak memengaruhi aksesibilitas kode HTML terkait, alasan penting untuk menggunakan doctype adalah untuk memastikan mode quirks browser tidak dipicu. Cukup gunakan ! DOCTYPE html> untuk memastikan hal itu tidak terjadi.

4. Tag dokumen HTML5

Navigasi yang tepat dari sebuah dokumen memiliki faktor yang tinggi pada indeks aksesibilitasnya. Banyak pengguna teknologi yang dapat diakses yang saya wawancarai mengungkapkan kekecewaan mereka terhadap penyedia konten dan pengembang yang tidak menandai dokumen mereka dengan benar untuk kemampuan navigasi. Tag ini memberikan lebih banyak konteks ke bagian dokumen Anda daripada menggunakan banyak div.

• Header dan Footer keduanya dapat digunakan beberapa kali dalam satu halaman. Mereka dapat menunjukkan header atau footer utama masing-masing dokumen, atau mereka dapat digunakan untuk informasi header / footer dalam artikel atau bagian.
• Ke samping adalah tag yang baik untuk digunakan pada bagian, seperti bilah sisi dalam buku, yang melengkapi dokumen tetapi tidak mutlak penting untuk pemahamannya.
• Bagian adalah cara untuk memecah ide atau mengelompokkan konten menjadi satu yang masuk akal.
• Artikel adalah konten independen dan mandiri yang bisa ada tanpa konten lainnya. Menggunakan tag ini dengan tepat membantu memastikan struktur konten Anda ditafsirkan dengan benar.

5. Tautan buruk

Dengan CSS, dimungkinkan untuk menggunakan gambar latar belakang pada tautan dan tombol. Ini adalah efek yang bagus untuk desainer web karena memberikan lebih banyak kontrol atas tipografi. Namun, hal itu menyebabkan orang lupa menyertakan deskripsi teks. Pastikan bahwa meskipun Anda juga menggunakan teks dalam gambar untuk memastikannya tetap dapat diakses. Ini juga dapat memengaruhi hal-hal seperti SEO dan
penginternasionalan.

Contoh:

a href = "/ contact"> / a>

Ini buruk.

a href = "/ contact"> Hubungi Kami / a>

Jauh lebih baik.

6. Gambar - ALT versus TITLE

Orang sering memasukkan keduanya alt atau judul atribut dalam gambar mereka, tetapi tidak keduanya karena sering disalahpahami dan oleh karena itu tampak berlebihan. Untuk menjernihkan kebingungan, judul dapat mewakili informasi penasehat, seperti yang mungkin muncul di tooltip. Ini juga dapat memberi Anda informasi tambahan saat Anda mengarahkan mouse ke gambar, teknik yang digunakan banyak orang di blog mereka. Dengan pertumbuhan perangkat sentuh, informasi semacam ini menjadi kurang berguna.

Alt di sisi lain digunakan oleh teknologi pendukung dan memberikan konteks pada elemen tersebut. Anda harus menggunakan alt pada gambar Anda dan pastikan informasi tersebut berguna. Menggunakan img alt = "" src = "1348.webp">

Beri tahu semua orang

Jika konten Anda tersedia dalam berbagai format, pastikan ada cara untuk menemukannya di situs Anda. Anda mungkin pernah melihat pesan "Jika Anda kesulitan melihat email ini, baca online
versi "di bagian atas banyak buletin email. Praktikkan untuk melakukan hal yang sama untuk konten Anda. Jika Anda memiliki PDF yang dapat diakses atau versi audio serta ePub, pastikan bahwa pengguna dapat menemukan informasi itu. Lakukan pengguna pengujian untuk memastikan konten dapat ditemukan dan dibaca.