Встречается на собеседованиях • сегодня
Приведи примеры Accessibility
**ARIA-атрибуты**
Добавляют семантику для скринридеров:
```html
```
**Альтернативный текст**
Для изображений и иконок:
```html
```
**Клавиатурная навигация**
Элементы должны быть доступны через `Tab`:
```css
button:focus { outline: 2px solid blue; }
```
**Семантическая верстка**
Используй правильные HTML-теги:
```html
```
**Контрастность**
Минимум 4.5:1 для текста (WCAG):
```css
body { color: #333; background: #fff; }
```
**Лейблы для форм**
Связывай поля с подписями:
```html
```
```
**Клавиатурная навигация**
Элементы должны быть доступны через `Tab`:
```css
button:focus { outline: 2px solid blue; }
```
**Семантическая верстка**
Используй правильные HTML-теги:
```html
```
**Контрастность**
Минимум 4.5:1 для текста (WCAG):
```css
body { color: #333; background: #fff; }
```
**Лейблы для форм**
Связывай поля с подписями:
```html
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы