Wojciech Bednarski

Ostylowałem moje kategorie w stylu tag cloud. Użyłem pluginu WordPress Cat Cloud Plugin.

Niestety jego accessibility leży. Linki (tagi) nie są niczym oddzielone, jak wiadomo tak nie możne być.

Najprostsze wyjście to wstawić po każdym <a /> przecinek, lub jakikolwiek inny znak nie będący linkiem. Przykładowo <span>,</span>. Takie rozwiązanie ma tą wadę, że widać przecinek. Można oczywiście ostylować go przy pomocy span {display:none} lub span {visibility:hidden}.

Niestety przy zastosowaniu takich technik ukrywania tekstu nie wszystkie user agents będą w stanie poprawnie odczytać nasze intencje.

Jedynym rozsądnym sposobem na poprawienie accessibility jest lista. Należy edytować zawartość pliku z pluginem. Zamienić <div /> na listę <ul /> i objąć linka listą <li />.

$output['data'] = '<ul id="catcloud">'."\n";
foreach (explode("\n", $all_cats) as $cat) {
preg_match('{a href="([^"]+)" title="([^"]+)".*?>(.+)</a> ?\((\d+)\)}', $cat, $matches);
list(,$url, $title, $name, $count) = $matches;
$output['data'] .= sprintf("\t".'<li><a href="%s" title="%s (%s %s)" class="size-%d">%s</a></li>'."\n",
$url, $title, $count, abs($count) != 1 ? 'entries' : 'entry', $count, $name);
$counts[$count] = 1;
}
$output['data'] .= '</ul>'."\n";

Pozostało jeszcze tylko zmodyfikować style CSS, tak by lista była pozioma.

#catcloud li {
 float:left
}

#catcloud li a {
 display:block;
 padding-right:4px
}

Wygląda to np. tak:

Jeśli chcesz mieć na swoim WordPressowym blogu tagi w stylu, jak to się teraz mówi? Web 3.0 chyba i idąc dalej w duchu 3.0 powinienem napisać hat trick accessibility.

Tak czy inaczej polecam ten plugin do WordPressa z moimi drobnymi, aczkolwiek ważnymi poprawkami w kwestii dostępności.

Czytam artykuł Poznański MOPR ma stronę dla niewidomych. Myślę, super! Bo jak dotąd myślałem, że wszystkie strony administracji rządowej czy samorządowej są pisane niezgodnie ze standardami XHTML i CSS nie wspominając już o takich rzeczach jak specyfikacja dostępności dla osób niepełnosprawnych (WCAG 1.0), która na poziomie podstawowym - A (WAI-A) jest w Uni Europejskiej obowiązkowym wymogiem dla tych stron.

Doczytałem do końca i pełny optymizmu odwiedziłem stronę poznańskiego MOPR-u, która swoim widokiem twardo sprowadziła mnie do szarej rzeczywistości kiepskich włebmasterów myślących że są webmaster.

Ludzi piszących takie artykuły to też powinno się izolować. Dlaczego? Dlatego, że po tak optymistycznym tekście jaki przeczytałem, prawie zawału dostałem gdy na stronie poznańskiego MOPR-u zobaczyłem menu zrobione we flashu… Pragnę tylko przypomnieć, że osoba niewidząca nie ma dostępu do takiego menu, czyli nie może skorzystać z żadnego odsyłacza w nim zawartego więc w efekcie nie odwiedzi żadnej podstrony tej wspaniałej strony…

Pomyślałem 1 kwietnia, ale nie to grudzień i nie pierwszy… Po czym na stronie zobaczyłem nazwisko włebmastera, które jest zadziwiająco podobne do nazwiska autora artykułu w Dzienniku Internautów. Jednakże ja tu nie jestem od oceniania rzetelności artykułów na DI o której do dziś byłem przekoanany…

Wracając do sedna sprawy. Rzut oka na kod. Co widać? Ramka, nie żebym się dziwił. Co w ramce? No syf w tabelkach no czego się spodziewałeś ?.. walidacja WAI i walidacja XHTML.

No dobra, myślę strona skopana, ale jest ten program. Jak go zainstaluje to może ta strona faktycznie będzie usability. No niestety program jest tylko w wersji na Windowsy. Niestety (LOL) nie mam… więc nic z tej dostępności nie wynika…

Ograniczenia techniczne tej witryny nie pozwoliły mi przetestować tego programiku. Jednakże zrobiła to osoba dla której ten program jest przewidziany czyli osoba niepełnosprawna (jak wnioskuję z jej wypowiedzi). Cytat:

Podany program do czytania strony działa w tym przypadku jak jakaś zabawka - dla nas, dla niepełnosprawnych (niewowidzących, niewidomych) - jak bezwartościowy śmieć. Polcam uruchomienie tej strony w tym programie..

seria “Link 1..8, kliknij obrazek aby dowiedzieć się więcej” brzmi tutaj jak właśnie parodia, znowu nie śmieszna i niegodna tej treści.

To wszytko w tej sprawie. życzę Wam i sobie lepszego internetu w nadchodzącym nowym roku.

Jeśli tworzysz dostępne strony www, pisząc dostępne mam na myśli strony zgodne z założeniami WAI czy Section 508, bez odsyłaczy wykonanych w JS czy menu we Flashu itp. bezsensownych rzeczy, to penie zauważyłeś, że takie strony znajdują się wyżej w wynikach wyszukiwarek.

O tych i innych powodach, dla których warto zainteresować się dostępnością stron www przeczytasz w artykule High Accessibility Is Effective Search Engine Optimization.