Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Accessibility

Bagaimana Anda Dapat Menggunakan Perangkat Lunak Adobe untuk Meningkatkan Aksesibilitas pada Desain Anda

by
Length:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Diangr (you can also view the original English article)

Penting bahwa sebanyak mungkin orang dapat terlibat dengan sukses dengan desain digital. Pada artikel ini, kami melihat beberapa cara perusahaan teknologi besar seperti Adobe bekerja untuk meningkatkan aksesibilitas, dan bagaimana anda dapat menerapkan metode ini dalam desain anda sendiri.

3 Desember menandai Hari Internasional Penyandang Cacat, jadi sangat sepatutnya kita melihat lebih dalam pada masalah aksesibilitas dalam desain saat ini.

International Day of Persons with Disabilities logoInternational Day of Persons with Disabilities logoInternational Day of Persons with Disabilities logo

Apa itu Aksesibilitas?

Ketika internet pertama kali ditemukan dan dikembangkan, internet dirancang dengan mempertimbangkan sebagian besar orang. Namun, banyak orang penyandang cacat * merasa kesulitan mengakses konten secara elektronik.

* Laporan 1997 oleh Biro Sensus A.S. mengkategorikan 19,6% populasi AS memiliki jenis kecacatan.

Untuk desainer, masalah aksesibilitas menyangkut dua hal:

  1. Bagaimana pengguna yang memiliki keterbatasan akses informasi elektronik.Bagaimana pengguna penyandang cacat mengakses informasi elektronik.
  2. Bagaimana perancang dan pengembang web memungkinkan situs web berfungsi dengan perangkat bantu yang digunakan oleh individu penyandang cacat.

Untuk pengguna dengan disabilitas, perhatiannya adalah menemukan alat yang akan membuat konten lebih mudah diakses. Untuk desainer, tujuannya adalah untuk membuat dan menggunakan alat-alat ini secara efektif, meningkatkan pengalaman pengguna secara keseluruhan untuk sebanyak mungkin orang.

Pada tahun 2006, Dewan Akses Amerika Serikat mulai bekerja dengan perusahaan teknologi seperti Adobe untuk memperbarui Undang-Undang Rehabilitasi 1973. Setelah sekitar satu dekade bekerja, dewan merilis aturan yang diperbarui tahun lalu, pada tahun 2017. Bagian yang paling penting dari revisi ini adalah adopsi Pedoman Aksesibilitas Konten Web (WCAG) 2.0. Ini sangat penting karena membawa aturan pemerintah AS selaras dengan bagian dunia lainnya, yang sejak itu memudahkan bisnis Amerika seperti Adobe untuk mengembangkan produk yang dapat digunakan di seluruh dunia.

adobe accessibility websiteadobe accessibility websiteadobe accessibility website

Apa Arti Ini Bagi Desainer?

Pengguna penyandang cacat sering menggunakan perangkat keras dan lunak untuk mengakses konten web. Alat-alat ini, yang dikenal sebagai teknologi bantu, berkisar dari pembaca layar hingga layar sentuh dan pointer kepala.

Untuk desainer, penting untuk merancang dengan semua orang dalam pikiran. Rangkaian perangkat lunak seperti aplikasi Adobe terus ditingkatkan, dengan fungsi peningkatan aksesibilitas ditambahkan ke semakin banyak produk. Namun, tergantung pada perancang untuk menggunakan fungsi-fungsi ini dan memperhatikan persyaratan aksesibilitas pengguna penyandang cacat.

Misalnya, pengguna dengan kebutaan atau gangguan visual dapat menggunakan pembaca layar untuk membaca konten halaman web dengan keras. Seorang desainer harus sadar bahwa pembaca layar hanya dapat membaca teks, dan bukan gambar atau animasi video. Jadi gambar dan video harus diberikan deskripsi teks, dikenal sebagai teks alternatif (alt), yang dapat dibaca pembaca layar.

Seorang pengguna dengan masalah mobilitas mungkin mengandalkan keyboard daripada mouse untuk menavigasi halaman web. Di beberapa browser web, menekan tombol Tab memungkinkan pengguna untuk menggulir semua tautan yang tersedia pada halaman. Menekan tombol Enter mengaktifkan tautan. Dalam hal ini, sangat penting bahwa halaman web dapat berfungsi sepenuhnya tanpa perlu mouse.

Efek kursor dan daftar drop-down hanyalah beberapa contoh fitur umum halaman web yang cenderung bergantung pada mouse untuk fungsionalitas. Jadi perancang harus membuat halaman dengan interaksi berbasis keyboard dan mouse.

Alat Aksesibilitas Yang Tersedia di Produk Adobe?

Adobe adalah salah satu perusahaan teknologi di garis depan dalam meningkatkan aksesibilitas bagi pengguna penyandang cacat. Ada tiga cara utama di mana produk Adobe telah dioptimalkan dengan mempertimbangkan pengguna ini:

  1. Dokumen Adobe InDesign dapat disiapkan untuk peningkatan aksesibilitas.
  2. Situs yang dapat diakses dapat dibuat menggunakan Adobe Flash Professional.
  3. PDF yang dapat diakses dapat ditulis menggunakan Adobe Acrobat.

Mari kita lihat dua area ini — menyiapkan dokumen InDesign dan menulis PDF — dan menyarankan langkah-langkah yang dapat anda ambil untuk membuat desain yang lebih mudah diakses.

Cara Mempersiapkan Dokumen InDesign untuk Aksesibilitas

Saat anda membuat dokumen di InDesign, dengan tujuan diekspor sebagai PDF, langkah-langkah pertama untuk membuat PDF yang dapat diakses harus diambil di InDesign, sebelum ekspor.

Anda perlu memastikan bahwa konten teks dari dokumen InDesign anda akan dibaca dalam urutan yang benar. Untuk pengguna tanpa gangguan visual, urutan teks biasanya ditentukan oleh hierarki teks pada tata letak, ditandai dengan ukuran dan posisi pada halaman. Untuk pengguna tunanetra, teks harus diproses oleh mesin untuk mereka, jadi terserah anda untuk menentukan urutan teks yang benar.

infographic without text orderinfographic without text orderinfographic without text order
Dokumen InDesign ini mungkin memiliki urutan pembacaan logis untuk sebagian besar pengguna, tetapi untuk pengguna dengan gangguan penglihatan, aliran teks ditentukan oleh mesin, bukan oleh hierarki posisi atau ukuran pada halaman.

Perhatikan pemeriksaan di bawah ini untuk membuat dokumen InDesign anda dapat diakses semaksimal mungkin.

  • Jika anda membuat dokumen dengan sejumlah frame teks yang terpisah, langkah pertama yang baik adalah memastikan frame anda di-threaded (buka View > Extras > Show Text Threads untuk melihat frame mana yang terhubung). Ini berarti bahwa pembaca layar akan membaca bingkai yang terhubung sebagai satu narasi berkelanjutan.
  • Anda juga dapat menempelkan objek, seperti gambar, ke bingkai teks, untuk memastikan mereka dibaca dalam urutan yang benar bersama dengan bingkai teks yang menyertainya. Tempatkan kursor Type Tool (T) anda ke dalam bingkai teks di mana Anda ingin memasukkan item yang di-anchor, dan pergi ke Object > Anchor Objectu > Insert.
anchored objectanchored objectanchored object
  • Cara lain untuk meningkatkan urutan teks adalah dengan membuat Gaya Paragraf (Window > Styles > Paragraph Styles) dan menetapkan header, subtitle dan gaya teks badan ke teks dalam dokumen anda.
  • Memberi tag pada konten dalam dokumen InDesign anda adalah langkah berikutnya untuk meningkatkan aksesibilitas. Pergi ke View > Structure > Show Structure. Lalu kembali ke View > Structure dan pilih Show Tag Markers dan Show Tagged Frames.
structure show structurestructure show structurestructure show structure

Buka panel Tag juga, dengan pergi ke Window > Utilities > Tags.

Tanpa konten apa pun yang ditandai, panel Struktur dan panel Tag hanya akan menampilkan 'Rooting'.

tags panel indesigntags panel indesigntags panel indesign

Untuk mulai menandai konten dalam dokumen anda, pilih Tambahkan Item Tanpa Tag dari menu utama panel Struktur.

show untagged itemsshow untagged itemsshow untagged items

InDesign akan secara otomatis memuat frame yang berbeda ke dalam panel Structure dan Tags, menyorot masing-masing dalam warna yang berbeda.

tags paneltags paneltags panel

Perhatikan bahwa Acrobat hanya akan menerima tag dalam format tertentu, jadi terserah anda untuk menulis ulang tag dengan benar sehingga diterima oleh Acrobat saat ekspor. Tag yang Acrobat akan terima adalah:

  • Artikel <Art>
  • Dokumen <Root>
  • Gambar <Figure>
  • Judul <H>
  • Judul tingkat 1 <H1>
  • Judul tingkat 2 <H2>
  • Judul tingkat 3 <H3>
  • Judul tingkat 4 <H4>
  • Judul tingkat 5 <H5>
  • Judul tingkat 6 <H6>
  • Paragraf <P>
  • Bagian <Story>
  • Tabel <Table>

Setelah item anda yang sebelumnya tidak diberi tag dimuat di panel Struktur, anda dapat menyusun ulang tag untuk memberikan dokumen urutan pembacaan yang benar. Anda dapat memilih Perlihatkan Cuplikan Teks dari menu tarik-turun panel untuk mengungkap teaser teks dalam elemen itu, membantu anda menentukan bingkai mana.

show text snippetsshow text snippetsshow text snippets
  • Dengan dokumen anda dipesan dan ditandai, anda siap untuk mengekspornya dalam bentuk PDF. Buka File > Export dan pilih Adobe PDF (Print) dari menu Format. Karena banyak pengguna tidak akan memiliki akses ke versi terbaru Acrobat, itu ide yang baik untuk mengatur Kompatibilitas file ke suatu tempat di jalan tengah, seperti Acrobat 6 (PDF 1.5).
compatibility pdfcompatibility pdfcompatibility pdf

Pastikan Buat Tagged PDF dicentang di bagian Opsi.

create tagged pdfcreate tagged pdfcreate tagged pdf

Di bawah Include di bagian bawah jendela, periksa Bookmark dan Hyperlink. Maka anda siap mengklik Export.

bookmarks and hyperlinksbookmarks and hyperlinksbookmarks and hyperlinks

Bagaimana Cara Penulis Mengakses PDF Menggunakan Acrobat

Membuat dokumen PDF yang dapat diakses adalah proses dua kali lipat, dimulai dengan menyiapkan dokumen dengan benar di InDesign (lihat di atas). Setelah ini dilakukan, anda juga dapat terus meningkatkan aksesibilitas dokumen anda di Acrobat.

Di Acrobat, dengan dokumen anda terbuka, mulailah dengan masuk ke Advanced > Accessibility > Full Check. Ini menghasilkan laporan yang memberi tahu anda apakah dokumen PDF anda sepenuhnya, atau hanya sebagian, dapat diakses pada tingkat teknis.

accessibility check pdfaccessibility check pdfaccessibility check pdf
add tags in pdfadd tags in pdfadd tags in pdf

Anda dapat meningkatkan aksesibilitas PDF anda dengan memasukkan hal-hal berikut dalam dokumen anda:

Teks yang Dapat Dicari

Setiap gambar teks yang dipindai, seperti tanda tangan, harus dikonversi menjadi teks yang dapat dicari menggunakan optical character recognition (OCR) sebelum membahas aksesibilitas dalam dokumen. Anda dapat mengonversi dokumen yang dipindai ke teks yang dapat dicari di Acrobat DC.

Font yang Mengizinkan Karakter (e.g. Braille) Diekstraksi ke Teks

Acrobat mengekstraksi karakter ke teks Unicode saat anda membaca PDF dengan pembaca layar, atau ketika anda menyimpan sebagai teks untuk embosser Braille.

Fitur Interaktif yang Bermanfaat, Seperti Hyperlink dan Alat Bantu Navigasi

Alat bantu navigasi, seperti tautan, pos, dan daftar isi, membantu pengguna dalam menjelajahi PDF tanpa harus membaca keseluruhan dokumen. Penanda sangat berguna, dan mereka dapat dibuat dari judul dokumen.

Struktur dan Konten yang Ditag

Anda dapat mengedit urutan konten dan menandai konten dalam PDF anda dari panel Struktur dan Tag di Acrobat.

structure and tagsstructure and tagsstructure and tags

Alt Teks untuk Elemen Non-Teks

Ingatlah bahwa item non-teks, seperti gambar dan formulir, tidak dapat dibaca oleh pembaca layar, jadi penting bahwa ini diberikan teks alternatif (alt). Di Acrobat, pergi ke Advanced > Accessibility > Touch Up Reading Order.

touch up reading ordertouch up reading ordertouch up reading order

Cari elemen yang ditandai dengan bacaan peringatan 'Gambar - Tidak ada teks alternatif'. Pada setiap gambar, anda kemudian dapat Klik kanan > Edit Teks Alternatif. anda dapat menambahkan teks alternatif di jendela yang terbuka.

Kesimpulan: Apa yang Baru dan Diantisipasi untuk Adobe dan Aksesibilitas?

Adobe terus berupaya meningkatkan aksesibilitas produk-produknya, dengan fokus saat ini untuk membuat dokumen yang diekspor dapat diakses semaksimal mungkin bagi pengguna dengan disabilitas.

Misalnya, sekarang ada versi baru Adobe Acrobat Reader untuk perangkat seluler Android dan iOS yang mencakup peningkatan aksesibilitas.

Adobe juga terlibat dalam mencari cara baru di mana aksesibilitas konten media kaya dapat ditingkatkan menggunakan Adobe Animate CC dan Flash Player 11. Anda dapat membaca lebih lanjut tentang perkembangan ini di sini.

Seiring produk Adobe terus dikembangkan dan versi-versi baru dirilis, tampaknya aksesibilitas akan berada di garis depan fungsionalitas, yang merupakan berita bagus bagi pengguna dengan disabilitas dan untuk masa depan desain inklusif.

Cari tahu lebih lanjut tentang Hari Penyandang Disabilitas Internasional dan manifestonya untuk meningkatkan aksesibilitas bagi semua.

international day of persons with diabilitiesinternational day of persons with diabilitiesinternational day of persons with diabilities
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.