Az oldal tipográfiájának ellenőrzése (HTML jelölések)

2. címsorszint (h2)

A HTML5 címsorszinteknek hierarchikusan kell követniük egymást. Az 1. címsorszint a bejegyzés címe (vagy más), nem használjuk sem bejegyzésben sem az oldalon.

A Web-akadálymentesítési Útmutató 2.0 (WCAG 2.0) széleskörű ajánlásokat foglal magába a webtartalom minél könnyebb eléréséhez.

3. címsorszint (h3)

Az irányelvek követésével a tartalom széles körben lesz elérhető az olyan fogyatékkal élők számára, mint a vak és gyengénlátó, a siket és hallássérült, a tanulási nehézségekkel küzdő emberek, az gyengébb értelmi képességű, a mozgássérült, a beszédhibával rendelkező, a fényre érzékeny és a mindezek kombinációjával küzdő emberek.

4. címsorszint(h2)

Az irányelvek követésével a webtartalom használhatóbbá válik a mindennapi felhasználó számára is.

Hosszú idézet és hivatkozás

A WCAG 2.0 fejlesztése a W3C folyamat részeként, az egész világon egyének és intézmények együttműködésében folyik, azzal a céllal, hogy olyan, a webtartalom elérhetőségét biztosító közös szabványt biztosítson, amely nemzetközi szinten megfelel a magánszemélyek, intézmények és kormányok igényeinek. A WCAG 2.0 2.0 a WCAG 2.0 1.0-ra [WCAG1.0] épül, és azzal a szándékkal készült, hogy napjainkban és a jövőben is széles körben alkalmazható legyen a különböző webtechnológiákhoz, valamint, hogy az automatizált ellenőrzés és emberi értékelés kombinációjával tesztelhető legyen.

Forrás: A WCAGmegismeréséhez tekintse meg A Web Akadálymentesítési Útmutató (WCAG) oldalt.

Egyszerű táblázat

Honlap-elem WCAG követelmény
Képek Helyettesítő szöveg Képernyőolvasót használók is értesülnek a kép tartalmáról.
Linkek leírása Beszélő elnevezés Ha csak a linkeket nézzük meg, akkor is egyértelmű legyen, hogy hová vezet a link.
Linkek megjelenítése Aláhúzva Kivétel a menükben, gombokban. A lényeg, hogy színnel és mással legyen megkülönböztetve a vezérlőelem a többi szövegtől
Billentyűzet Minden vezérlőelem aktiválható billentyűzetről A TAB billentyűvel végig kell tudnunk lépkedni az összes vezérlőelemen, az ENTER billentyűvel aktiválhatjuk.

Definíciók listája

Ez a definíció címe
Ez a definíció maga
Akadálymentes weboldal
Az angol accessible webpage kifejezés félrefordítása. A helyes fordítás valami ilyesmi: használható weboldal, kezelhető weboldal, működtethető weboldal.

Számozott és számozatlan listák

A web használhatóságának kritériumai

  1. Észlelhetőség
    • Szöveg biztosítása minden elemhez
    • Idő-alapú média alternatívái
    • Egyszerűbb elrendezés
    • A tartalom könnyű észlelhetősége
  2. Működtethetőség
    • Billentyűzettel is használható legyen
    • Elegendő idő szükséges az olvasáshoz
    • Ne legyen semmi, ami rohamot okozhat
    • Könnyű navigálhatóság
  3. Érthetőség
    • A szöveges tartalom minősége
    • A honlap működésének kiszámíthatósága
    • Az adatbevitel megkönnyítése
  4. Robusztusság
    • Kompatibilitás

Szövegen belüli értelmezést segítő elemek

A HTML5 segítségével a különböző jelentésű tartalmakat szemantikus elemekkel tudjuk megjelölni. Ez biztosítja a szöveg könnyebb érthetőségét. A Manduca sablonban használt szemantikus elemek tipográfiai megjelenését a következő példákban mutatom meg:

Megkülönböztetés:

A szövegben van egy kiemelt szó.

Kiemelés:

Ebben a mondatban a lényeges részt kiemeltem

Idézet:

A web mindenkié

Cím:

7400 Magyarország, Akadálymentes weboldal utca 8.

Link:

WEB25: Akadálymentes honlap (külső)

Rövidítés:

BKV

Irodalmi hivatkozás (szó szerint hivatkozás egy szellemi termékre):

A szabvány részletes szövege megtalálható a Web-akadálymentesítési útmutatóban.

Programkód

A CSS-ben használatos kódok, mint pl. a word-wrap: break-word; jó barátaid lehetnek.

Beszúrt elem

A HTML5-ben külön jelölés van a beszúrt, beillesztett szövegre.

Vers, fix szélességű sortörés

Még nyílnak a völgyben a kerti virágok,
Még zöldel a nyárfa az ablak előtt,
De látod amottan a téli világot?
Már hó takará el a bérci tetőt.

Alsó index

A víz vegyjele: H2O.

Felső index

A matekban és a fizikában is használjuk képletekhez Pl. E = MC2.