Editoria11y untuk Drupal
Fitur inti
Modul Drupal menghubungkan perpustakaan pemeriksa ke backend editorial, dan menambahkan banyak alat sisi server untuk pelaporan, tata kelola, dan konfigurasi
Submodul CSA menambahkan:
- Pembangun uji kustom
- 40+ uji pengembang
- Pemeriksaan kontras
- Crawler situs
- Analisis keterbacaan
- Konfigurasi terpisah untuk pengembang/editor
Langkah instalasi dan pengaturan utama
Installer yang disertakan di Drupal.org menyertakan beberapa modul:
- Editoria11y: pemeriksa konten inti dan dasbor.
- Editoria11y CSA: uji pengembang dan alat pemeliharaan dasbor.
- Editoria11y Export: alat pelaporan CSV.
Instal seperti modul lainnya, lalu ikuti langkah-langkah utama ini:
- Periksa izin. Penulis tepercaya harus memiliki "Mark OK," "Mark as Ignored," dan "View the dashboard."
- Periksa halaman-halaman penting untuk peringatan yang berulang atau tidak membantu. Tandai sebagai OK dalam tooltip, atau sesuaikan konfigurasi untuk mengabaikan elemen berdasarkan selektor.
- Cari tips yang sulit dilihat — di luar layar, terpotong, di belakang elemen lain, atau pada elemen tersembunyi. Gunakan tips di "Fix tip positioning" di bawah ini untuk memperbaiki.
- Jika situs sudah memiliki konten, dan Anda memiliki langganan CSA, kunjungi tab "recheck" dasbor, dan crawl situs untuk memuat laporan situs terlebih dahulu. Ini opsional, tetapi halaman lama tidak akan muncul dalam laporan hingga di-crawl atau dikunjungi oleh pengguna yang sudah login.
Lihat pengenalan video tentang opsi konfigurasi (v2.4).
Sembunyikan peringatan yang tidak membantu
Konfigurasi yang baik menekan peringatan yang tidak membantu, sehingga penulis konten dapat fokus pada isu yang perlu diperbaiki.
Meskipun Anda dapat menonaktifkan pengujian sepenuhnya, biasanya lebih baik menyembunyikan peringatan pada elemen atau halaman tertentu.
Selama setiap pengujian, Editoria11y mengumpulkan satu set elemen dari pengaturan "Check content in these containers", kemudian memfilternya beberapa kali. Begini tampilan pengujian:
- Batalkan pemeriksaan jika konfigurasi mencegah pemeriksaan pada halaman ini atau untuk pengguna ini.
-
Kumpulkan elemen di wilayah halaman yang ditentukan,
mis.:
body > *:not('.ed11y-element')
Untuk pengguna Editoria11y CSA, ini adalah wilayah pada tab Developer tests. -
Hapus elemen yang cocok dengan selektor pengabaian,
mis.:
.widgets, .utility-menu
Untuk pengguna Editoria11y CSA, ini adalah selektor pada tab Developer tests. - Jalankan pengujian dan sinkronkan hasil ke dasbor.
-
Jika konfigurasi terpisah aktif dan pengguna adalah editor konten, saring hasil pengembang:
- Hapus hasil dari pengujian yang disetel ke "Developer only."
- Hapus hasil pada elemen dari luar wilayah konten yang ditentukan,
mis.:
main, footer - Hapus hasil pada elemen yang cocok dengan selektor abaikan konten.
- Buka panel dan gambar peringatan jika konfigurasi cocok dengan pengaturan buka otomatis.
Abaikan peringatan
Pengujian dapat dikonfigurasi dalam perpustakaan sebagai kesalahan atau peringatan ("pemeriksaan manual"). Peringatan dapat diabaikan. Ada dua jenis pengabaian yang tersedia dari footer setiap tooltip:
- "Ignore" disimpan sebagai preferensi pengguna: peringatan kini disembunyikan untuk pengguna saat ini, tetapi hanya pengguna tersebut.
- "Mark OK" menyembunyikan peringatan untuk semua pengguna.
Kemampuan pengguna untuk mengabaikan peringatan dikontrol di tingkat peran dalam izin pengguna Drupal. Sebagian besar penulis harus diizinkan mengabaikan peringatan. Tidak ada gunanya memberi seseorang pemeriksaan manual jika mereka tidak bisa menandai item tersebut sebagai sudah diperiksa.
Abaikan elemen
Dua pengaturan konfigurasi ini adalah yang paling penting!
Tetapkan yang pertama untuk mencakup bagian mana pun dari konten halaman yang dapat diedit oleh penulis konten. Mis., jika mereka dapat mengedit area
konten main, .sidebar, dan .footer-column-two, tetapkan
selektor tersebut sebagai area pemeriksaan konten Anda.
Gunakan yang kedua untuk "menyingkirkan" subbagian. Mis., jika main berisi berbagai widget dan embed
yang hanya dapat dimodifikasi oleh pengembang, buat daftarnya: .widget-1, .social-embed;
Jika Anda menggunakan konfigurasi terpisah, Anda akan melihat pasangan pengaturan serupa pada tab Developer Tests:
Hal penting yang perlu diketahui tentang area pemeriksaan pengembang adalah bahwa mereka tidak independen dari area pemeriksaan konten. Dalam konfigurasi terpisah, area pengembang diperiksa, dan kemudian hasilnya difilter untuk cocok dengan area konten. Area yang dikecualikan untuk pengembang juga akan dikecualikan untuk editor konten. Jangan kecualikan area konten yang dapat diedit!
Beberapa pengujian memungkinkan konfigurasi yang lebih tepat, untuk hanya menyembunyikan peringatan tertentu pada elemen yang terpengaruh. Cari di bawah:
- Uji konten: Tautan untuk diperiksa
- Uji konten: Embed untuk diperiksa
- Uji konten: Mendeteksi konten dinamis dan shadow
- Uji pengembang: Kontras
Sembunyikan untuk halaman atau pengguna tertentu
Cara termudah untuk melakukan ini adalah dengan meneruskan kelas CSS atau ID ke opsi-opsi ini:
Yang pertama akan mencegah pemeriksaan berjalan, dan toolbar tidak akan ditampilkan.
Yang kedua akan memulai pemeriksa dalam keadaan diminimalkan, dan secara otomatis menandai (untuk pengguna saat ini) semua isu sebagai "Diabaikan," bahkan jika berupa kesalahan. Ini memungkinkan pengujian berjalan dan memperbarui dasbor tanpa mengganggu pengguna.
Jika Anda ingin menggunakan ini untuk mengontrol pengguna mana yang melihat pemeriksa, Anda mungkin perlu menyesuaikan tema untuk
menghasilkan kelas, mis. .user-247
Kelola hasil seluruh situs
Crawling dan pembaruan hasil
Editoria11y adalah alat pemantauan real-time, bukan crawler. Laporan seluruh situsnya diperbarui saat penulis melihat halaman, sehingga crawling rutin umumnya tidak diperlukan. Modul CSA memang menyertakan sebuah crawler, tetapi hanya diperlukan dalam tiga situasi ini:
- Saat pertama kali menginstal Editoria11y pada situs yang sudah ada dengan banyak halaman. Halaman perlu dikunjungi sebelum muncul di dasbor, sehingga crawl awal yang cepat menghemat waktu.
- Pembaruan besar pada tema atau modul mungkin memperbaiki (atau menyebabkan) isu pada banyak halaman yang tidak akan muncul hingga dikunjungi atau di-crawl..
- Tindakan massal di antarmuka admin seperti menghapus halaman atau redirect cenderung meninggalkan hasil dari halaman yang tidak lagi ada atau telah dipindahkan. Dalam kasus ini membantu untuk menggunakan tindakan pemeliharaan tab "Refresh" untuk menyegarkan URL halaman, dan mendeteksi dan menghapus halaman yang dihapus.
Tidak ada data yang meninggalkan situs Anda selama crawl. Crawler CSA bukan alat cloud; ia menggunakan browser Anda untuk memuat dan memeriksa halaman di situs Anda sendiri. Sisi negatifnya adalah browser menjeda tab latar belakang. Anda perlu menjaga komputer menyala dan terjaga selama crawl. Rencanakan untuk membuka jendela baru untuk crawler dan biarkan sebagai tab latar depan untuk jendela tersebut saat bekerja. Anda dapat terus bekerja di jendela lain. Crawler akan memperbarui perkiraannya setelah setiap batch halaman.
Melihat laporan
- Recent memungkinkan eksplorasi berdasarkan peringatan individual. Ini memungkinkan Anda melakukan hal seperti memfilter untuk menemukan semua instance dari jenis peringatan yang sama, atau melihat peringatan mana yang sering muncul dalam konten terbaru, atau penulis mana yang masih memiliki kebiasaan membuat kesalahan yang sama.
- Pages menampilkan jumlah peringatan per halaman, dikelompokkan berdasarkan halaman. Ini memungkinkan Anda menemukan halaman dengan isu paling banyak, dan memfilter berdasarkan atribut halaman seperti jenis konten dan status terbit.
- Alerts menampilkan isu berdasarkan jenis.
- Dismissals memungkinkan pemantauan apakah penulis menolak dengan benar, dan memiliki tombol "reset" untuk memulihkan peringatan yang ditolak.
- Export berisi versi laporan Pages, Alerts, dan Dismissals yang dapat difilter untuk menyiapkan unduhan CSV. Disediakan oleh submodul CSV Export
- Refresh berisi alat pemeliharaan dasbor untuk menghapus peringatan dari halaman yang dihapus, menghapus peringatan dari pseudo-halaman berparameter seperti /search?query=example, memperbarui judul halaman dan URL yang tersimpan, dan menjalankan crawl manual. Disediakan oleh submodul CSA
Perbaiki tips yang tersembunyi atau di luar layar
Modul menyediakan kolom untuk dua opsi konfigurasi perpustakaan untuk mengubah cara penempatan tips:
Beberapa tema memiliki kolom atau widget yang menyembunyikan overflow horizontal atau vertikal. Perpustakaan secara otomatis mendeteksi kapan toggle akan berada di luar bagian yang terlihat dari halaman. Memberi tahu perpustakaan bahwa kontainer tertentu menyembunyikan overflow berarti ia juga akan mencoba memposisikan tips untuk elemen di kontainer tersebut di dalam batasnya.
Beberapa tema memiliki widget yang mengalihkan visibilitas konten, seperti akordion, tab, dan slideshow. Tips di dalam elemen-elemen ini juga akan disembunyikan. Menyediakan daftar selektor untuk widget-widget ini berarti Editoria11y akan berhenti sejenak saat pengguna mencoba melompat ke tips tersebut menggunakan tombol berikutnya atau sebelumnya. Tema dan modul Drupal kemudian dapat mengikuti petunjuk dari bagian perpustakaan tentang menangani tips pada konten tersembunyi untuk menampilkan konten yang tersembunyi.
Tulis konfigurasi Anda sendiri
Dalam PHP: modul Drupal menyediakan hook_editoria11y_alter_config untuk mengubah konten
drupalSettings.editoria11y di modul atau tema. Misalnya:
Memodifikasi drupalSettings hanya membantu jika JS modul sudah diatur untuk meneruskan nilai tersebut ke
perpustakaan. Untuk menambahkan parameter tambahan, Anda perlu memodifikasi objek JS options secara langsung.
Modul memeriksa satu variabel JS global editoria11yOptionsOverride. Jika ini disetel, ia
akan meneruskan objek options ke fungsi editoria11yOptions yang Anda sediakan
di modul atau tema Anda. Anda sekarang dapat menetapkan salah satu dari parameter perpustakaan.
Tulis pengujian Anda sendiri
Pertama, dalam konfigurasi modul, tambahkan 1 ke opsi "Custom tests" agar ia tahu untuk memantau pengujian.
Kemudian buat perpustakaan JS Drupal dengan pengujian Anda di tema atau modul Anda, menggunakan panduan perpustakaan untuk menulis pengujian kustom.
Berikut contoh kerja dari Princeton, berupa pengujian kustom untuk menandai Safe Links. Perhatikan bahwa ia mengakses
kelas Editoria11y melalui Drupal.Ed11y.
Mendapatkan bantuan
Periksa halaman kontak untuk opsi dukungan komunitas. @itmaybejj biasanya aktif di Drupal Slack selama jam siang di belahan barat.
Sebagian besar tingkat kontribusi CSA mencakup checkin tahunan, yang dapat mencakup bantuan langsung dengan pengaturan dan konfigurasi