Archiwum dla kategorii ‘technikalia’

Dostępne formularze - etykiety cz. 2.

18 gru 2009

Poprzednio skupiłem się na technicznych aspektach oznaczania elementów formularza. Jak obiecałem pociągnę ten temat dalej (trochę mi to zajęło niecierpliwych przepraszam ;-) ).

Grupowanie elementów

Tak jak istotna do zrozumienia idei jest najczęściej kolejność pól formularza tak, zwłaszcza w przypadku bardziej rozbudowanych, konieczny staje się ich podział na logicznie powiązane ze sobą grupy. Na fali zainteresowania użytecznością często w warstwie wizualnej podział formularza jest realizowany, i dobrze. Ale czy przy okazji pamiętamy o użytkownikach, którzy z tej warstwy nie korzystają?

W poprzednim wpisie wspomniałem o znacznikach <fieldset> i <legend>. To dwa powiązane ze sobą elementy często ignorowane, prawdopodobnie ze względu na pewne niedogodności w stylowaniu. To właśnie one najlepiej nadają się do organizowania formularzy. Czytaj dalej artykuł "Dostępne formularze - etykiety cz. 2." »

Dostępne formularze - etykiety cz. 1.

20 paź 2009

Formularze są, zwłaszcza w dobie nacisku na interakcje z użytkownikiem, nieodłączną częścią stron internetowych. Mogą jednak użytkownikom m.in. korzystającym ze screenreaderów przysporzyć trudności jeśli podczas ich tworzenia nie mamy na uwadze kilku ważnych aspektów

Ponieważ temat jest obszerny postanowiłem poświęcić mu kilka wpisów. Ten, który właśnie czytasz jest pierwszym, a zaczynamy od rzeczy bardziej oczywistych, ale czy na pewno?
Czytaj dalej artykuł "Dostępne formularze - etykiety cz. 1." »

Skip linki są (nie)potrzebne

14 paź 2009

Jak obiecałem - zajmuję się tematem tzw. skiplinków. Skiplink to anglicyzm oznaczający dodatkową nawigację (często ukrytą w warstwie wizualnej) pozwalające na szybkie przemieszczanie się pomiędzy elementami składowymi strony. Najczęściej umieszczane na początku strony pozwalają przeskoczyć np. wprost do treści z pominięciem nawigacji.Ich wykorzystanie to realizacja m.in. wytycznej 13. WCAG - Zapewnij jasny mechanizm nawigacyjny.

Podczas badania stron serwisów partii politycznych brak dodatkowej nawigacji w połączeniu z brakiem jakichkolwiek nagłówków i rozmieszczeniem elementów na stronie metodą to co po lewej (menu) pierwsze na stronach PSL wprawiał użytkowników w nie lada frustrację. A to dlatego, że biedny użytkownik musiał za każdym razem odsłuchać nazwy wszystkich elementów w menu zanim doczłapał do treści.

Układ zamiast nawigacji

W tytule postawiłem śmiałą tezę, że skip linki są niepotrzebne. Bo kto powiedział, że jasny mechanizm nawigacyjny da się zapewnić tylko w ten jeden sposób? Z obserwacji wiem, że osoby niewidome trafiając na "nową" stronę zaczynają od sprawdzenia czy strona ma nagłówki Hx. Dopiero później zwracają uwagę na alternatywne sposoby nawigacji. Jeśli więc na stronie pojawi się <h2>Menu główne</h2> ... <h2>Tytuł artykułu</h2> - zapewnimy użytkownikowi mechanizm nawigacyjny co jest naszym celem.

Nie bez znaczenia jest też układ elementów w kodzie źródłowym strony. Jeśli treść znajdzie się przed nawigacją (CSS pomoże ładnie to ułożyć potem na stronie) to w znaczącej większości wypadków zapewnimy użytkownikowi szybki dostęp do informacji, której akurat poszukuje. Skip link do treści z oczywistych powodów potrzebny nie będzie, pozostaje ew. linkowanie do nawigacji.

Jeśli dodatkowo będziemy konsekwentnie trzymać się układu i kolejności elementów na poszczególnych stronach - sukces nieomal murowany.

Nieomal, ponieważ kwestia dotyczy nie tylko niewidomych ale również użytkowników przeglądarek tekstowych (mało ich już) oraz urządzeń mobilnych. Ja sam nie raz musiałem przebierać palcami po klawiszach telefonu by przewinąć pojawiająca się stronę. Dla tychże skiplinki będą nieocenioną pomocą, a ponieważ ich realizacja nie wymaga niesamowitych umiejętności i czasu to zamiast wdawać się w jałową polemikę lepiej od razu je dodać ;-)

Na koniec kilka uwag technicznych: Czytaj dalej artykuł "Skip linki są (nie)potrzebne" »

Jak to schować i dlaczego nie display:none

05 paź 2009

Strona zrobiona semantycznie, kod się waliduje, a części nawigacji i objaśnień nie słychać, czemu?

Najczęściej dlatego, że webdeveloper skutecznie to schował. Zdarza się, że do ukrywania elementów, które maja być widoczne po wykonaniu określonej akcji (przy okazji uwaga: nie ma myszki, nie ma mouseover / :hover !) albo co gorsza do ukrycia przed widzącymi dodatkowych elementów przeznaczonych dla użytkowników screenreaderów wykorzystywane są niewłaściwe style:

  • display:none / visibility:hidden; ich użycie spowoduje, że element będzie skutecznie ukryty przed screenreaderami.
  • Podobnie w przypadku rzadziej spotykanego width:0; height:0;. Zerowymiarowe elementy wypadają z biegu (flow) dokumentu i w takiej postaci zostaną pominięte przez wiele z czytników.
  • Nieco lepiej wypada połączenie overflow:hidden z mocno ujemnym wcięciem text-indent (np. text-indent:-10000px;). Jednak w przypadku wystąpienia w takim elemencie linku w warstwie wizualnej może on się uwidocznić jako obszar aktywny od oryginalnego miejsca położenia do obecnego wymuszonego przez ujemne wcięcie. Jak to może wyglądać? Ano pojawiająca się ni stąd ni zowąd "łapka" lub obramówka linku w przypadku uzyskania fokusu.

Zatem jak? Czytaj dalej artykuł "Jak to schować i dlaczego nie display:none" »

Euro 2012 kontra eIntegracja 2010

13 paź 2008

O zbliżającym się Euro 2012 i o stanie przygotowań słychać co kilka dni w mediach i to głośno. Czy zdążymy ze stadionami? Czy będą autostrady czy tylko drogi ekspresowe? Odbiorą nam to Euro czy nie?

A tymczasem w głębokim cieniu medialnym upływa czas nieuchronnie zbliżający nas do znacznie bliższego terminu - zapewnienia zgodności wszystkich publicznych stron internetowych z wytycznymi W3C.

Na deklarację z 11 czerwca 2006 roku zobowiązującą kraje sygnujące m.in. do przeciwdziałania wykluczeniu społecznemu i zwiększeniu eDostępności powoływałem się już wcześniej. Przy okazji jedynego, w ostatnim czasie, wyraźnego zrywu zainteresowania inicjatywą i2010 w świecie polskiej polityki.

Czym jednak jest ta deklaracja i jakie niesie ze sobą konsekwencje? Czytaj dalej artykuł "Euro 2012 kontra eIntegracja 2010" »

PDF - używać, czy nie?

26 maj 2008

PDF, to format zapisu dokumentów opracowany i wprowadzony przez Adobe. U podstaw formatu leżało zapewnienie jednakowego wyglądu publikacji elektronicznej niezależnie od platformy, konfiguracji itd. Dzięki temu odpowiednio przygotowany materiał jest uniezależniony m.in. od obecności konkretnego kroju czcionki w systemie. PDF pozwala również na zabezpieczenie pliku przed odczytem, modyfikacjami, czy wręcz drukowaniem.

Te właściwości w połączeniu z ogólnie dostępnymi, darmowymi i niewielkimi programami do odczytu plików w formacie PDF stała sie przyczyną jego popularności.

Ogólnodostępny to nie znaczy jeszcze dostępny. Czytaj dalej artykuł "PDF - używać, czy nie?" »

Captions - napisy nie tylko do DivX'ów

28 mar 2008

Zapewnij ekwiwalent treści audio-wizualnej - cz.2

Captions (jakoś nie znajduję dobrego polskiego odpowiednika) to podpisy/napisy towarzyszące odtwarzanemu obrazowi. Oprócz popularnych napisów do filmów z oryginalną wersją językową, gdzie zapisane są jedynie dialogi, występują w wersji dostępnościowej: z opisem istotnych dźwięków (np. "[odgłos zbliżającej się burzy]")

Choć na początku (pomijając kwestie tłumaczeń językowych) podpisy kojarzą się pewnie wyłącznie z osobami z upośledzeniami narządu słuchu, jednak jak się okazuje to wcale nie musi być największa grupa docelowa tego typu rozwiązań. Czytaj dalej artykuł "Captions - napisy nie tylko do DivX'ów" »

Treść czytelna i zrozumiała

17 mar 2008

Dziś rzecz o mniej technicznej kwestii dostępności, czyli o przejrzystej treści.

To zagadnienie podzieliłem na trzy istotne obszary:

  1. zrozumiały język przekazu
  2. intuicyjne polecenia i opcje
  3. zrozumienie treści niezależne od medium

Czytaj dalej artykuł "Treść czytelna i zrozumiała" »

Nowelizacja Sekcji 508 - kolejny krok

10 sty 2008

Federalni też nie zasypiają gruszek w popiele. Wczoraj (9 stycznia 2008r.) zakończyła się kolejna sesja plenarna grupy roboczej (Editorial Working Group) Komitetu doradczego do spraw telekomunikacji, elektroniki i technologii informacyjnej (Telecommunications and Electronic and Information Technology Advisory Committee).1

Bieżącym obszarem zainteresowania TEITAC jest nowelizacja i ujednolicenie Sekcji 508 i "Sekcji 255" - 255 poprawki do Telecommunication Act.

Nie miałem okazji jeszcze szczegółowo zapoznać sie z tymi dokumentami, ale jak donoszą komentatorzy całość zbliża się w swej wymowie do WCAG 2.0. Jeśli tak rzeczywiście będzie - rewelacja. Z ostatecznymi owacjami musimy jednak wstrzymać się do czasu opublikowania ostatecznych wersji obu dokumentów. A póki co czekamy na podsumowanie zakończonych obrad.

1 Komitet jak piszą o sobie na wstępnie strony to ciało doradcze opiniujące i rekomendujące administracji federalnej wszelkie zmiany legislacyjne nakierowane na dostępność

Ostatnie dni na zgłaszanie uwag do WCAG 2.0

10 sty 2008

Konsorcjum W3C wprowadziło 11 grudnia 2007 roku najnowsze zmiany i aktualizacje w szkicu dokumentu WCAG 2.0 jednocześnie zmieniło jego status na "Last Call". Jest to ostatnie wezwanie do nadsyłania ewentualnych komentarzy.

Szczególnie ważne (jak wynika z uwag w sekcji "Status of This Document") są dla autorów odpowiedzi na następujące pytania:

  • czy wytyczne zawarte w dokumencie są jasne?
  • czy określone kryteria dostępności są łatwe w implementacji i testowaniu?
  • czy ich zastosowanie podniesie dostępność

Komentarze i uwagi można zgłaszać najpóźniej do 1 lutego 2008. Zasady zgłaszania zawarte są w sekcji "Status of This Document" we wspomnianym dokumencie i szerzej na osobnej stronie.


O ile nie jest to stwierdzone inaczej, wszystkie materiały na stronie są dostępne na licencji Creative Commons Uznanie autorstwa 2.5 Polska.