Ново в Agora · MCP сървър
Вграденият MCP сървър на Agora дава на Claude Code, Cursor, GitHub Copilot и всеки друг агент с поддръжка на MCP истински инструмент за тестване на достъпността. Агентът сканира страницата, която току-що е създал, вижда точно какво не е наред и защо, поправя кода и сканира отново, за да го докаже – още преди да съществува pull request.
Анимиран пример за сесия по програмиране: разработчик моли своя AI агент да провери localhost:3000/checkout за проблеми с достъпността и да ги поправи. Агентът извиква инструмента scan_url на Agora и получава оценка 58 от 100 с четири проблема: бутон без име, изображение без алтернативен текст, текст с нисък контраст и поле за въвеждане без етикет. Той поправя кода в три файла, сканира отново и достига 100 от 100.
Работи с
Слабото място на генерирания от AI интерфейс
Агентите за програмиране са се учили от уеба, а по-голямата част от уеба не е достъпна: бутони само с икона, липсващи етикети, текст с нисък контраст. Без начин за тестване агентът Ви не може да разбере дали компонентът, който току-що е генерирал, работи за потребители с клавиатура или екранен четец. Сега вече може да провери – със същия механизъм, на който екипът Ви по достъпност вече се доверява.
Настройка за минута
MCP сървърът стартира заедно с Agora и слуша само на Вашия компютър. Страницата „AI агенти“ показва състоянието му и адреса, който да използвате.
Копирайте една команда или конфигурационен фрагмент от Agora или използвайте инсталиране с едно кликване за Cursor и VS Code.
„Сканирай localhost:3000 и поправи каквото намериш.“ Агентът извиква Agora, прилага поправките и ги проверява.
Поглед в извикването на инструмент
Без неясни оценки. Agora връща всяко нарушение с критерия от WCAG, точния елемент, неговия HTML и конкретна поправка – във формат, по който агентът може да действа веднага.
Агент → Agora
Български 
English 
Deutsch 
Español 
Italiano 
简体中文 
Polski 
Nederlands 
Dansk 
Svenska 
Français 
Português 
Ελληνικά 
Català 
Română 
Suomi 
Čeština 
Magyar 
{ "method": "tools/call", "params": { "name": "scan_url", "arguments": { "url": "localhost:3000/checkout", "selector": "#payment-form", "viewports": ["desktop", "mobile"] } }}Agora → агент
http://localhost:3000/checkout
3 проблеми · 5 елементи · WCAG 2.2 AA
button-name WCAG 4.1.2 Buttons must have discernible text
button.pay-apple
<button class="pay-apple"><svg …/></button>Как да поправите: Element does not have inner text that is visible to screen readers; aria-label attribute does not exist or is empty
label WCAG 4.1.2 Form elements must have labels
#card-cvc
<input id="card-cvc" placeholder="CVC">Как да поправите: Element does not have an explicit <label>; aria-label attribute does not exist or is empty
color-contrast WCAG 1.4.3 Elements must meet minimum color contrast ratio thresholds
.total__hint
<p class="total__hint">Taxes included</p>Как да поправите: Element has insufficient color contrast of 2.9 (foreground color: #a3a3a3, background color: #ffffff). Expected contrast ratio of 4.5:1
Агент → Agora
{ "method": "tools/call", "params": { "name": "scan_html", "arguments": { "html": "<nav class=\"tabs\">…</nav>", "baseUrl": "http://localhost:3000/", "mode": "component" } }}Agora → агент
HTML component (2.4 KB)
3 проблеми · 4 елементи · WCAG 2.2 AA
aria-required-children WCAG 1.3.1 Certain ARIA roles must contain particular children
nav.tabs > ul[role="tablist"]
<ul role="tablist">…</ul>Как да поправите: Element has children which are not allowed: li[tabindex]
aria-valid-attr-value WCAG 4.1.2 ARIA attributes must conform to valid values
#tab-billing
<a id="tab-billing" aria-controls="billing">Как да поправите: Invalid ARIA attribute value: aria-controls="billing"
heading-order Best Practice Heading levels should only increase by one
.panel > h4
<h4>Billing address</h4>Как да поправите: Heading order invalid
Четири инструмента за всеки работен процес
scan_url Локални сървъри за разработка, тестова среда, продукция или файл на диска.
scan_html Проверете компонент, преди да бъде вграден в страница, без нужда от сървър.
validate_attributes Скенерите откриват липсващи имена. Този инструмент проверява дали наличните имена наистина имат смисъл.
simulate_screen_reader Чуйте страница или компонент така, както ги чуват незрящите потребители, директно от дървото на достъпността в Chrome.
Достъпност по подразбиране
Вместо отделен одит седмици по-късно, тестването се случва в същия цикъл, който агентът Ви вече изпълнява за типове, тестове и линтинг.
Създаване
Агентът пише или променя интерфейса.
Сканиране
Извиква Agora за страницата или компонента.
Поправка
Прилага поправките, които Agora посочва.
Проверка
Сканира отново, докато проблемите изчезнат.
Защо екипите го избират
Сървърът приема връзки само от Вашия собствен компютър, а страниците се рендерират и сканират локално в Agora.
axe-core с правилата A и AA на WCAG 2.0, 2.1 и 2.2, плюс незадължителни проверки за AAA: същите правила като при всяко друго сканиране в Agora.
Страниците се рендерират в Chrome, така че стиловете, скриптовете и рендерирането от страна на клиента са част от теста.
Сървъри за разработка със самоподписани сертификати, пътища file:// и страници зад основно удостоверяване, запазено в Agora – всичко просто работи.
Споделен, вече зареден браузър поддържа сканиранията бързи, така че агентът Ви може да проверява след всяка промяна.
Claude Code, Cursor, VS Code с GitHub Copilot, Windsurf, Claude Desktop, Codex CLI и Gemini CLI, с инструкции за настройка на всеки от тях в Agora.
Започнете безплатен пробен период на Agora, свържете агента си за минута и гледайте как поправя проблемите с достъпността, преди да стигнат до прегледа на кода.