# Come mostrare/nascondere un elemento a cambio di risoluzione ma

**URL:** <https://forum.italia.it/t/come-mostrare-nascondere-un-elemento-a-cambio-di-risoluzione-ma/32869>\
**Category:** Progettare siti e servizi pubblici digitali\
**Created:** [14 Febbraio 2023, 3:34pm UTC](https://forum.italia.it/t/come-mostrare-nascondere-un-elemento-a-cambio-di-risoluzione-ma/32869 "2023-02-14T15:34:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlessandroVecchi](https://forum.italia.it/user_avatar/forum.italia.it/alessandrovecchi/32/513_2.png) [@AlessandroVecchi](https://forum.italia.it/u/AlessandroVecchi)\
**Post date:** [14 Febbraio 2023, 3:34pm UTC](https://forum.italia.it/t/come-mostrare-nascondere-un-elemento-a-cambio-di-risoluzione-ma/32869/1 "2023-02-14T15:34:21Z")

</div>

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):

```auto
      <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