Poista fokus piilotetuista elementeistä

Kun elementti on piilotettu (esim. modaalin sulkemisen jälkeen), sen ei pitäisi olla fokusoitavissa Tab-näppäimellä tai muilla näppäimistön komentoilla. Tämä estää käyttäjiä pääsemästä vahingossa piilotettuihin elementteihin ja parantaa sivuston näppäimistönavigoinnin loogisuutta

Merkitse tehdyksi

Valitse Designerissa elementti, jolta haluat poistaa fokuksen.
Aseta elementin display arvoksi none Style-paneelissa.

Kuvakaappaus Webflown Styles-paneelista, jossa elementin display-arvoksi on asetettu “none”.

Lisää piilotettuun elementtiin attribuutti: aria-hidden="true"

Kuvakaappaus Webflown Custom Attributes -osiosta, jossa elementille on lisätty attribuutti aria-hidden="true".

Paina Tab-näppäintä siirtyäksesi kaikkien sivun fokusoitavien elementtien läpi.

Piilotetut elementit eivät saa saada fokusta, kun tabbaat niiden ohi DOM-rakenteessa.
Jos piilotettu elementti saa fokusta, varmista, että sen display on none ja/tai se on merkitty aria-hidden="true".

Tarkemmat ohjeet tulossa pian...

/ 48

Tarvitsetko apua saavutettavuuden optimoimiseen?

Autamme mielellämme tekemään yrityksellenne saavutettavat verkkosivut ulkoasusta ja suorituskyvystä tinkimättä.

Varaa tapaaminen asiantuntijan kanssa