Web tip #2: Jak odstranit modrý rámeček po kliknutí v Safari? • jsme nkz studio

Web tip #2: Jak odstranit modrý rámeček po kliknutí v Safari?

safari modry ramecek
Picture of Ondřej Koziorek
Ondřej Koziorek

Jak odstranit modrý rámeček, který se objeví po kliknutí na odkaz v Safari? (menu, šipky, atd)

Jedná se outline. Poskytuje vizuální zpětnou vazbu pro odkazy, které mají „fokus“ při procházení webového dokumentu pomocí klávesy TAB (nebo ekvivalentní klávesy). To je užitečné zejména pro lidi, kteří nemohou používat myš nebo mají zrakové postižení. Pokud tento obrys odstraníte, znepřístupníte svůj web těmto lidem.

Definování zaměření na navigační prvky je požadavkem na přístupnost, je to uvedeno ve Směrnicích pro přístupnost webového obsahu.

Více informací naleznete zde: https://outlinenone.com/

Proto buďte s jeho odstraněním obezřetní. Pokud i přesto jej chcete odstranit, níže naleznete kód.

Názorná ukázka

modry ramecek safari po kliknuti

Kód, který vložíte do Přizpůsobit > CSS

				
					* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
outline: none !important;
}