Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 62 из 70 · 9 мин
Кто пользуется сайтом иначе, чем вы, и как правильный HTML решает большинство проблем бесплатно.
Я открыл ваш сайт скринридером. Хотите послушать, как он звучит?
Конечно!
«Картинка. Картинка. Поле ввода. Кликабельно: Найти». Я не понял ни где меню, ни что на фото, ни что вводить.
Ой… 😔
Хорошая новость: правильный HTML уже на 80% доступен. Чиним за 10 минут.
lang · alt · labellang у html, alt у картинок, label у полей, заголовки по порядку.<button> vs <div>div onclick не получает фокус, не жмётся Enter и не называется кнопкой.button умеет всё это бесплатно.<!-- плохо -->
<div onclick="order()">Заказать</div>
<!-- хорошо -->
<button type="button">Заказать</button>Скринридер Льва споткнулся четыре раза. Исправь: у страницы нет языка, у картинки нет alt, поле без подписи, а «кнопка» сделана из div.
html есть lang — пока нетalt — пока нетlabel for="q" — пока нетbutton — пока нетdiv больше нет — пока нетВыберите один ответ.
Чем плох <div onclick="…">Купить</div> по сравнению с <button>?
Выберите все подходящие варианты.
Что из этого входит в базовую доступность страницы?
Введите короткий ответ без лишних пробелов.
Как называется международный стандарт требований к доступности веб-контента? Аббревиатура латиницей.
Проверяем состояние обучения…