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
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Eseguire script pre e post esecuzione di un workflow di GitHub
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Eliminare una project wiki di Azure DevOps
Gestire gli accessi con Token su Azure Container Registry
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Le novità di Angular: i miglioramenti alla CLI
Criptare la comunicazione con mTLS in Azure Container Apps
Eseguire le GitHub Actions offline
Gestire domini wildcard in Azure Container Apps
Usare una container image come runner di GitHub Actions
I più letti di oggi
- Organizzare il codice JavaScript utilizzando i moduli
- Utilizzare Azure Cosmos DB con i vettori
- Comunicazione bidirezionale con WebSockets e HTML5
- Recuperare i file utilizzati di recente in un'Universal App
- Gestione avanzata delle Progress Bar con Bootstrap
- Conoscere quando una periferica viene collegata nelle Universal App
- Disponibile Internet Explorer 10 Platform Preview 2 (IE10 PP2): ancora più supporto ad HTML5
- I nuovi tag figure e figcaption in HTML5
- Utilizzare il microfono nelle applicazioni Windows Phone