IE 11 su 8.1 ha un supporto nativo per il touch, che si traduce nella possibilità di utilizzare la navigazione con il touch.
Un caso particolare, in cui il browser non funziona correttamente, è la presenza di contenuti che compaiono durante l'hover. In questi casi, infatti, il click non produce risultati. Le esperienze attivate all'hover andrebbero evitate, perché sono fondamentalmente non ottimizzazione per il touch, in favore dell'uso del click, che consente di implementare una giusta UX.
Per ovviamente a questo problema, IE11 utilizza l'attributo aria-haspopup, introdotto nelle specifiche WAI-ARIA (Accessible Rich Internet Applications). Si tratta di un insieme di specifiche del W3C, appartenenti alla famiglia di HTML5, che sono stato progettate per aggiungere accessibilità alle applicazioni web.
In questo caso, aggiungendo questo attributo all'elemento che ha bisogno del comportamento di hover, anche IE11 con il touch effettuerà l'hover, che avverà in corrispondenza del tap sull'elemento.
<ul role="menu"> <li aria-haspopup="true">Livello 1 <ul role="menu"> <li>Livello 2.1</li> </ul> </li> <li>Altra voce</li> ... </ul>
Altri browser in presenza di touch emulano l'hover con il click.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare il binding di date in Blazor
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Code scanning e advanced security con Azure DevOps
Inizializzare i container in Azure Container Apps
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Determinare lo stato di un pod in Kubernetes
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Utilizzare la versione generica di EntityTypeConfiguration in Entity Framework Core
Creare moduli CSS in React
Cache policy su route groups di Minimal API in ASP.NET Core 7
Usare le collection expression per inizializzare una lista di oggetti in C#
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript