Web Accessibility Testing MCP
A11y MCP adalah server Model Context Protocol yang memungkinkan model bahasa AI untuk melakukan pengujian aksesibilitas web otomatis dengan berintegrasi dengan Axe-core API dari Deque dan Puppeteer untuk menganalisis konten web untuk kepatuhan WCAG.
https://github.com/ronantakizawa/a11ymcp?ref=producthunt&utm_source=aipure
Informasi Produk
Diperbarui:Jan 15, 2026
Apa itu Web Accessibility Testing MCP
Web Accessibility Testing MCP (A11y MCP) adalah alat sumber terbuka yang menjembatani kesenjangan antara model bahasa AI dan kemampuan pengujian aksesibilitas web. Dibangun sebagai server Model Context Protocol (MCP), ini memberi asisten AI akses langsung ke API dan alat pengujian aksesibilitas profesional. Server ini memanfaatkan Axe-core API dari Deque dan Puppeteer untuk melakukan audit aksesibilitas komprehensif pada halaman web dan konten HTML, memastikan kepatuhan terhadap standar Pedoman Aksesibilitas Konten Web (WCAG) 2.0, 2.1, dan 2.2.
Fitur Utama Web Accessibility Testing MCP
Web Accessibility Testing MCP (A11y MCP) adalah server Model Context Protocol yang memungkinkan model bahasa AI untuk melakukan pengujian aksesibilitas otomatis pada situs web dan konten HTML. Ini terintegrasi dengan Axe-core API dari Deque dan Puppeteer untuk menganalisis konten web untuk kepatuhan WCAG, memeriksa rasio kontras warna, memvalidasi atribut ARIA, dan mengidentifikasi masalah aksesibilitas sambil memberikan laporan terperinci dan panduan remediasi.
Pengujian WCAG Komprehensif: Menguji konten terhadap beberapa standar WCAG (2.0, 2.1, 2.2) dan memberikan laporan pelanggaran terperinci dengan rekomendasi remediasi spesifik
Opsi Pengujian Fleksibel: Mendukung pengujian URL publik dan cuplikan HTML mentah, memungkinkan pengembang untuk memeriksa aksesibilitas pada setiap tahap pengembangan
Analisis Warna Tingkat Lanjut: Melakukan analisis kontras warna terperinci antara elemen latar depan dan latar belakang, dengan mempertimbangkan ukuran dan ketebalan font untuk kepatuhan WCAG
Validasi ARIA: Memvalidasi implementasi yang tepat dari atribut dan peran ARIA untuk memastikan kompatibilitas pembaca layar
Kasus Penggunaan Web Accessibility Testing MCP
Integrasi Pengembangan: Pengembang dapat mengintegrasikan pengujian aksesibilitas langsung ke dalam alur kerja IDE mereka untuk menangkap masalah sejak dini dalam proses pengembangan
Audit Kepatuhan: Organisasi dapat melakukan audit aksesibilitas otomatis pada situs web mereka untuk memastikan kepatuhan terhadap standar dan peraturan aksesibilitas
Manajemen Konten: Pembuat konten dapat memverifikasi bahwa konten HTML mereka memenuhi persyaratan aksesibilitas sebelum dipublikasikan
Alat Pendidikan: Mengajarkan tim dan siswa tentang aksesibilitas web dengan memberikan umpan balik langsung tentang masalah aksesibilitas dan cara memperbaikinya
Kelebihan
Integrasi tanpa batas dengan model bahasa AI melalui protokol MCP
Memberikan umpan balik terperinci dan dapat ditindaklanjuti dengan langkah-langkah remediasi spesifik
Mendukung beberapa skenario pengujian (URL, cuplikan HTML) dan standar
Kekurangan
Memerlukan pengaturan dan konfigurasi lokal
Bukan alat resmi dari Deque Labs
Terbatas pada analisis statis tanpa pengujian interaksi pengguna
Cara Menggunakan Web Accessibility Testing MCP
Instal dan Konfigurasi Pengaturan MCP: Edit file pengaturan MCP berdasarkan OS Anda: Untuk macOS: '~/Library/Application Support/Claude/claude_desktop_config.json', Untuk Windows: '%APPDATA%\\Claude\\settings\\claude_mcp_settings.json', Untuk Linux: '~/.config/Claude/settings/claude_mcp_settings.json'
Tambahkan Konfigurasi Server: Tambahkan konfigurasi berikut ke file pengaturan MCP Anda: { \"mcpServers\": { \"a11y-accessibility\": { \"command\": \"npx\", \"args\": [ \"-y\", \"a11y-mcp-server\" ] } } }
Uji Aksesibilitas URL: Gunakan alat test_accessibility dengan memberikan parameter URL: { \"url\": \"https://example.com\", \"tags\": [\"wcag2aa\"] }
Uji String HTML: Gunakan alat test_html_string untuk menguji konten HTML mentah: { \"html\": \"<div><img src='image.jpg'></div>\", \"tags\": [\"wcag2aa\"] }
Periksa Kontras Warna: Gunakan alat check_color_contrast untuk memverifikasi persyaratan kontras WCAG: { \"foreground\": \"#777777\", \"background\": \"#EEEEEE\", \"fontSize\": 16, \"isBold\": false }
Validasi Atribut ARIA: Uji penggunaan atribut ARIA dengan konten HTML: { \"html\": \"<div role='button' aria-pressed='false'>Klik saya</div>\" }
Periksa Kunci Orientasi: Uji masalah kunci orientasi dalam konten HTML: { \"html\": \"<html><head><meta name='viewport' content='width=device-width, orientation=portrait'></head><body>Content</body></html>\" }
Tinjau Hasil Pengujian: Analisis respons JSON yang mencakup pelanggaran, kelulusan, pengujian tidak lengkap, dan informasi terperinci tentang masalah aksesibilitas yang ditemukan
FAQ Web Accessibility Testing MCP
A11y MCP adalah server Model Context Protocol (MCP) yang memungkinkan LLM (Large Language Models) untuk melakukan pengujian aksesibilitas web. Ia menggunakan Deque Axe-core API dan Puppeteer untuk menganalisis konten web untuk kepatuhan WCAG dan mengidentifikasi masalah aksesibilitas.
Video Web Accessibility Testing MCP
Artikel Populer
Kacamata Pintar AI 2026: Perspektif Perangkat Lunak Utama pada Pasar AI yang Dapat Dipakai
Jan 7, 2026
Kode Promo Amazon Baru di Koupon.ai pada Tahun 2026 dan Cara Menukarkannya
Dec 30, 2025
Kode Kupon Merlin AI Gratis di 2026 dan Cara Menukarkannya | AIPURE
Dec 30, 2025
Kode Promo Midjourney Gratis di 2026 dan Cara Menukarkannya
Dec 30, 2025
Alat AI Terbaru Serupa dengan Web Accessibility Testing MCP
ExoTest
ExoTest adalah platform pengujian produk yang didorong oleh AI yang menghubungkan startup dengan penguji ahli di ceruk spesifik mereka untuk memberikan umpan balik komprehensif dan wawasan yang dapat ditindaklanjuti sebelum peluncuran produk.
AI Dev Assess
AI Dev Assess adalah alat bertenaga AI yang secara otomatis menghasilkan pertanyaan wawancara spesifik peran dan matriks penilaian untuk membantu profesional HR dan pewawancara teknis mengevaluasi kandidat pengembang perangkat lunak dengan efisien.
Tyne
Tyne adalah perusahaan perangkat lunak dan konsultasi profesional yang didukung AI yang membantu bisnis menyederhanakan kebutuhan sehari-hari mereka melalui analisis data, sistem peningkatan hasil, dan solusi AI.
MTestHub
MTestHub adalah platform perekrutan dan penilaian yang didukung AI yang semuanya dalam satu yang menyederhanakan proses perekrutan dengan penyaringan otomatis, evaluasi keterampilan, dan langkah-langkah anti-kecurangan yang canggih.
Alat AI Populer Seperti Web Accessibility Testing MCP
rep+
rep+ adalah ekstensi Chrome DevTools yang kuat yang membawa fungsionalitas Burp Suite Repeater langsung ke browser Anda, memungkinkan pengujian permintaan HTTP, analisis keamanan, dan saran serangan bertenaga AI tanpa pengaturan proxy.
Gatling AI Assistant for VS Code
Gatling AI Assistant adalah ekstensi bertenaga AI untuk Visual Studio Code yang membantu pengembang membuat dan mengelola skenario pengujian beban menggunakan kerangka pengujian beban Gatling.
KaneAI
KaneAI adalah agen pengujian perangkat lunak bertenaga AI end-to-end pertama di dunia yang memungkinkan pengguna untuk membuat, mendebug, dan mengembangkan tes menggunakan bahasa alami.
LambdaTest
LambdaTest adalah platform orkestrasi dan eksekusi pengujian AI-Native yang memungkinkan pengujian manual dan otomatis di 3000+ lingkungan browser, menjadikannya pilihan utama untuk pengujian perangkat lunak di cloud.