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
Azure SQL Database per dev: tutte le novità da non perdere
Estrarre solo alcuni file da uno zip tramite le classi del namespace System.IO.Compression
Evitare la compressione degli artefatti in un workflow di GitHub
Creare una file based app con C#
Effettuare la ricerca di testo nascosto in una pagina web con Javascript
Referenziare un package NuGet in una file based app .NET
Impostare il tipo di supporto dei campi Json in Entity Framework con Sql Server
Centralizzare e governare MCP server e Skill con Azure API Center
Ottimizzare i costi con Smart tier in Azure Blob Storage
Supporto semplificato per le left join in Entity Framework 10
Applicare il progressive enhancement in applicazioni web
Avviare rapidamente un container con Azure Container Apps Express
I più letti di oggi
- Personalizare l'icona e le funzionalità di un sito web per iOS e IE
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Accedere a risorse e immagini in Windows Store app di Windows 8
- Effetto turnstile su tutte le pagine con il Windows Phone Toolkit
- Alleggerire le applicazioni WPF sfruttando gli oggetti Freezable
- Permettere il Drag-and-drop solo su zone predefinite con Silverlight 2.0
- Accedere a dati esposti con WebService con Silverlight 1.0


