10 cara terbaik untuk menjadikan kandungan anda mudah alih dan mudah diakses

Kandungan

• Kebolehcapaian bukan 'ciri'
• Menentukan platform
• Menjaga kandungan mudah alih dan mudah diakses
• 1. Mulakan dengan HTML5
• 2. WAI-ARIA
• 3. Menggunakan doktrin
• 4. Tag dokumen HTML5
• 5. Pautan yang tidak baik
• 6. Imej - ALT berbanding TAJUK
• Biarkan orang tahu
• Ringkasan
• Ucapan terima kasih
• Sumber

Apabila Kerie menaip iPhone, dia kelihatan seperti bermain seruling. Dia memegangnya dekat dengan wajahnya, dan jari-jarinya bergerak dengan kecepatan yang luar biasa. Dia selesai menulis dan menyerahkan telefonnya kepada saya untuk membaca mesej yang baru ditaipnya. Ia mempunyai ejaan dan tatabahasa yang sempurna, dan ditaip lebih cepat daripada yang dapat saya lakukan semasa menggunakan papan kekunci sentuh iPhone.

Kerie menggunakan aplikasi bernama Fleksy untuk membantunya menggerakkan jari-jarinya ke seluruh muka telefon dengan corak yang berubah menjadi kata-kata. Dia juga membaca berita, mendengar aplikasi radio, memeriksa Twitter dan mencari masa kereta api dengan telefonnya. Dia benar-benar buta.

'Penerbitan' bermaksud perkara yang berbeza bagi orang yang berbeza. Bagi sebilangan orang, ini bermaksud menghasilkan jumlah kerja fizikal yang dicetak. Orang lain mengaitkan penerbitan dengan kemampuan untuk mengedarkan karya bertulis melalui peranti dan aplikasi. Semakin kerap, orang menganggap penerbitan sebagai menyediakan kandungan untuk dinikmati dalam format apa pun, sama ada itu bermaksud mendorong artikel ke blog atau mengemas kini pos Google Plus.

Kenyataannya adalah jangkaan berbeza di antara pengguna, dan jangkaan ini semakin berubah dari masa ke masa. Pembaca yang pernah dengan bersungguh-sungguh menggunakan catatan terbaru di blog sekarang mengharapkan mereka dapat membaca catatan blog itu, atau artikel atau buku apa pun, di mana sahaja dan kapan pun ia sesuai untuk mereka. Hari ini kandungan mengikuti kami dari blog ke Reeder melalui telefon ke Instapaper pada iPad ke versi e-mel yang dihantar melalui Whispernet ke Kindle.

Alur kerja membaca setiap orang berbeza, dan bagi mereka yang memerlukan ciri kebolehaksesan seperti pembaca skrin, kontras tinggi atau teks yang diperbesar, aliran kerja itu rosak, kadang-kadang tidak dapat diperbaiki, apabila pengarang dan penerbit gagal mempertimbangkan perincian pemformatan yang kecil tetapi perlu. Jangan anggap ini sebagai 'tidak mencentang kotak kebolehaksesan'. Sebaliknya, sedar bahawa anda mengubah kandungan anda menjadi kotak hitam dengan berkesan bagi banyak bakal pelanggan.

Kebolehcapaian bukan 'ciri'

Walaupun benar bahawa kawalan yang dapat diakses digunakan oleh individu dengan pendengaran dan penglihatan yang berkurang, terdapat banyak orang lain yang turut memanfaatkannya. Seseorang dengan penglihatan yang rendah akan menyesuaikan ukuran fon untuk membaca kandungan di skrin dengan lebih mudah. Seseorang yang buta warna menghargai keupayaan untuk menyesuaikan palet warna sehingga perkara seperti teks amaran merah benar-benar menonjol. Orang yang berulang-alik menggunakan pembaca skrin untuk mendengar artikel yang dibacakan kepada mereka. Penutur bukan penutur asli menggunakan kapsyen video dan audio untuk membantu mereka memahami bahasa baru. Semua senario ini mewakili ruang lingkup yang lebih luas untuk kandungan anda, pengalaman pengguna yang lebih baik dan empati, dan mungkin lebih banyak pendapatan.

Untuk gambaran keseluruhan yang baik tentang maksud kebolehaksesan, lihat artikel Ian Hamilton.

Menentukan platform

Mari kita mulakan dengan beberapa definisi mengenai format yang boleh kita fokuskan untuk menjadikan kandungan kita lebih mudah dibaca:

• HTML: Dengan HTML5, web adalah tempat yang lebih baik untuk penulis dan penerbit mempamerkan karya mereka. Tag baru suka artikel, bahagian, kepala dan tapak kaki kini dilaksanakan di banyak penyemak imbas dan boleh digunakan separa boleh dipercayai untuk menambahkan konteks semantik pada 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 standard rasmi Forum Penerbitan Digital Antarabangsa (IDPF). EPUB3 telah diluluskan pada bulan Oktober 2011 dan membolehkan penerbitan mempunyai kandungan yang lebih bergaya dan dapat disesuaikan, lebih dekat dengan yang mampu dilakukan dengan HTML / CSS, dan bukannya garis panduan yang lebih statik sebelumnya.
• MOBI: MOBI, kependekan dari Mobipocket, adalah format yang digunakan oleh Kindle dan pembaca digital yang lain. Ia tidak dapat disesuaikan lagi daripada EPUB, tetapi kami meliputinya di sini kerana anda boleh menggunakannya dalam menerbitkan kandungan ke Amazon jika anda mahu. Menurut Robin Christopherson dari AbilityNet, beberapa model Kindle dapat diakses oleh pengguna buta; namun aplikasi Kindle di iOS tidak. KF8, format baru Kindle, kini disokong oleh Kindle Fire dan akan segera dilancarkan ke peranti e-ink Kindle generasi terbaru dan aplikasi membaca Kindle.
• PDF: PDF telah menjadi entiti di mana-mana di web. Saya memasukkannya di sini kerana kebanyakan tablet mempunyai teknologi terpasang yang baik untuk membaca PDF dan membolehkan teknologi bantu dengannya. Dengan PDF, faktor penentu adalah bagaimana ia dibuat. Menurut Alan Dalton, penasihat pembangunan kebolehaksesan di National Disability Authority Ireland, "Anda boleh membuat PDF dapat diakses; namun banyak orang tidak. Mereka tidak menyedari alat mereka menghasilkan produk yang tidak baik. Sekiranya saya mempunyai cara, semua yang kita lakukan akan menjadi HTML. " Selain navigasi dan aksesibilitas, PDF juga tidak dapat menyesuaikan diri dengan ukuran yang berbeza, dan siapa saja yang telah mencuba membaca PDF pada telefon pintar sudah biasa dengan mencubit, mengezum dan menggerakkan canggung yang diperlukan untuk melakukannya.

Yang tidak termasuk dalam kategori ini ialah aplikasi yang mengambil kandungan anda dan mengubahnya menjadi gambar besar. Walaupun ini dapat memastikan penampilan dan gaya sama di seluruh platform, anda menghalang banyak penonton anda sambil membuat muat turun yang sangat berat. Masalah ini diperburuk ketika kita mula membincangkan paparan Retina dan gambar bersaiz dua kali ganda. Untuk memahami bagaimana rasanya ditolak sesuatu yang anda ingin baca (namun tetap harus membayarnya), lihat komen mengenai aplikasi Kios yang kebanyakannya tidak dapat diakses melalui VoiceOver di iOS.

Untuk melihat seperti apa jenis majalah ini bagi pengguna teknologi yang dapat diakses, lihat penyisipan video saya, yang menunjukkan pengalaman kecewa ketika cuba membaca majalah ini dengan
alat kebolehcapaian seperti VoiceOver:

Menjaga kandungan mudah alih dan mudah diakses

Memfokuskan format mudah alih membolehkan kami menangani kandungan kami untuk hidup bahagia di lebih banyak penyemak imbas, telefon, peranti pembaca digital dan aplikasi membaca. Apa yang perlu kita lakukan untuk memastikan kandungannya dapat diterjemahkan dengan baik di antara format yang berbeza ini, sambil mengekalkan gaya dan pengalaman hebat?

Saya telah menyusun beberapa garis panduan di bawah ini untuk orang yang ingin khalayak mereka seluas mungkin dan yang tidak mahu mengunci kandungan mereka ke dalam kotak hitam bagi banyak pengguna. Teknik-teknik ini dapat diterapkan untuk segala hal mulai dari catatan blog, hingga jurnalisme yang panjang, hingga karya lain yang Anda pertimbangkan untuk menerbitkan sendiri:

1. Mulakan dengan HTML5

Dengan membuat dokumen anda pada mulanya dengan HTML5, anda tidak perlu risau lagi di masa hadapan. Penandaan HTML5 akan membantu memastikan dokumen anda mudah dinavigasi dan diterjemahkan ke dalam format lain. Anda akan mengurangkan penerbitan penerbitan anda dengan format lain jika anda mempunyai maklumat semantik dari awal.

2. WAI-ARIA

WAI-ARIA adalah Inisiatif Kebolehaksesan Web - rangkaian Aplikasi Internet Kaya yang Boleh Diakses. Ini adalah satu set garis panduan yang dibuat oleh Kumpulan Kerja Protokol dan Format (PFWG) dari
W3C. WAI-ARIA mendefinisikan cara untuk menjadikan kandungan web dan aplikasi lebih mudah diakses oleh orang kurang upaya, dan ini membantu dengan kandungan dinamik dan kawalan antara muka pengguna maju yang dikembangkan dengan Ajax, HTML, JavaScript, dan teknologi yang berkaitan. Beberapa teknik dalam artikel ini berasal dari pedoman WAI-ARIA, dan walaupun artikel ini tidak cukup lama untuk merangkumi semua spesifikasi, saya mendorong anda untuk melihatnya lebih terperinci mengenai mengapa ini disyorkan dan amalan terbaik untuk melaksanakannya.

3. Menggunakan doktrin

Walaupun menggunakanypeype tertentu tidak mempengaruhi kebolehaksesan kod HTML yang berkaitan, alasan penting untuk menggunakanypeype adalah untuk memastikan mod kebiasaan penyemak imbas tidak dipicu. Cukup gunakan ! DOCTYPE html> untuk memastikan perkara itu tidak berlaku.

4. Tag dokumen HTML5

Navigasi yang betul dari dokumen mempunyai faktor yang tinggi pada indeks kebolehaksesannya. Banyak pengguna teknologi yang dapat saya temu ramah menyatakan kekecewaan mereka dengan penyedia kandungan dan pembangun yang tidak menandakan dokumen mereka dengan betul untuk keupayaan navigasi. Teg ini memberikan lebih banyak konteks pada bahagian dokumen anda daripada menggunakan banyak div.

• Kepala dan Kaki kedua-duanya boleh digunakan berkali-kali dalam halaman. Mereka dapat menandakan tajuk utama atau footer dokumen, atau dapat digunakan untuk maklumat header / footer dalam artikel atau bahagian.
• Selain itu adalah teg yang baik untuk digunakan untuk bahagian, seperti bar sisi dalam buku, yang melengkapi dokumen tetapi tidak begitu penting untuk pemahamannya.
• Bahagian adalah cara memecah idea atau mengelompokkan kandungan yang masuk akal.
• Artikel adalah kepingan bebas dan bebas yang boleh wujud tanpa kandungan yang lain. Menggunakan teg ini dengan tepat membantu memastikan struktur kandungan anda ditafsirkan dengan betul.

5. Pautan yang tidak baik

Dengan CSS, boleh menggunakan gambar latar pada pautan dan butang. Ini adalah kesan yang baik untuk pereka web kerana memberikan lebih banyak kawalan terhadap tipografi. Namun, ini menyebabkan orang lupa untuk memasukkan keterangan teks. Pastikan bahawa walaupun anda menggunakan teks dalam gambar juga untuk memastikannya tetap dapat diakses. Ini juga boleh mempengaruhi perkara seperti SEO dan
pengantarabangsaan.

Contoh:

a href = "/ hubungi"> / a>

Ini tidak baik.

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

Lebih baik.

6. Imej - ALT berbanding TAJUK

Orang sering merangkumi sama ada alt atau tajuk atribut dalam imej mereka, tetapi tidak keduanya kerana mereka sering disalahpahami dan oleh itu nampaknya berlebihan. Untuk menghilangkan kekeliruan, tajuk dapat mewakili maklumat nasihat, seperti yang mungkin muncul dalam petua alat. Ini juga dapat memberi anda maklumat tambahan ketika anda mengarahkan gambar ke atas, teknik yang digunakan banyak orang di blog mereka. Dengan pertumbuhan peranti sentuh, maklumat semacam ini menjadi kurang berguna.

Alt sebaliknya digunakan oleh teknologi bantu dan memberikan konteks kepada elemen tersebut. Anda mesti menggunakan alt pada gambar anda dan pastikan maklumat itu berguna. Menggunakan img alt = "" src = "1348.webp">

Biarkan orang tahu

Sekiranya kandungan anda tersedia dalam pelbagai format, pastikan ada cara untuk mencarinya di laman web anda. Anda mungkin pernah melihat "Jika anda menghadapi masalah melihat e-mel ini, baca dalam talian
versi "di bahagian atas banyak buletin e-mel. Jadikanlah amalan untuk melakukan perkara yang sama untuk kandungan anda. Sekiranya anda mempunyai PDF atau versi audio serta ePub yang dapat diakses, pastikan pengguna dapat menemui maklumat tersebut. ujian untuk memastikan kandungannya dapat dijumpai dan dibaca.