Ciao,
Ho un dubbio.
Per gestire la visibilità di un elemento a cambio di risoluzione del viewport senza però perdere la leggibilità da screen reader, ho partorito una soluzione di questo tipo (usando le classi si bootstrap):
<h2 class="d-block d-lg-none" aria-hidden="true">Novità</h2>
<h2 class="visually-hidden">Novità</h2>
Però l’idea di dover ripetere due volte lo stesso tag non mi piace molto, vi viene in mente una soluzione migliore senza dover creare delle classi apposite?
Presumo che se uso una cosa del genere
<h2 class="d-block d-lg-none" aria-label="Novità">Novità</h2>
La label non venga comunque letta