Az `alt` attribútum a képet írja le annak, aki nem látja: képernyőolvasó-felhasználók, lassú kapcsolat, ahol a kép sosem töltődik be, és a tartalmát indexelő keresőmotorok. Egyszerre WCAG-követelmény és kép-SEO-input. A kérdés az információ leírása, nem a pixeleké: az „oszlopdiagram, ahogy a rendelések megduplázódnak az indulás után” szolgálja az olvasót; a „chart.png” senkit.
A díszképek üres `alt=""`-ot kapnak — jelen van, de figyelmen hagyott —, mert a tartalom nélküli „kép” felolvasás rosszabb a csendnél. A leggyakoribb valódi hibák a teljesen hiányzó alt, a fájlnév-mint-alt („IMG_4032”), és a kulcsszótömés, ami akadálymentesítési funkcióból spamet csinál.
Kapcsolódó fogalmak
WCAG
A Web Content Accessibility Guidelines — a szabvány, ami meghatározza, mi teszi a webtartalmat fogyatékkal élők számára is használhatóvá; az AA-kontraszt törzsszövegre 4,5:1.
ARIA
Accessible Rich Internet Applications — attribútumok, amik azt mondják a kisegítő technológiának, mit jelent a markupod, amikor a HTML önmagában nem tudja.
Szemantikus HTML
Olyan elemek használata, amik azt jelentik, amit tartalmaznak — nav, article, button —, hogy a képernyőolvasó, a crawler és a böngésző ingyen értse az oldalt.
Lighthouse
A Google nyílt forrású audit-eszköze — laborban pontozza a teljesítményt, akadálymentességet, legjobb gyakorlatokat és SEO-t.
Ide tartozó munkapad
WebteljesítményÚjraépítés, ami mobilneten, telefonon is betölt, abban az országban, ahol az ügyfeleid tényleg vannak. A Core Web Vitals a mérőszám, a bevétel a cél.
