Какими способами можно узнать accessible name элемента?

Question

Accepted Answer

## Зачем на практике
Нужно проверить, **что услышит/увидит AT**, а не только что нарисовано на экране.

## Методы

- Chrome/Firefox/Edge DevTools → панель **Accessibility** → Computed Name / Role.
- Screen reader: фокус на элемент и слушаем объявление (NVDA/VoiceOver).
- Автотесты: библиотеки вроде Testing Library (`getByRole('button', { name: '...' })`) опираются на AccName.
- В коде для отладки — инспекция `aria-*`, связанных `<label>`, текста ноды.

## Итог
DevTools + реальный SR + role/name-запросы в тестах — рабочий треугольник проверки имени.