Вёрстка сайта по макету с WCAG 2.1 AA
Об услуге
Сверстаю сайт по вашему макету из Figma, Sketch или PSD для последующей натяжки на любую CMS. Отдаю чистый валидный код, который легко поддерживать и расширять. Стек: HTML, CSS, JavaScript, TypeScript, Tailwind CSS, Vue 3 и Alpine.js. Постараюсь, чтобы сайт был быстрым,однозначно адаптивным и готовым к интеграции с любым бэкендом - без костылей и тяжелых библиотек. Делаю верстку с учетом доступности по стандарту WCAG 2.1 уровня AA: контраст, фокус, семантика, ARIA-атрибуты, клавиатурная навигация. Такой сайт удобен для всех пользователей, лучше индексируется, а также защищает вас от претензий по доступности. Работаю как с лендингами, так и с многостраничными сайтами и интернет-магазинами.
Что входит в стоимость
- Адаптивная верстка под мобильные, планшеты и десктоп
- Соблюдение WCAG 2.1 AA: контраст, фокус, ARIA, семантика
- Интерактив на Vue 3, Alpine.js или чистом JS по задаче
- Проверка в Chrome, Firefox, Safari и Edge
- Оптимизация скорости загрузки и Core Web Vitals
- Передача исходников и краткая документация по структуре
Как проходит работа
Бриф и анализ макета
Обсуждаем задачу, смотрю макет, оцениваю объем.
Верстка структуры
Собираю HTML-каркас страниц, подключаю Tailwind и базовые стили.
Адаптив и интерактив
Добавляю адаптивность, анимации, интерактив на Vue или Alpine.
Проверка и сдача
Тестирую в браузерах, проверяю WCAG, передаю исходники.
Что нужно от вас
Чтобы начать работу, мне нужно от вас: - Ссылка на макет в Figma, Sketch или PSD с доступом на просмотр. - Список страниц и шаблонов, которые нужно сверстать. - Референсы или пожелания по анимациям и интерактиву, если есть. - Примеры сайтов, которые вам нравятся по качеству верстки - опционально. Если чего-то нет - обсудим на брифе и решим, как закрыть пробел.
Пакеты и стоимость
Частые вопросы
Что значит WCAG 2.1 AA и зачем это мне?
Это международный стандарт доступности: контраст, фокус, семантика, ARIA. Сайт удобен для всех пользователей, лучше индексируется и защищает от претензий по доступности в госсекторе и крупных компаниях.
Что если макет не идеален или в нем нет мобильной версии?
Доработаю логику под мобильные сам или предложу, как адаптировать. Такие ситуации обсуждаем на старте, чтобы не было сюрпризов в процессе.
Сколько правок включено и что считается правкой?
В базовом пакете 2 круга, в стандарте 3, в премиуме 5. Правка — это одно письмо со списком изменений по уже согласованному макету. Новые блоки или смена макета — отдельная задача.
Как передаются исходники и права?
Отдаю весь код без шифрования и привязок к моим аккаунтам. После полной оплаты права на вёрстку полностью ваши, можете передать любому разработчику.