Ha webhelyet hoz létre, kövesse az alábbi tippeket annak érdekében, hogy a webhely mindenki számára olvasható legyen, beleértve a fogyatékossággal élő személyeket is.
Helyettesítő szöveg megadása
Használjon helyettesítő szöveget (leíró szöveget) képekhez, emblémákhoz, rajzokhoz és egyéb grafikai elemekhez. Helyettesítő szöveg nélkül a képernyőolvasót használók csak a „kép” szót hallják. Egyes képek automatikusan tartalmazzák a helyettesítő szöveget, ezért érdemes ellenőrizni, hogy a helyettesítő szöveg valóban az-e, amit szeretne.
Helyettesítő szöveg hozzáadása vagy szerkesztése a beszúrt képeken
- Válassza ki a képet vagy az emblémát.
- Lépjen a További szerkesztési lehetőségek
Helyettesítő szöveg hozzáadása elemre.
- Adja meg a helyettesítő szöveget a leírásmezőben.
Helyettesítő szöveg hozzáadása elemre.Helyettesítő szöveg hozzáadása vagy szerkesztése a háttérképeken
- Nyisson meg a gépén egy webhelyet a Google Webhelyek szolgáltatásban.
- Adja meg a háttérképek helyettesítő szövegét a következő helyeken:
- A webhely fejléce: Kattintson a fejléc bal alsó sarkában található Kép
ikonra.
- Szakasz: A panel jobb oldalán kattintson a Szakasz színei
Kép
- A webhely fejléce: Kattintson a fejléc bal alsó sarkában található Kép
- Kattintson a Helyettesítő szöveg elemre.
- Írja be a helyettesítő szöveget a Leírás mezőbe.
Kép Helyettesítő szöveg hozzáadása és szerkesztése az egyéni témalogóknál és szalaghirdetéseknél
Helyettesítő szöveg hozzáadása új egyéni témákhoz
- Nyisson meg a gépén egy webhelyet a Google Webhelyek szolgáltatásban.
- Válassza a jobb oldalon látható Témák panelt.
- Az „Egyéni” szakaszban válassza a Téma létrehozása
lehetőséget.
- Ha fel szeretne tölteni egy logót vagy egy szalaghirdetés képét, kattintson a Kép hozzáadása
- Adja meg a helyettesítő szöveget: kattintson a feltöltött képre
lehetőséget.Helyettesítő szöveg hozzáadása és szerkesztése az egyéni témafejléceknél
- Nyisson meg a gépén egy webhelyet a Google Webhelyek szolgáltatásban.
- Válassza a jobb oldalon látható Témák panelt.
- Az egyéni téma jobb felső sarkában található „Egyéni” szakaszban válassza a Továbbiak
- A „Képek” szakaszban kattintson a fejlécképre
- Írja be a helyettesítő szöveget a Leírás mezőbe.
További információ az egyéni témákról.
Erős színkontraszt használata
Az erős színkontraszttól könnyebben olvashatóbb és átláthatóbb lesz a szöveg csakúgy, mint a képek. A Web Content Accessibility Guide (WCAG) 2.0 a 4,5:1 minimális arányt ajánlja a nagy méretű szövegek és képek esetében, a többi kép és szöveg esetében a 7:1 arányt. Kerülje például fehér háttéren elhelyezett a világosszürke szöveget.
A Chrome DevTools segítségével megismerheti a színkontraszt növelésére vonatkozó javaslatokat, és alkalmazhatja őket a webhelyén.
Informatív linkszöveg használata
A képernyőolvasók be tudják olvasni a linkeket, ezért az informatív linkszövegek hasznosak. Célszerű az oldal címét használni linkszövegként. Ha például a profiloldalára mutató linket jelenít meg, a link szövegében a „saját profil” szövegnek kell lennie, nem pedig a „kattintson ide” szövegnek vagy a teljes URL-nek.
A szöveg méretének és igazításának ellenőrzése
A webhely olvashatóbbá tétele érdekében használjon nagy méretű, balra igazított szöveget, ha lehetséges. A sorkizárt szöveg nehezen olvasható, mert több üres hely van a szavak között.
A formázás támogatása szöveg segítségével
A legjobb, ha nem csupán a vizuális formázásra hagyatkozik a jelentés kifejezése során. Előfordulhat, hogy a képernyőolvasók nem tájékoztatnak az olyan formázási változtatásokról, mint például a félkövér szöveg vagy a kiemelés. Ha például fontos szövegrészletet szeretne megjelölni, adja hozzá a „Fontos” szót.
Számozott és listajeles listák használata
A Google Dokumentumok és a Google Diák automatikusan felismer és formáz egyes listákat a kisegítő lehetőségek érdekében. Ha például úgy kezd új sort beírni a dokumentumba, hogy begépeli az 1-es számot, majd a pontot, az új sor automatikusan a számozott lista első elemévé válik. További információ a listajeles és számozott listák formázásáról.