Assistapp Checker
Сервис для автоматической проверки доступности сайта на соответствие международным и российским стандартам
Возможности
Автоматический анализ доступности
Полное сканирование сайта с выявлением проблем доступности
Выявление технических ошибок
Обнаружение и анализ технических проблем, влияющих на доступность
Детальный отчет
Подробные рекомендации по исправлению найденных проблем
Оценка соответствия стандартам
Проверка на соответствие WCAG 2.1 и ГОСТ Р 52872-2019
Как это работает
Сканирование сайта
Введите ссылку на сайт или выберите конкретные страницы для анализа
Анализ
Автоматическая проверка на соответствие стандартам доступности
Отчет
Получение подробного отчета с рекомендациями по исправлению
Пример отчета
Категории проблем
Восприятие
82%Управление
90%Понятность
88%Надёжность
95%Отсутствие альтернативного текста
Изображения не имеют альтернативного текста (alt), что делает их недоступными для пользователей скринридеров.
Недостаточный контраст
Текст имеет низкий контраст с фоном (2.8:1), что затрудняет чтение для слабовидящих пользователей.
Отсутствие меток для полей ввода
Поля формы не имеют связанных label элементов, что затрудняет их идентификацию.
Нарушение иерархии заголовков
Пропущен уровень заголовка h2, что нарушает логическую структуру документа.
Добавление альтернативного текста
Добавьте атрибут alt ко всем значимым изображениям:
<!-- Неправильно -->
<img src="header.jpg">
<!-- Правильно -->
<img src="header.jpg" alt="Описание главного баннера с командой разработчиков">
<!-- Для декоративных изображений -->
<img src="decoration.jpg" alt="" role="presentation">
Полезные ресурсы:
Улучшение контраста
Измените цветовую схему для обеспечения минимального контраста 4.5:1:
/* Неправильно */
.hero-section p {
color: #999999; /* Контраст 2.8:1 */
background-color: #ffffff;
}
/* Правильно */
.hero-section p {
color: #595959; /* Контраст 7:1 */
background-color: #ffffff;
}
Рекомендуемые инструменты:
- WebAIM Contrast Checker
- Colour Contrast Analyzer
Правильная структура заголовков
Исправьте иерархию заголовков для логической структуры документа:
<!-- Неправильно -->
<h1>Главный заголовок</h1>
<h3>Подзаголовок</h3> <!-- Пропущен h2 -->
<h4>Секция</h4>
<!-- Правильно -->
<h1>Главный заголовок</h1>
<h2>Подзаголовок</h2>
<h3>Секция</h3>
Доступная навигация с клавиатуры
Обеспечьте правильный порядок фокуса и видимость фокуса:
/* Никогда не убирайте outline у элементов */
/* Неправильно */
button:focus {
outline: none;
}
/* Правильно */
button:focus {
outline: 2px solid #5B3AF3;
outline-offset: 2px;
}
/* Для визуального улучшения можно использовать :focus-visible */
button:focus-visible {
outline: 2px solid #5B3AF3;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(91, 58, 243, 0.2);
}
Преимущества использования
Экономия времени
Автоматизация процесса проверки сокращает время аудита в 10 раз по сравнению с ручной проверкой
Полнота проверки
Анализ всех аспектов доступности согласно современным стандартам WCAG 2.1 и ГОСТ Р 52872-2019
Готовые решения
Конкретные рекомендации по исправлению с примерами кода и ссылками на документацию
Регулярный мониторинг
Автоматическое отслеживание изменений и уведомления о новых проблемах доступности
Интеграции и API
REST API
Интегрируйте проверку доступности в свои процессы разработки с помощью нашего API
# Запрос на проверку сайта
curl -X POST https://api.assistapp.ru/v1/check \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"url": "https://example.com",
"standard": "wcag21",
"level": "AA"
}'
import requests
api_key = 'YOUR_API_KEY'
url = 'https://api.assistapp.ru/v1/check'
headers = {
'Authorization': f'Bearer {api_key}',
'Content-Type': 'application/json'
}
data = {
'url': 'https://example.com',
'standard': 'wcag21',
'level': 'AA'
}
response = requests.post(url, headers=headers, json=data)
results = response.json()
const axios = require('axios');
const checkAccessibility = async () => {
const apiKey = 'YOUR_API_KEY';
const url = 'https://api.assistapp.ru/v1/check';
try {
const response = await axios.post(url, {
url: 'https://example.com',
standard: 'wcag21',
level: 'AA'
}, {
headers: {
'Authorization': `Bearer ${apiKey}`,
'Content-Type': 'application/json'
}
});
return response.data;
} catch (error) {
console.error('Error:', error);
}
};
Поддерживаемые платформы
Начните улучшать доступность прямо сейчас
Получите бесплатный пробный период и убедитесь в эффективности Assistapp Checker
FAQ об Assistapp Checker
Ответы на популярные вопросы о сервисе Assistapp Checker
Как начать использовать Assistapp Checker?
+Просто зарегистрируйтесь на платформе и введите URL вашего сайта. Сервис автоматически проведет анализ и предоставит подробный отчет.
Какие стандарты доступности проверяются?
+Мы проверяем соответствие WCAG 2.1 (уровни A и AA), ГОСТ Р 52872-2019, Section 508 и EN 301 549. Это обеспечивает полный охват требований доступности.
Сколько времени занимает проверка?
+Время проверки зависит от размера сайта. Анализ одной страницы занимает 1-2 минуты. Полная проверка среднего сайта может занять 15-30 минут.
Можно ли интегрировать проверку в CI/CD?
+Да, мы предоставляем API и готовые интеграции для GitHub Actions, GitLab CI, Jenkins и других популярных CI/CD платформ.
Какие форматы отчетов доступны?
+Отчеты доступны в виде интерактивного веб-интерфейса, PDF документа, JSON для интеграций и CSV для анализа данных.
Есть ли ограничения на количество проверок?
+В бесплатной версии доступно до 100 страниц в месяц. В платных тарифах количество проверок варьируется от 1000 до неограниченного количества.