Hiányzó alt attribútum jelölése

Addy Osmani posztolta nemrég a Twitter-en a következő egyszerű CSS szabályt:

img:not([alt]) {
filter: blur(5px);
opacity: 0.5;
}

A CSS-t kevésbé ismerő olvasóknak egy nagyon rövid magyarázat: Minden kép, amelyre nem teljesül, hogy van alt attribútuma, az kapjon egy 5px-es homályosítást illetve legyen félig áttetsző.

Szerintem kifejezetten ötletes megoldás. Néhány helyre már be is üzemeltem, hogy gyorsabban észrevehessem a hiányzó alt elemeket. Persze csak fejlesztő módba!

Ez a weboldal cookie-kat (sütiket) használ azért, hogy weboldalunk használata során a lehető legjobb élményt tudjuk biztosítani.

OK!