Kohdistus ei peity (parannettu vaatimus)

Mitä vaaditaan

2.4.11 sallii osittaisen peittymisen, kunhan jokin osa kohdistuneesta elementistä pysyy näkyvissä. 2.4.12 poistaa tämän sallittavuuden: kohdistuneen elementin on oltava kokonaan näkyvissä. Painikkeelle tabuloimisen on asetettava koko painike näkymään siten, ettei mikään peitä sitä — ei kiinteä ylätunniste leikkaa yläreunaa, ei chat-kupla alaosaa.

Tämä on AAA-taso ja tavoitteellinen useimmille tiimeille, mutta se on oikea tavoite suunnittelujärjestelmille, joita käytetään julkishallinnossa, terveydenhuollossa ja koulutuksessa, joissa näppäimistön luotettavuus ei ole neuvoteltavissa.

Kuinka vaatimus täytetään

• Aseta scroll-padding-top ja scroll-padding-bottom vierityskontaineriin riittävän suuriksi — hieman enemmän kuin kaikkien kiinteiden elementtien yhteiskorkeus.
• Piilota chat-widgetit automaattisesti, kun kohdistuva elementti lähestyy niiden sijaintia, tai siirrä ne pois tieltä kohdistustapahtumissa.
• Kiinteiden alatunnisteiden osalta harkitse ei-kiinteitä vaihtoehtoja tai pienennä niitä vierittäessä niin, että ne peittävät vain otsikkosisältöä, ei koskaan ohjaimia.
• Auditoi kaikki sivut, joilla on sekä kiinteä ylätunniste että kiinteä alatunniste. Turvallinen vyöhyke niiden välissä kapenee nopeasti erityisesti pienillä näkymillä.
• Testaa 200 %:n selainzoomauksella ja 400 %:n zoomauksella (onnistumiskriteerissä 1.4.10 Uudelleenjuoksu) — kiinteät elementit, jotka toimivat 100 %:ssa, voivat nyt täyttää koko näytön.

Yleisiä virheitä

• Kiinteä ylätunniste, joka peittää jokaisen kohdistuskehyksen ylimmän 4 pikselin — hyväksyttävää 2.4.11:n kannalta, mutta 2.4.12 ei täyty.
• Ohituslinkkikohteet, jotka sijoittuvat <main>-elementin aivan alkuun, jolloin kohdistuskehys jää osittain kiinteän ylätunnisteen alle.
• Kelluvat „Ohje“-painikkeet oikeassa alakulmassa, jotka peittävät 1 pikselin kohdistettujen painikkeiden kulmasta tällä alueella.
• Markkinointitunnisteiden työntämät kampanjabannerit, joita ei ole otettu huomioon suunnittelujärjestelmän scroll-padding-arvoissa.
• Mobiililaitteiden alatunnisteet, joissa Tab viimeiselle lomakekentälle näyttää kentän kohdistuskehyksen hieman leikattuna alareunasta.

Miksi tämä on tärkeää

Heikkonäköisille käyttäjille, jotka ovat riippuvaisia kohdistusindikaattorista sijaintinsa seuraamiseen, jopa osittainen leikkautuminen voi tehdä indikaattorista käytännöllisesti katsoen näkymätön — 2 pikselin reunaviiva, jonka yläpikseli on leikattu, näyttää 1 pikselin viivalta, joka sekoitetaan helposti reunukseen. Parannettu kriteeri kohtelee kohdistusindikaattoria ensiluokkaisena käyttöliittymäelementtinä, jolla on oikeus koko rajausruutuunsa näytöllä. 2.4.12:een sitoutuminen pakottaa tiimit rationalisoimaan kiinteiden elementtien budjettinsa, mikä usein parantaa asettelua kaikille.