Wojciech Bednarski

Nie tak dawno temu panowała moda na umieszczanie na stronach znaczków - Valid XHTML! i Valid CSS!

Teraz panuje moda na znaczki WAI-n, gdzie w miejsce n autorzy stron wpisują od jednego do trzech A…

Niestety walidator Cynthia lub Web Accessibility Test, czy jakikolwiek inny, sprawdza tylko syntaktykę dokumentu. Sprawdzenie semantyki pozostawiają osobie, która posiada pewną wiedzę na temat budowania dostępnych, semantycznie poprawnych dokumentów XHTML.

Niestety większość twórców stron internetowych uważa, że jeśli dokument się waliduje to jest prawidłowo napisany, dostępny i w ogóle. Otóż niekoniecznie.

Continue reading »»»

Zagadka podobna do pierwszej, ale… No właśnie, jest jedno ale.

Zasady zagadek CSS

1. Kod zawiera błąd
2. Kod zawiera dokładnie jeden błąd
3. Nie chodzi o ewentualną różnicę w interpretacji różnych przeglądarek jak Opera czy Firefox ani nawet programu Internet Explorer
4. Odpowiedzi piszemy w komentarzach do postu zagadki. Kto pierwszy ten lepszy.
5. Są to style do XHTML-a

Zagadka nr 3:

div img {
 width: 100px
}
a.strong {
 position: absolute;
 color: #333;
 height: 1em;
 padding: 2px .35em 0;
 border-bottom: 1px solid #666
}
h1 span {
 text-indent: -9999px
}

Gdzie jest błąd?

Odpowiedź na zagadkę nr 3:

Continue reading »»»

Każdy kto interesuje się choć trochę dostępnością sieci, zapewne słyszał nazwisko Joe Clark. Od czterech lat guru dostępności pracuje nad niedawno upublicznionym, dużym i ambitnym projektem The Open & Closed Project.

Główne cele projektu

1. Napisanie standardów dla czterech obszarów dostępności mediów w Internecie. Captioning, audio description, subtitling i dubbing.
2. Przeprowadzenie własnych badań, jeśli nie ma dostępnych materiałów na dany temat lub są one niewystarczające.
3. Po napisaniu standardów, rozpoczęcie procesu testowania, a po roku upublicznienie ich z wymaganymi poprawkami.
4. Końcowy etap projektu to opracowanie programu szkoleń, po ukończeniu których uzyska się stosowny certyfikat.

Continue reading »»»

Druga zagadka z serii CSS riddles.

Zasady niezmienne takie jak w pierwszej zagadce CSS. Ponadto dodałem punk 5, który wyjaśnia wątpliwości niektórych osób.

Zasady zagadek CSS

1. Kod zawiera błąd
2. Kod zawiera dokładnie jeden błąd
3. Nie chodzi o ewentualną różnicę w interpretacji różnych przeglądarek jak Opera czy Firefox ani nawet programu Internet Explorer
4. Odpowiedzi piszemy w komentarzach do postu zagadki. Kto pierwszy ten lepszy.
5. Są to style do XHTML-a

Zagadka nr 2:

<style type="text/css" media="screen">
html, body {
 color:#333;background:#fff
}

/**{ margin:0;padding:*1em
}\*/

samp {
 display:block;
 text-align:center;
 content:"Hello from CSS!"
}

.p {
 font-size:90%;<!--text-align--> /**:left*/padding:1em /*0*/ 0
}

h2 {
 display:run-in;
 padding:10px 17px 5px .0
}
</style>

Kto wie gdzie jest błąd ? ;)

Odpowiedź na zagadkę nr 2:

Continue reading »»»