Membangun budaya aksesibilitas digital yang sesungguhnya di sebuah perusahaan adalah misi ketahanan dan ketekunan. Tidak sulit jika wacana aksesibilitas menjadi klise. Aksesibilitas sangat penting bagi masyarakat. Aksesibilitas produk dan layanan digital mendorong inklusi. Atau bahkan, semua profesional di tim harus dilibatkan dalam pekerjaan aksesibilitas. Tentu saja. Tidak ada orang waras yang akan membantah pernyataan ini (saya harap). Namun, bagian kedua dari percakapan ini, yang hanya dapat dijangkau oleh sedikit perusahaan, adalah “bagaimana?” Bagaimana kita mewujudkan hal ini di tengah pekerjaan sehari-hari tim transformasi digital, yang, seperti kita ketahui, sibuk dengan skrip yang menuntut, seringkali dengan jumlah orang yang tersedia sangat terbatas? Sering kali, pilihannya berada di antara “kita melakukan ini” dan “itu”. Dan seharusnya hal ini tidak terjadi, karena, dalam kasus ini, saya tidak pernah melihat aksesibilitas unggul dalam hal ini. Seharusnya tidak seperti ini. Anda tidak perlu menjadi seperti ini. Pertama-tama, karena memilih antara aksesibilitas dan hal lainnya bukanlah pilihan yang tepat. Aksesibilitas bukan lagi sekadar fitur yang ditambahkan ke fitur lainnya. Hal ini merupakan nilai tambah bagi bisnis dan, saat ini, merupakan kewajiban hukum yang dapat menimbulkan konsekuensi serius bagi perusahaan. Di sisi lain, terdapat cara yang cerdas, optimal, dan berdampak untuk memasukkan prinsip aksesibilitas ke dalam dinamika alami tim. Aksesibilitas dapat dilakukan tanpa membuat operasi tim menjadi kacau. Intinya, itulah yang dilakukan AccessibilityOps. Memberdayakan masyarakat dan memberi tim proses sederhana sehingga mereka dapat mengintegrasikan pekerjaan aksesibilitas ke dalam rutinitas sehari-hari tanpa upaya yang tidak proporsional. Aksesibilitas dan Desain Mengerjakan aksesibilitas digital dalam desain dapat melibatkan beberapa tindakan. Jelas bahwa kita perlu memberikan perhatian khusus pada warna dan bagaimana warna digunakan untuk menyampaikan makna. Tentu saja, ukuran interaksi elemen harus nyaman. Namun, yang terpenting, kita harus memikirkan desain dari sudut pandang yang serba guna. Antarmuka bukanlah poster. Kita dapat mengontrol banyak aspek dari desain tersebut, namun cara pengguna berinteraksi dengan antarmuka bergantung pada banyak variabel. Jenis perangkat, konteks, tujuan, kualitas jaringan, dll. Semua ini sangat memengaruhi pengalaman dan interaksi setiap orang. Selain itu, ketika masalah aksesibilitas digital dimasukkan ke dalam proses desain, hal ini akan menambah lebih banyak variabel.
Orang sering menggunakan apa yang disebut teknologi dan strategi bantu. Pada dasarnya, ini adalah alat teknologi atau, paling tidak, “trik” yang digunakan orang untuk menemukan model penggunaan yang lebih nyaman. Pembaca layar yang terkenal, yang umumnya dikaitkan dengan penggunaan orang buta (tetapi tidak hanya berguna bagi mereka), misalnya, adalah teknologi bantu. Mengubah warna atau kontras warna antara elemen yang berbeda juga merupakan teknologi bantu. Meningkatkan ukuran font (yang kita bahas dalam teks ini) adalah contoh lainnya. Ada banyak sekali teknologi dan strategi pendukung. Hampir sama banyaknya dengan konteks penggunaan yang berbeda-beda pada setiap orang. Kami Tidak Mengontrol Segalanya Dengan kata lain (dan ini adalah “berita buruk” bagi kami para desainer), “desain kami”, dari sudut pandang pengguna, tunduk pada transformasi yang tidak kami kendalikan. Ini akan “diubah” oleh pengguna, memastikan bahwa mereka dapat berinteraksi dengan aplikasi dan segala sesuatu yang ditawarkannya dengan cara yang senyaman mungkin. Dan itu hal yang bagus. Jika ini terjadi dan semuanya berjalan dengan baik, kami pasti telah melakukan pekerjaan aksesibilitas dengan sangat baik, dan kami semua berhak mendapatkan ucapan selamat. Jika pengguna menerapkan salah satu dari teknologi dan strategi pendukung ini dan masih tidak dapat menggunakan aplikasi digital, itu tandanya ada sesuatu yang tidak berfungsi sebagaimana mestinya. Oh, dan ngomong-ngomong. Jangan pernah berpikir untuk memblokir penggunaan teknologi atau strategi dukungan ini. Mereka mungkin “menghancurkan” desain indah Anda, namun mereka memungkinkan semakin banyak orang untuk benar-benar menggunakan aplikasi tersebut. Pada akhirnya, bukankah itu yang kita janjikan untuk kita lakukan? Desain untuk (semua) orang. Tanpa terkecuali? Tingkatkan Ukuran Font Berapa kali kita mendengar seseorang – teman, keluarga, atau bahkan kolega – mengeluh bahwa teks ini atau itu terlalu kecil? Teks memainkan peran yang sangat penting dalam pengalaman digital. Banyak informasi disampaikan melalui teks:petunjuk penggunaan, keterangan tombol, atau elemen interaktif. Semua ini menggunakan teks sebagai alat komunikasi. Jika membaca semua elemen ini sulit, tentu saja pengalamannya akan sangat terganggu. Membaca teks dengan nyaman, apa pun fungsinya, adalah prinsip yang tidak bisa ditawar. Pembacaan ini dapat difasilitasi dengan menggunakan ukuran yang nyaman dalam desain. Namun, teknologi dan strategi pendukung, melalui fungsi peningkatan ukuran font, juga dapat membantu meningkatkan keterbacaan. Menurut data APPT, 26% pengguna perangkat seluler Android dan iOS meningkatkan ukuran font default (data dari Februari 2026). Satu dari empat pengguna memperbesar ukuran font di ponsel cerdas mereka. Ini adalah sampel orang yang sangat signifikan, sehingga fungsi ini tidak dapat dihindari dalam proses desain.
Kepatuhan Terhadap Pedoman Meningkatkan ukuran font di antarmuka dapat mewakili tantangan desain yang besar. Penting untuk dipahami bahwa, tiba-tiba, beberapa elemen teks, karena tindakan pengguna, dapat berukuran dua kali lipat dari ukuran awalnya. “Kecuali keterangan dan gambar teks, teks dapat diubah ukurannya tanpa teknologi bantu hingga 200% tanpa kehilangan konten atau fungsionalitas.”— Kriteria keberhasilan 1.4.4, “Mengubah Ukuran Teks” dari Pedoman Aksesibilitas Konten Web (WCAG), versi 2.2
Kriteria keberhasilan ini berada pada tingkat kepatuhan AA, artinya ini adalah fitur yang mutlak wajib menurut kerangka hukum apa pun. Sangat mudah untuk memahami 200% dalam kriteria keberhasilan ini. Jika kita berasumsi bahwa kita mendesain antarmuka pada skala 100%, yang berarti ukuran elemen adalah ukuran awal, maka peningkatan teks hingga 200% akan berarti menggandakan ukuran awal. Skala pembesaran lainnya juga bisa digunakan, seperti 120%, 140%, dan seterusnya. Dengan kata lain, kami harus memastikan bahwa pengguna dapat memperbesar teks hingga dua kali lipat ukuran awalnya melalui teknologi atau strategi pendukung (dan ini bukan detail kecil). Untuk mematuhi standar ini, kita tidak perlu menyediakan alat peningkatan ukuran teks di antarmuka. Dalam praktiknya, fitur-fitur ini tidak lebih dari redundansi. Perangkat sudah memungkinkan hal ini dilakukan dengan cara standar. Pengguna yang benar-benar membutuhkan pengaturan ini mengetahuinya (karena tanpanya, hidup mereka akan jauh lebih sulit). Ya, mereka sudah menerapkan pengaturan ini di perangkat mereka. Dan itu berarti kami dapat menghilangkan elemen antarmuka tambahan ini, sehingga menyederhanakan pengalaman.
Akses Standar Konsep penting yang perlu diingat tentang teknologi bantu, khususnya dalam hal peningkatan ukuran font, adalah bahwa sebagian besar perangkat telah menginstal banyak alat ini secara default. Dengan kata lain, dalam banyak kasus, pengguna tidak perlu membeli perangkat lunak mereka sendiri atau membeli jenis perangkat tertentu hanya untuk mendapatkan fungsi ini. Baik di perangkat seluler atau bahkan di browser web, dalam sebagian besar kasus, mudah untuk menemukan fitur terinstal yang memungkinkan Anda meningkatkan ukuran font default yang kami gunakan di seluruh antarmuka. Prinsip peningkatan ukuran font ini dapat diterapkan pada produk digital, seperti aplikasi, atau bahkan pada semua jenis situs web yang berjalan pada browser web standar yang digunakan saat ini. iPhone Pada perangkat iPhone, fitur peningkatan ukuran font terintegrasi secara default. Untuk menggunakan fitur ini, cukup akses panel “Pengaturan”, pilih “Aksesibilitas”, dan dalam grup opsi “Visi”, akses fitur “Ukuran Teks dan Tampilan” dan konfigurasikan peningkatan ukuran font yang diinginkan pada layar itu.
Google Chrome Browser web juga menawarkan, secara default, fungsionalitas untuk meningkatkan ukuran font. Misalnya, di Google Chrome, fitur ini tersedia di panel “Options”, khususnya di area “Appearance”. Dalam daftar opsi yang muncul di grup ini, cukup pilih opsi “Ukuran font”. Biasanya, opsi “Sedang — Direkomendasikan” akan dipilih. Anda dapat mengubah pengaturan ini ke ukuran font lain yang tersedia. Coba, misalnya, opsi “Sangat besar”.
Uji Di Figma Untuk memastikan pekerjaan aksesibilitas digital menjadi efektif dalam kehidupan sehari-hari tim, penting untuk menemukan proses kerja yang sederhana. Tindakan atau inisiatif yang dapat diintegrasikan ke dalam rutinitas tim, yang menangani aksesibilitas secara terintegrasi, dan tidak memerlukan transformasi dramatis terhadap realitas saat ini. Jika hal itu diperlukan, dia yakin, hal itu tidak akan sering terjadi. Oleh karena itu, merancang proses kerja yang sederhana adalah setengah dari perjuangan agar aksesibilitas benar-benar terwujudkasus, juga dalam tim desain. Mengenai pengujian peningkatan ukuran font dalam desain, kami memiliki alat luar biasa yang dapat kami gunakan saat ini. Mereka yang mengingat hari-hari merancang antarmuka yang rumit dalam Adobe Photoshop akan mengenali perbedaan alat yang kita miliki saat ini (dan untungnya begitu). Sekarang dimungkinkan, melalui alat seperti Figma, untuk menciptakan dinamisme dalam desain sehingga pengujian peningkatan ukuran font untuk aksesibilitas menjadi hampir tidak dapat dihindari oleh tim.
Catatan: Untuk mengikuti tes ini, Anda harus memiliki pemahaman yang kuat tentang gaya teks, tata letak otomatis, dan variabel Figma. Ketiganya adalah alat mendasar untuk sukses tanpa banyak usaha ekstra. Jika Anda belum menguasai fitur-fitur ini, sangat disarankan agar Anda memulainya dari sana. Jangan lewatkan langkah-langkahnya. Pembelajaran merupakan suatu proses bertahap yang harus diikuti secara terstruktur, selangkah demi selangkah. Kemana Kita Ingin Pergi? Tes peningkatan ukuran font di Figma yang ingin kami lakukan sederhana saja. Kami ingin memiliki sekumpulan variabel yang tersedia untuk semua gaya teks yang kami gunakan di antarmuka, memungkinkan kami memilih apakah kami ingin melihat antarmuka dengan teks pada skala 100%, 120%, 140%, 160%, 180%, atau 200%. Saat kami menerapkan kumpulan variabel ini (seperti menerapkan variabel untuk mode terang dan gelap), kami mengamati transformasi teks di antarmuka dan memahami sejauh mana adaptasi diperlukan di setiap versi antarmuka dengan skala tipografi yang berbeda.
Bagaimana Kita Mewujudkannya? Agar tes ini berjalan lancar, Anda perlu melakukan beberapa pekerjaan dasar. Sistem desain dapat sangat membantu mengoptimalkan sebagian besar pekerjaan awal ini. Tapi aku tidak akan berbohong padamu. Agar pengujian dapat berfungsi dengan baik, desain Anda harus memiliki tingkat pengorganisasian dan sistematisasi yang sangat serius. Ini sebenarnya bukan panduan, karena setiap tim memiliki model kerja masing-masing, dan rekomendasi ini dapat diterapkan dengan cara yang berbeda (dan tidak masalah). Namun, agar pengujian ini berhasil, penting untuk memastikan asumsi tertentu dalam desain. Untuk membantu Anda melakukan fase penerapan model pengujian ini, berikut beberapa langkah yang harus diikuti. Petunjuk langkah demi langkah untuk memandu Anda dalam mengatur file dan memastikan Anda dapat menjalankan tes ini sepenuhnya dengan cara yang paling sederhana dan praktis. 1. Merancang Antarmuka Semuanya dimulai dengan desain. Sebelum pengujian apa pun, fokusnya harus pada desain setiap antarmuka yang ingin kita uji nanti. Pada tahap ini, masih belum ada kekhawatiran khusus mengenai tes peningkatan ukuran font yang akan kami lakukan nanti. Tentu saja, semua desain antarmuka harus, sejak awal, mengikuti rekomendasi aksesibilitas paling dasar yang diterapkan pada desain.
2. Terapkan Tata Letak Otomatis Ke Semua Elemen Di setiap desain layar yang Anda buat, Anda harus memastikan Anda menerapkan tata letak otomatis dengan sempurna. Ini adalah langkah yang sangat penting. Penerapan tata letak otomatis yang konsisten ke seluruh struktur dan elemen desain inilah yang nantinya akan menjamin skalabilitas antarmuka saat kami mulai menguji peningkatan ukuran font. Langkah ini memang tidak bisa Anda remehkan. Jika Anda tidak memberikan perhatian yang layak, Anda akan melihat ketika kami menguji penskalaan tipografi di antarmuka, semuanya rusak seperti gajah di toko Cina.
3. Penataan Dan Penerapan Gaya Teks Untuk melakukan pengujian peningkatan ukuran font, kami juga memerlukan Anda untuk menerapkan gaya teks pada setiap desain antarmuka. Anda bahkan mungkin mulai membuatnya saat Anda menggambar. Besar. Jika Anda belum melakukannya, penting bagi Anda melakukannya sekarang. Agar tes dapat bekerja dengan sempurna, kami sangat membutuhkan ini. Jangan biarkan elemen teks apa pun dalam desain tanpa menerapkan gaya teks.
4. Tentukan Himpunan Variabel 100% Pengujian ini memaksa tingkat optimasi yang cukup tinggi. Dalam praktiknya, ini berarti kita harus menggunakan variabel Figma untuk semua karakteristik gaya teks yang kita miliki di antarmuka. Pada tahap ini, Anda harus menentukan variabel “angka” Figma setidaknya untuk ukuran font dan tinggi garis gaya teks yang Anda terapkan pada gambar. Dengan langkah ini, Anda menentukan nilai skala peningkatan ukuran font untuk model visualisasi 100%, yaitu versi awal dan referensi gambar. Penting bagi Anda untuk menyusun variabel-variabel ini untuk setiap gaya teks dalam gambar karena, selanjutnya, kita harus mempertimbangkan skala pembesaran masing-masing elemen teks ini.
5. Terapkan Variabel Pada Gaya Teks Setelah menentukan variabel untuk gaya teks skala 100%, Anda sekarang harus menerapkannyake elemen gaya teks yang sudah dibuat. Jangan lupa untuk menerapkan variabel setidaknya pada karakteristik ukuran font dan tinggi garis. Jika Anda memiliki lebih banyak variabel tipografi, tidak masalah. Namun Anda setidaknya harus menerapkan variabel pada ukuran font dan tinggi garis. Ini sungguh sangat penting.
6. Tentukan Variabel Untuk Meningkatkan Ukuran Teks Sekarang setelah Anda menerapkan variabel ke gaya teks skala 100%, langkah berikutnya adalah membuat variabel untuk skala peningkatan ukuran font lainnya. Dalam praktiknya, Anda harus membuat variabel yang akan memberi tahu sistem berapa ukuran font setiap gaya teks yang akan bertambah ketika skala peningkatannya adalah 120%, 140%, 160%, dll. Untuk menentukan nilai ukuran font dan tinggi garis, cukup kalikan nilai awal dengan persentase skala. Misalnya, jika gaya teks memiliki ukuran font 16 piksel, ukuran skala 120% akan menjadi 16 dikalikan 1,2, sehingga menghasilkan hasil 19,2. Ulangi perhitungan ini untuk semua nilai ukuran font dan tinggi garis dari persentase skala peningkatan ukuran font yang Anda pilih. Anda juga dapat memilih apakah akan menerapkan pembulatan pada nilai akhir atau tidak. Ini adalah tes perkiraan, dan oleh karena itu perbedaan apa pun yang mungkin timbul dari pembulatan tidak akan mempengaruhi persepsi akhir dari hasil tes.
7. Terapkan Variabel ke Versi Skala Berbeda Saat kebenaran telah tiba. Langkah selanjutnya adalah memahami apakah semuanya berfungsi sehingga pengujian berjalan dengan sempurna. Oleh karena itu, Anda harus menyalin antarmuka asli dan menerapkan kumpulan variabel untuk setiap tingkat peningkatan ukuran font yang masuk akal bagi Anda. Ulangi proses ini untuk semua persentase peningkatan ukuran font yang telah Anda tetapkan. Sebagai saran, Anda bisa menggunakan persentase kenaikan 120%, 140%, 160%, 180%, dan 200% sebagai acuan. Jika ingin menyederhanakan, Anda dapat mengurangi jumlah persentase penskalaan yang sedang Anda kerjakan. Berapapun jumlah persentase yang Anda kerjakan, Anda harus selalu bekerja dengan skala minimal 100% dan 200%.
8. Identifikasi Area yang Perlu Diperbaiki Dengan menerapkan skala peningkatan ukuran font yang berbeda pada layar yang sama, mudah untuk memahami di mana perbaikan mungkin diperlukan. Di sinilah ujian sebenarnya untuk meningkatkan ukuran font dalam desain antarmuka dan pekerjaan aksesibilitas yang paling menarik dimulai. Dalam analisis Anda terhadap berbagai layar, ingatlah beberapa aspek penting:
Fakta bahwa teks tampak besar tidak menjadi masalah dan tidak “merusak” desainnya. Ingatlah bahwa ini dapat berarti perbedaan antara seseorang dapat menggunakan produk atau layanan tertentu atau tidak. Masalah aksesibilitas muncul ketika memperbesar ukuran font membuat pengguna tidak dapat membaca teks tertentu atau mengaktifkan kontrol tertentu. Untuk elemen teks yang sudah sangat besar, menambah ukuran font mungkin tidak masuk akal. Melakukan hal ini dapat membuat elemen tersebut menjadi tidak proporsional, sehingga tidak akan meningkatkan keterbacaan (karena ukurannya sudah bagus) dan akan memakan ruang yang sama sekali tidak diperlukan. Jika ada elemen yang tampak muncul di layar, langkah pertama adalah mengonfirmasi cara Anda menerapkan tata letak otomatis. Banyak aspek desain yang dapat diselesaikan dengan mudah dengan penggunaan tata letak otomatis yang tepat. Terlepas dari skala peningkatan ukuran font, penting untuk menjaga hierarki visual tipografi, karena keterbacaan ini penting untuk memahami berbagai tingkat informasi yang ada di layar. Pengujian ini dapat membantu mengidentifikasi elemen yang mungkin memerlukan penyesuaian langsung dalam kode agar berfungsi dengan baik pada skala peningkatan tertentu. Tidak semuanya bisa diselesaikan melalui desain saja, dan itu tidak masalah. Aksesibilitas pada dasarnya adalah upaya tim.
9. Melakukan Koreksi Dan Penyesuaian Pada Desain Terakhir, berdasarkan berbagai layar dengan skala pembesaran teks berbeda yang diterapkan, Anda dapat membuat perubahan desain yang masuk akal. Beberapa penyesuaian ini mungkin hanya diperlukan dalam kode. Dalam kasus ini, Anda mendokumentasikan semua saran tersebut dan meneruskannya ke tim pengembangan. Penting juga untuk menegaskan (sekali lagi) bahwa beberapa masalah yang mungkin Anda temui dalam desain dapat diselesaikan dengan cepat dalam proses desain, dengan penerapan properti tata letak otomatis yang sederhana dan benar.
10. Kembali Ke Awal Dan Ulangi Prosesnya Ini adalah pendekatan siklus. Ini berarti Anda harus mengulangi langkah-langkah ini, atau variasinya, sebanyak yang diperlukan selama proyek berlangsung. Wajar jika, seiring berjalannya waktu dan dengan optimalisasi proses, terjadi beberapa masalahlangkah-langkah ini tidak lagi masuk akal. Itu sama sekali bukan masalah. Namun hal yang paling penting untuk disadari di sini adalah aksesibilitas dan proses pengujian peningkatan ukuran font ini tidak boleh dilakukan hanya sekali, itu saja. Ini adalah ujian yang harus dilakukan berkali-kali sepanjang pekerjaan sehari-hari setiap proyek dan tim.
Peran Sistem Desain Sekilas, daftar langkah ini mungkin tampak seperti latihan yang rumit. Tapi ternyata tidak. Hal ini karena sebagian besar, jika tidak semua, langkah-langkah ini mudah dijalankan dalam konteks apa pun di mana sistem desain ada. Faktanya, sistem desain telah menjadi standar yang tidak dapat dihindari dalam industri Desain Produk. Kita dapat mendiskusikan apa yang masing-masing tim sebut sebagai sistem desain, namun kenyataannya saat ini sangat sulit untuk menemukan tim Desain Produk yang tidak memiliki, setidaknya, pustaka komponen dan gaya yang terstruktur secara minimal.
Dengan landasan ini, baik kurang lebih terdokumentasi, sangat mudah untuk menerapkan tes peningkatan ukuran font jenis ini menggunakan variabel Figma. Selain itu, jika sistem desain Anda sudah memiliki, misalnya, variabel terstruktur untuk mode terang dan gelap, itu berarti Anda sudah menerapkan prinsip yang sama persis dengan yang kami gunakan untuk melakukan pengujian ini. Jadi, tidak ada yang baru. Bekerja dengan sistem desain melibatkan tingkat penataan dan pengorganisasian yang juga sangat berguna untuk membuat pengujian jenis ini. Ada mitos bahwa sistem desain membatasi kreativitas. Ini tidak benar. Sistem desain membantu menyelesaikan bagian “birokrasi” dari desain, sehingga kita sebenarnya memiliki lebih banyak waktu untuk hal-hal penting: dalam hal ini, menguji aksesibilitas dan membangun lebih banyak produk dan layanan yang benar-benar dapat diakses oleh lebih banyak orang. Contoh Berkas Melihat contoh selalu lebih mudah daripada hanya membaca deskripsi suatu proses. Jika hal ini benar dalam banyak disiplin ilmu pengetahuan, maka dalam desain, premis ini bahkan lebih masuk akal. Oleh karena itu, dalam file Figma ini, yang diterbitkan secara bebas dan tersedia secara terbuka untuk komunitas, Anda akan menemukan contoh praktis dari keseluruhan proses pengujian yang dijelaskan di sini. Ingatlah bahwa ini hanyalah sebuah contoh. Mungkin ada banyak cara untuk melakukan pengujian jenis ini dalam konteks file Figma.
Pastikan untuk melihat pendekatan ini dengan pandangan kritis. Ini adalah saran untuk menguji peningkatan ukuran font yang mengikuti proses tertentu. Meskipun demikian, pendekatan ini harus disesuaikan dengan realitas spesifik, proses, dan tingkat kematangan tim Anda. Menyalin rumus dari tim lain tanpa memahami apakah rumus tersebut masuk akal dalam konteks kita adalah cara yang pasti untuk membuat upaya aksesibilitas menjadi tidak proporsional. Setiap situasi adalah unik. Pendekatan ini berupaya menyederhanakan pekerjaan aksesibilitas sebanyak mungkin dalam konteks khusus ini. Dan ingat: jika sesuatu terjadi, betapapun kecilnya, itu adalah sebuah langkah maju, bukan sebuah langkah mundur. Dan itu harus dirayakan oleh semua orang di tim.
