Fitur

Pengujian inti Editoria11y mendeteksi lebih dari 50 masalah aksesibilitas konten yang umum; keputusan yang merugikan keterbacaan, kesalahan yang membuat pembaca layar kurang efektif, dan kesalahan yang mengurangi SEO.

Add-on menyediakan ~40 pengujian tambahan untuk pengembang dan desainer, pengujian kustom, dan berbagai alat jaminan kualitas seluruh situs.

Pengujian konten berfokus pada isu yang muncul setelah situs diserahkan kepada penulis konten. Situs perlu diuji dengan alat audit manual, keyboard, dan pembaca layar sebelum diluncurkan, tetapi bahkan situs yang paling aksesibel sekalipun cenderung menurun kualitasnya seiring pengeditan yang membawa masalah baru.

Yang membuat Editoria11y menonjol di antara alat aksesibilitas adalah bahwa pengujiannya berjalan secara langsung, di browser, saat penulis mengedit dan melihat pratinjau pekerjaan mereka. Penulis lebih cenderung merespons umpan balik yang langsung dan inline, memperhatikan peringatan dan melakukan koreksi, daripada harus mengingat untuk membuka dasbor atau menjalankan pemeriksaan manual.

Pengalaman penulis

Tangkapan layar toolbar Editoria11y, menampilkan 4 kesalahan.

Penulis melihat toolbar Editoria11y saat mengedit konten. Ketika isu terdeteksi, toolbar menjadi kuning atau merah, dan menampilkan jumlah isu. Mengeklik jumlah tersebut akan menggulir ke peringatan pertama dan membuka tooltip-nya.

Tip yang menunjukkan tautan hanya diberi nama "klik di sini."

Tips muncul secara inline, dengan deskripsi bahasa sederhana tentang kesalahan, saran untuk koreksi, dan catatan tentang mengapa isu itu penting.

Visualisasi struktur heading yang ditampilkan di atas halaman

Toolbar berisi alat tambahan untuk pemeriksaan manual, termasuk visualisasi struktur heading dan teks alt, serta skor keterbacaan.

Kontrol admin situs

Setiap aspek yang terlihat dari pemeriksa dapat dikustomisasi. Parameter dan event memungkinkan penghapusan pengujian, penulisan ulang tips, penyisipan pengujian kustom, dan penerapan tema kustom.

Plugin untuk Drupal dan WordPress menambahkan fitur tambahan, seperti pengabaian tersinkronisasi, dasbor seluruh situs, dan ekspor laporan CSV.

Dasbor pelaporan yang menampilkan isu terbaru dan halaman dengan isu terbanyak.
Dasbor Drupal, yang mencakup daftar isu yang dapat disaring, halaman dengan isu, dan pengabaian.

Pengujian

Pengujian Editoria11y berfokus pada peningkatan pengalaman Web bagi semua pengguna, sebagaimana diukur oleh manusia, bukan hanya standar teknis. Meskipun pengujian utama dimaksudkan untuk membantu mencapai Web Content Accessibility Guidelines (WCAG 2.2 AA), yang lain dipengaruhi oleh pekerjaan Kelompok Tugas Aksesibilitas untuk Disabilitas Kognitif dan Belajar , serta praktik terbaik kegunaan dan desain secara umum.

Pengujian individual dapat dinonaktifkan oleh admin situs.

Teks alt gambar

  • Gambar tidak memiliki atribut alt
  • Teks alt adalah nama file
  • Teks alt adalah placeholder ("TBD")
  • Teks alt adalah simbol yang tidak dapat diucapkan
  • Teks alt mengandung kata redundan ("gambar dari…")
  • Teks alt terlalu panjang
  • Gambar dekoratif mungkin memiliki nilai
  • Gambar korsel ditandai dekoratif
  • Gambar bertulisan tidak memiliki teks alt
  • Teks alt menduplikasi tulisan

Gambar tertaut

  • Gambar tertaut tidak memiliki teks alt
  • Alt gambar tertaut adalah URL atau nama file
  • Alt gambar tertaut adalah placeholder
  • Alt gambar tertaut adalah simbol yang tidak dapat diucapkan
  • Alt gambar tertaut mendeskripsikan gambar, bukan tautan
  • Alt gambar tertaut mengandung kata redundan
  • Alt gambar tertaut terlalu panjang
  • Gambar dalam tautan dengan teks tidak memiliki atribut alt

Media tertanam

  • Video memerlukan teks terjemahan
  • Audio memerlukan transkrip
  • Visualisasi data memerlukan alternatif yang dapat diakses
  • Frame tidak memiliki judul
  • Frame dikecualikan dari navigasi keyboard
  • Konten frame memerlukan pemeriksaan aksesibilitas manual
  • Dokumen tertaut mungkin tidak dapat diakses oleh pembaca layar
  • PDF tidak memiliki alternatif yang dapat diakses
  • Komponen tata letak interaktif bersarang

Tautan bermakna

  • Tautan kosong
  • Teks tautan adalah URL
  • Teks tautan hanya nomor DOI
  • Teks tautan bertuliskan "klik di sini"
  • Teks tautan hanya kata-kata generik ("baca selengkapnya")
  • Tautan berbeda berbagi teks yang sama
  • Ikon atau gambar tertaut tidak memiliki alternatif teks
  • Tautan terbuka di tab baru tanpa peringatan
  • Tautan mengarah ke file tanpa peringatan
  • Teks tautan hanya simbol atau emoji
  • Teks tautan bermakna disembunyikan dari pengguna yang dapat melihat
  • Tooltip tautan yang redundan
  • Tautan jangkar dalam halaman yang rusak
  • Atribut ID duplikat
  • Tautan mungkin mengarah ke lingkungan pengembangan

Heading

  • Halaman tidak memiliki Heading 1
  • Heading pertama adalah subheading
  • Heading melewati satu level
  • Heading kosong
  • Gambar yang digunakan sebagai heading memerlukan teks alt
  • Heading sangat panjang
  • Paragraf tebal mungkin merupakan heading
  • Blockquote pendek mungkin merupakan heading

Keterbacaan teks

  • Teks huruf kapital berlebihan
  • Blok besar teks tebal atau miring
  • Teks terlalu kecil
  • Teks bukan tautan digarisbawahi
  • Teks diratakan
  • Subskrip atau superskrip disalahgunakan sebagai pemformatan
  • Daftar palsu menggunakan karakter atau simbol
  • Item daftar di luar daftar

Kontras warna

  • Teks memiliki kontras yang tidak memadai
  • Kontras teks memerlukan pemeriksaan manual
  • Ikon atau grafik memiliki kontras yang tidak memadai
  • Kontras ikon atau grafik memerlukan pemeriksaan manual
  • Teks input memiliki kontras yang tidak memadai
  • Teks placeholder memiliki kontras yang tidak memadai

Tabel

  • Tabel tidak memiliki baris atau kolom header
  • Sel header tabel kosong
  • Heading konten digunakan di dalam tabel

Formulir & elemen interaktif

  • Tombol tidak memiliki label aksesibel
  • Tombol memiliki label ARIA yang tidak valid
  • Label tombol mengandung kata "button"
  • Label yang terlihat tidak cocok dengan nama yang dapat diakses
  • Input tidak memiliki label terkait
  • Input hanya menggunakan label tak terlihat
  • Input hanya menggunakan placeholder sebagai label
  • Tombol reset dapat menyebabkan kehilangan data yang tidak disengaja
  • Elemen disembunyikan dari pembaca layar tetapi masih dapat difokus dengan keyboard
  • Tabindex positif merusak urutan membaca dan tab

Metadata halaman

  • Judul halaman tidak ada
  • Bahasa halaman tidak dideklarasikan
  • Viewport mencegah penskalaan teks
  • Halaman menyegarkan otomatis

Fitur CSA

Editoria11y mempromosikan aksesibilitas dengan cara yang unik. Alatnya sangat efektif dalam membantu penulis non-teknis menyiapkan konten yang dapat dinikmati secara setara oleh pengguna Web penyandang disabilitas. Kami menganggap ini sebagai kebaikan publik, sehingga Editoria11y akan selalu gratis untuk digunakan.

Namun, Editoria11y tidak gratis untuk dikembangkan atau didukung.

CSA mengisi kesenjangan tersebut: anggota proyek mendanai pengembangan perpustakaan Editoria11y, plugin CMS-nya, dan suite CSA: sekumpulan alat jaminan kualitas sumber terbuka yang terus berkembang pesat, memberikan fungsionalitas serupa dengan produk komersial, dengan harga yang jauh lebih terjangkau. Suite CSA untuk Drupal saat ini gratis dalam versi beta, dan akan hadir untuk WordPress pada Q3 2026.

Crawl situs sedang berlangsung
Crawler CSA memperbarui dasbor.

Alat CSA

  • Uji pengembang, keterbacaan, dan kontras.
  • Konfigurasi terpisah berbasis peran untuk pengembang dan pembuat konten.
  • Pembangun pengujian kustom.
  • Penolakan seluruh situs dengan satu klik
  • Alat pemeliharaan dasbor dan crawler
Pemilih warna dalam tooltip pengujian

Manfaat keanggotaan CSA

  • Dukungan prioritas.
  • Pengaruh tertimbang pada peta jalan proyek.
  • Akses otomatis ke fitur baru dalam peta jalan.
  • Bantuan pengaturan langsung (tergantung tingkatan).
  • Kredit pendukung publik (tergantung tingkatan/berdasarkan permintaan; syarat berlaku).

Tertarik?

Suite CSA didukung melalui model kontribusi sesuai kemampuan. Editoria11y inti — baik perpustakaan maupun plugin-nya — tetap gratis selamanya.

Bergabung dengan CSA

Proyek yang disponsori CSA

Aktif

Q2 2026: Meluncurkan komunitas CSA Editoria11y

Pekerjaan yang tersisa:

  • Buat entitas fiskal untuk memproses langganan dan sponsorship.
  • Siapkan sistem lisensi.
Q2 2026: Pembangun aturan kustom
  1. Selesai untuk Drupal.
  2. Tugas berikutnya: port pembangun ke WordPress.
Q3 2026: Port perpustakaan 3.x ke WordPress
  1. Buat submodul CSA dengan fitur yang didukung komunitas
    • Buat alat pemeliharaan dasbor untuk menghapus hasil yang sudah usang dan merayapi konten yang ada.
    • Izinkan penandaan pengujian tertentu sebagai OK di seluruh situs, bukan hanya pada satu halaman.
    • Izinkan konfigurasi terpisah, dengan pengaturan dan pengujian terpisah untuk pengembang dan editor konten.

Baru selesai

Q1 2026: Penulisan ulang perpustakaan 3.x
  • Gabungkan kumpulan aturan Editoria11y dan Sa11y. Sejak fork, Sa11y menulis ~50 pengujian tambahan dan mengadopsi tooling ESM, dan Editoria11y menerapkan peningkatan performa dan menambahkan parameter untuk mengaktifkan pemeriksaan real-time. Sa11y 4.2.2 dan Editoria11y 3.0.0 akan memulai masa depan bersama kami.
  • Tambahkan dukungan "konfigurasi terpisah" untuk memungkinkan kumpulan aturan terpisah bagi pengembang dan pembuat konten.
  • Tambahkan terjemahan mesin untuk Bahasa Tionghoa, Denmark, Belanda, Jerman, Yunani, Hungaria, Italia, Jepang, Norwegia Bokmål, Polandia, Portugis (Brasil), Portugis (Portugal), Spanyol, Swedia, dan Ukraina sebagai templat untuk penyempurnaan oleh manusia.
  • Status saat ini: pekerjaan pengkodean selesai; akan menandai rilis setelah memperbarui dokumentasi dan demo.
Q1 2026: Penulisan ulang modul Drupal 3.x
  1. Perluas dasbor dengan alat pelaporan dan pemfilteran yang lebih canggih.
  2. Tambahkan terjemahan mesin untuk Bahasa Tionghoa, Denmark, Belanda, Jerman, Yunani, Hungaria, Italia, Jepang, Norwegia Bokmål, Polandia, Portugis (Brasil), Portugis (Portugal), Spanyol, Swedia, dan Ukraina sebagai templat untuk penyempurnaan oleh manusia.
  3. Buat fungsi ekspor CSV yang dapat dikustomisasi
  4. Buat submodul CSA dengan fitur yang didukung komunitas
    • Buat alat pemeliharaan dasbor untuk menghapus hasil yang sudah usang dan merayapi konten yang ada.
    • Izinkan penandaan pengujian tertentu sebagai OK di seluruh situs, bukan hanya pada satu halaman.
    • Izinkan konfigurasi terpisah, dengan pengaturan dan pengujian terpisah untuk pengembang dan editor konten.

Dalam diskusi

Diskusikan dan beri suara pada ide-ide ini di forum perpustakaan Editoria11y.

Ide-ide diberi tag dengan perkiraan kesulitan/prioritas berdasarkan obrolan komunitas saat ini.

  • Dasbor pemantauan multi-situs
  • Deteksi tautan rusak
  • Pemindaian PDF
  • Tab lokasi kode tooltip
  • Ekspor laporan halaman tooltip
  • Kata-kata yang ditandai
  • Alat pengembang CLI
  • Bookmarklet/Plugin browser
  • Validasi aturan ACT
  • Perluas validasi nama/peran/nilai