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
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Modernizzare le applicazioni WPF e Windows Forms con Blazor
Short-circuiting della Pipeline in ASP.NET Core
Organizzare il codice JavaScript utilizzando i moduli
Effettuare update massivi con Entity Framework Core 7
Gestire gli errori di caricamento delle immagini
Definire le impostazioni di cache a livello di controller in ASP.NET Core 7
Controllare se un branch esiste nel remote con un workflow di GitHub
Linting di un Dockerfile con un workflow di GitHub
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Definire lo stile CSS in base alle dimensioni del container
I più letti di oggi
- .NET Conference Italia 2023 - Milano e Online
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Microsoft Visual Studio Code: un nuovo editor gratuito per Windows, MacOSX e Linux per sviluppatori ASP.NET e Node.js
- Registrare servizi multipli tramite chiavi in ASP.NET Core 8
- Chiamare direttamente un numero di telefono con HTML5