Blog verze 4 – přístupnost

S redesignem blogu přišla a poměrně rozsáhlá změna kódu – většinu změn normální uživatel nijak nepocítí (nebo alespoň neuvidí na první pohled), ale doufám, že pomohou alespoň postiženým uživatelům. Takže postupně a napřeskáčku:

Celý web je zobrazitelný bez obrázků, CSS, JavaScriptu (ten používá zatím jen neviditelná statistika TopListu, což zobrazování nijak nevadí), Flashe a Javy. V budoucnu zřejmě přidám JavaScriptový přepínač stylů, ale ani ten nebude přístupnosti nijak vadit.

Na začátku kódu je odkaz pro skok na menu, před menu se nachází odkaz na přeskočení menu.

Vlastní obsah stránky je nyní v kódu umístěn před menu.

Důležité odkazy (tj. menu, prohlášení o přístupnosti, kontakt a copyright) mají přiřazeny accesskeys od jedné do sedmi. Tento fakt je uveden v prohlášení o přístupnosti a title odpovídajících odkazů. Accesskeys mají přiřazeny čísla místo písmen, protože se tím snižuje pravděpodobnost, že se budou rvát s jinými funkcemi prohlížečů / čteček / čehokoliv dalšího co uživatel používá. Více o accesskeys píše na mezzoblue Dave S.

Všechny fonty jsou udány v relativních jednotkách (em), takže si je mohou libovolně zvětšit i uživatelé JESPRu. Zvětšení písma do určité velikosti nerozhodí layout, ani patičku.

Při použití tabulátoru pro pohyb na webu jsou důležité odkazy jako první (úplně první je vyhledávání nebo formulář pro komentář).

Odkazy mají pomocí CSS definovány všechny stavy (link, visited, active, focus a hover). I při použití klávesnice tedy vidíte, na kterém odkazu se nacházíte.

Na všech stránkách webu se nachází odkaz na homepage, prohlášení o přístupnosti a kontakt na admina (kdo by to tak mohl být?). :-)

BONUS pro vyhledávače: Stránky mají optimalizovány title a meta tagy description a keywords. Hrál jsem si s tím včera celý večer s META tag analyzerem a podařilo se mi všechny hodnoty dostat nad 80%.

Follow @janrezac