Zvolené téma: "Přístupnost"

HTML5 se mi začíná líbit čím dál tím více. V testovacím režimu ho už zkouším i na svém blogu. Pro mnohé je to ale stále ještě velká neznámá, proto jsem se rozhodl některé novinky trochu přiblížit. Na úvod se budu věnovat novým elementům a novým atributům v porovnání s HTML4 nebo xHTML1. Zhruba před třemi lety jste si mohli na mém blogu přečíst článek xHTML 2 versus HTML 5. Mnohé se ale změnilo, a tak dnes přináším další článek o vývoji nové verze značkovacího jazyka.

V dnešním článku se budu věnovat JavaScriptu úplně od začátku. Spousta začínajících vývojářů často chybuje v poměrně základních věcech, a tak bych rád uvedl některé z nich na pravou míru. Dodržování těchto pravidel vám pomůže dosáhnout čistého kódu, správné implementace složitých funkcí a naučí vás udržovat si pořádek v šablonách. Kromě tipů na nasazování vlastních či cizích knihoven uvedu i některé rady, jak předejít nepochopitelnému chování, na jehož řešení už bývá většinou pozdě, pokud nastane.

Čtení poslední dobou věnuji stále více času. I přes svou vytíženost dokážu si každý den rezervovat určitý čas na novinky či zajímavosti. Takhle mě při psaní jednoho článku trklo do hlavy HTML5: vždyť o něm téměř nic nevím. Nakonec jsem strávil část večera čtením specifikace, která se mi s každým dalším odstavcem líbila víc a víc. Proč to vlastně nezkusit? Kdo jiný, než my, vývojáři má prosazovat revizi zastaralé verze značkovacího jazyka?

A tak jsem udělal takový malý pokus na svém blogu. Kategorie Mikroblog a všechny články v ní jsou nyní v HTML5. Uvidíme, co tomu řeknou vyhledávače - jediný skutečný důvod, proč o zavedení pochybovat.

V následujícím článku se nedočtete, co udělat, jestliže vám najednou spadly pozice, ani rady, jak se umístit na první stránky vyhledávání. Jeho poselství je úplně jinde. Rád bych vyvedl z omylu všechny ty, kteří vehementně tvrdí, že pro dobré umístění webu je nutný validní (x)HTML kód. Tak tomu ani v nejmenším není. A o čem že to je? Na problematiku optimalizace pro vyhledávače je nutné nahlížet z více úhlů. Proto bych rád v bodech shrnul, na co soustředit namísto mnohdy nesmyslné validace. Validní kód rozhodně neodsuzuji, jen bych rád toto téma naprosto oddělil od Search Engine Optimization.

V prvním dílu svého návodu na vytvoření layoutu za použití kaskádových stylů jsem vás nabádal, abyste nepoužívali tabulky, ale divy. V dnešním článku vám pro změnu ukážu, že to jde i bez nich. "Bezdivový" je ale přecijen trochu nadsazený pojem, jeden div použijeme %1 Rozvržení stránky v CSS namísto v tabulkách už by dnes měla být samozřejmost, a já vám popíšu základy tvorby layoutu s minimálním použitím divů. Div je ze sémantického hlediska zbytečný; nic nedělá. A HTML je jazyk bohatý, tudíž můžeme využít spoustu jiných značek pro rozvržení stránky.

Jak jsem již zmínil v poslední článku, existují 3 způsoby, kterými můžete vytvořit lay-out pro svůj web. Rámy, tabulky nebo tzv. striktní div/CSS. Rámy snad ani nemusím komentovat, ovšem horší je to s tabulkami. I dnes mnoho webů používá tento nesprávný způsob rozvržení. Tabulka je určena pro zobrazování tabulkových dat, a ne pro lay-out celého webu. Na popud všech těch stránek / tabulek jsem se rozhodl napsat následující tutoriál. Doufám, že Vám alespoň trochu pomůže. To by snad na úvod stačilo, a pustíme se do toho =o)

Nejdřív si vytvoříme jednoduchou (x)HTML stánku a vhodně do ní umístíme divy. (nečti jako Ď =o) ) Divů není nikdy dost, a když náhodou jeden neostylujeme, nic se nestane. Stránka by mohla vypadat nějak takto: index.htm. A protože chceme mít moderní web se vším všudy, začneme rovnou s XHTML 1.0 Strict =o) Do stránky zatím nebudeme vkládat žádný obsah a pustíme se do samotného stylopisu.

Vytvořit webové stránky není nic těžkého – dnes už se to umí spousta lidí, a tvorba webu se dokonce vyučuje i na středních školách. Ovšem vytvořit kvalitní internetovou prezentaci není nic jednoduchého. Nestačí jen nastavit velikost písma, texturu na pozadí a pár obrázků… Také grafika je nedílnou součástí dobrého webu, ovšem té se v tomto článku věnovat nebudu. I stránka s jednoduchou grafikou může být velice kvalitní, dodržuje-li některé zásady tzv. přístupného webu. Začínající webmasteři totiž nedodržují některé základní pravidla při tvorbě svých stránek. Dopadá to tak, že koukáte na weby s nečitelným textem, rozhozeným layoutem a spoustou animací, ze kterých Vás bolí oči.