Assistapp Checker

Сервис для автоматической проверки доступности сайта на соответствие международным и российским стандартам

Иллюстрация процесса проверки сайта

Возможности

Автоматический анализ доступности

Полное сканирование сайта с выявлением проблем доступности

Выявление технических ошибок

Обнаружение и анализ технических проблем, влияющих на доступность

Детальный отчет

Подробные рекомендации по исправлению найденных проблем

Оценка соответствия стандартам

Проверка на соответствие WCAG 2.1 и ГОСТ Р 52872-2019

Как это работает

Сканирование сайта

Введите ссылку на сайт или выберите конкретные страницы для анализа

Анализ

Автоматическая проверка на соответствие стандартам доступности

Отчет

Получение подробного отчета с рекомендациями по исправлению

Поддерживаемые стандарты

WCAG 2.1

Web Content Accessibility Guidelines - международный стандарт доступности веб-контента

ГОСТ Р 52872-2019

Российский стандарт интернет-ресурсов для людей с ограничениями жизнедеятельности

Пример отчета

87% Общий показатель доступности
23 Выявленные проблемы
94% Соответствие WCAG 2.1
91% Соответствие ГОСТ

Категории проблем

Восприятие

82%

Управление

90%

Понятность

88%

Надёжность

95%

Отсутствие альтернативного текста

Изображения не имеют альтернативного текста (alt), что делает их недоступными для пользователей скринридеров.

header.jpg, banner.png WCAG 1.1.1

Недостаточный контраст

Текст имеет низкий контраст с фоном (2.8:1), что затрудняет чтение для слабовидящих пользователей.

.hero-section p WCAG 1.4.3

Отсутствие меток для полей ввода

Поля формы не имеют связанных label элементов, что затрудняет их идентификацию.

form#contact WCAG 3.3.2

Нарушение иерархии заголовков

Пропущен уровень заголовка h2, что нарушает логическую структуру документа.

section.features WCAG 1.3.1

Добавление альтернативного текста

Добавьте атрибут 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);
    }
};
Быстрая интеграция
Безопасное API
Подробная документация

Поддерживаемые платформы

GitHub Actions
GitLab CI
Jenkins
Jira

Начните улучшать доступность прямо сейчас

Получите бесплатный пробный период и убедитесь в эффективности Assistapp Checker

14 дней бесплатно
Без ограничений функционала
Отмена в любой момент

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 до неограниченного количества.