1
Самый большой секрет HTML: тег <output>
Все знают рабочую лошадку <input>, но кто-нибудь слышал о его родном брате <output>? Большинство разработчиков его игнорируют, а зря.
Этот тег нативно решает проблему, которую годами закрывали связкой <div> и ARIA-атрибутов: объявление динамических результатов для скринридеров.
<output> — это и есть семантический результат вычисления. Он по умолчанию имеет role='status', то есть сообщает пользователю об обновлениях. У него даже есть атрибут for, чтобы связать его с input'ами.
Почему о нём забыли? Похоже, он просто не попал в туториалы.
Пора взглянуть на сокровище, которое всё это время скрывалось в спецификации HTML.