,

Kompendium WCAG 2.0: Wytyczna 2.4 Nawigacja

Kompendium WCAG 2.0: Wytyczna 2.4 Nawigacja
Kompendium WCAG 2.0: Wytyczna 2.4 Nawigacja
4.88 (97.5%) 8 głos[ów]

Ostatni już w tym roku wpis z cyklu Kompendium WCAG 2.0 – dotychczas omówiliśmy około 50% specyfikacji, tak więc zainteresowanych tematem WCAG 2.0 zapraszamy do śledzenia naszego bloga także w roku 2015. Na koniec roku 2014 Wytyczna 2.4 Nawigacja.

Przekład z WCAG 2.0 Guideline:

Udostępnij na stronie www narzędzia pomagające użytkownikom w nawigacji, dotarciu do treści i określaniu, w którym miejscu strony się aktualnie znajdują.

2.4.1 Dostęp bezpośredni
Zapewnij w nagłówku strony www – nie chodzi o sekcję head w samym kodzie, a o nagłówek strony z punktu widzenia użytkownika – menu służące do przechodzenia do istotnych treści serwisu za pomocą kotwic, bez konieczności przeładownia strony. Pomimo, _że każdy program czytający posiada skróty klawiaturowe, dzięki którym użytkownik może poruszać się po dowolnych elementach serwisu – nagłówkach, polach formularzy, akapitach, odnośnikach itd. w ten sposób ułatwisz osobom niewidomym nawigację przez możliwość pominięcia powtarzających się na kolejnych podstronach stałych elementów np. menu narzędziowe serwisu.

2.4.2 Tytuł strony
Każda podstrona strony www czy systemu informatycznego powinna być zatytułowana w sposób jednoznaczny. Tytuł strony to bowiem pierwszy tekst odczytywany przez czytniki ekranowe.

2.4.3 Kolejność zaznaczenia
Kolejność nawigacji po odnośnikach, elementach formularzy, itp. elementach musi mieć spójną i logiczną strukturę, tak, aby zapewnić mozliwie naturalne poruszanie się pomiędzy np. polami formularza. Przykład: Pole 1 – wpisz swoje imię, 2 – wpisz swoje nazwisko.

2.4.4 Cel odnośnika i jego kontekst
Określaj jednoznacznie cel wszystkich elementów aktywnych na stronie www. Linki, przyciski formularza, czy obszary aktywne map odnośników powinny być opisane konkretnie wraz z jasnym wskazaniem celu, do którego prowadzą.

2.4.5 wiele dróg
Do każdego elementu strony www można dotrzeć przynajmniej na dwa z wymienionych sposobów:

  • spis treści,
  • wyszukiwarka,
  • mapa strony,
  • lista podstron pokrewnych,
  • lista wszystkich podstron.

2.4.6 Nagłówki i etykiety
Nagłówki i etykiety muszą być opisane w sposób logiczny, sensowny i jednoznaczny, dzięki czemu użytkownikom łatwiej jest odnaleźć konkretną treść i zorientować się w strukturze strony. Nie wolno stosować podwójnych nagłówków i etykiet, zwłaszcza w elementach aktywnych, takich jak np. pola formularza.

2.4.7 Wyraźne akcentowanie zaznaczeń
Obsługując stronę www za pomocą klawiatury, użytkownik musi wiedzieć, który aktywny element strony ma wybrany. Podczas poruszania się po stronie klawiszem Tab musi być wyraźnie widoczne, który element został zaznaczony. Minimum jest niewyłączanie za pomocą atrybutu outline:none; tzw. autofokusu dostępnego w każdej przeglądarce internetowej.

2.4.8 Lokalizacja
Użytkownik zawsze musi wiedzieć, w którym miejscu strony www lub systemu informatycznego właśnie się znajduje. Należy zatem zapewnić odnośniki powrotne do stron nadrzędnych, które użytkownik przejrzał przed dotarciem do aktualnej strony. Najczęściej stosuje się ścieżkę linków, z angielskiego zwaną breadcrumbs.

2.4.9 Cel linku bez kontekstu
Zasada tożsama z wytyczną 2.4.4, jednak bardziej restrykcyjna: Określaj jednoznacznie cel wszystkich elementów aktywnych na stronie www. Linki, przyciski formularza, czy obszary aktywne map odnośników powinny być opisane konkretnie wraz z jasnym wskazaniem celu, do którego prowadzą. Nie mogą istnieć żadne odnośniki i elementy aktywne z tym samym tekstem kierujące w różne miejsca. Dobrym przykładem jest tutaj często spotykany odnośnik „Czytaj więcej” – na tym poziomie WCAG 2.0 należy go całkowicie wyeliminować.

2.4.10 Nagłówki sekcji
Punkt tożsamy z wytyczną 1.3.1, mówiącą o stosowaniu nagłówków w strukturze ogólnej strony www. Aby zapewnić poziom zgodności AAA nagłówki należy stosować w każdej sekcji każdego dokumentu podzielonego na sekcje. Np. jeśli artykuł jest podzielony na akapity, nagłówkiem należy opatrzyć część tytułową artykułu i każdy jego akapit.

 

Jeśli interesuje Państwa audyt WCAG 2.0 zgodny z Rozporządzeniem Rady Ministrów z dnia 12 kwietnia 2012 r. w sprawie Krajowych Ram Interoperacyjności, zachęcamy do zapoznania się z metodyką prowadzonego przez nas audytu dostępności stron www zgodnego z tym rozporządzeniem, dostępną pod tym odnośnikiem: Audyt WCAG 2.0

Dla wszystkich śledzących nasz cykl wpisów „Kompendium WCAG 2.0” przygotowaliśmy także bezpłatną aplikację mobilną Pomocnik WCAG 2.0, stanowiącą uzupełnienie tego cyklu. Aplikacja kierowana jest do webmasterów i osób odpowiedzialnych w jednostkach publicznych za dostosowanie stron www do wymagań WCAG 2.0 zgodnie z Rozporządzeniem Rady Ministrów w sprawie Krajowych Ram Interoperacyjności.

 

,

Kompatybilność aplikacji dla iPhone i iPada

Kompatybilność aplikacji iOS na rok 2015
Kompatybilność aplikacji dla iPhone i iPada
4.67 (93.33%) 6 głos[ów]

Rozwój rynku IT niesie różne niespodzianki, a czasami prowadzi do niecodziennych sytuacji. Dotychczas jednym z większych problemów do rozstrzygnięcia podczas projektowania aplikacji mobilnych był wybór wersji systemu Android na jakich aplikacja ma działać, gdyż rynek urządzeń z Androidem jest mocno pofragmentowany. Z urządzeniami opartymi o system iOS firmy Apple takiego problemu nie było – zazwyczaj najnowsza wersja systemu iPhone’ów i iPadów była tą obowiązującą. Tak działo się do mijającej właśnie jesieni, kiedy to Apple wydało najnowszy iOS 8. Abstrahując od analizy przyczyn dlaczego tak się stało, system spotkał się z chłodnym przyjęciem wśród użytkowników – po dwóch miesiącach od wydania, iOS 8 zainstalowany jest na zaledwie na 64% wszystkich aktywnych urządzeń produkcji Apple (dane oficjalne podane w grudniu przez Apple na podstawie ruchu urządzeń w sklepie App Store). W przypadku urządzeń z IOS jest to sytuacja bez precedensu – dotychczasowe aktualizacje tego systemu osiągały współczynnik instalacji rzędu 90% po 4 tygodniach od premiery. Taka sytuacja rodzi problem wśród osób, czy firm planujących wydanie aplikacji mobilnej dla iOS na rok 2015. Na pewno powinna być kompatybilna z iOS 8, bowiem procent udziału tego systemu w rynku będzie rósł, gdyż nowe iPhone’y i iPady sprzedawane są z tą wersją systemu. Pierwszy raz jednak trzeba wziąć pod uwagę, także w przypadku nowych aplikacji, kompatybilność wsteczną z iOS 7 – system ten obecnie ma wciąż 36% udziałów, co przekłada się na miliony użytkowników, którzy dotychczas nie przeszli na nowy system, zatem z dużym prawdopodobieństwem można założyć, że nie zamierzają tego zrobić – a ma to znaczenie w przypadku aplikacji, która z założenia powinna dotrzeć do jak największej grupy odbiorców.

Oczywiście powyższa uwaga ta nie dotyczy aplikacji korporacyjnych nieprzeznaczonych do rozpowszechniania publicznego w App Store – takie aplikacje są ściśle dostosowywane do wymagań działu IT danej firmy, a przeznaczone zazwyczaj do użytku wewnętrznego na określonej liczbie urządzeń ze zdefiniowaną „z góry” wersją systemu operacyjnego.

,

Kompendium WCAG 2.0: Wytyczna 2.3 Ataki padaczki

Kompendium WCAG 2.0: Wytyczna 2.3 Ataki padaczki
Kompendium WCAG 2.0: Wytyczna 2.3 Ataki padaczki
4.8 (96%) 5 głos[ów]

Przekład powyższej wytycznej z WGAG 2.0 Gudieline ma następujące brzmienie:

Unikaj układania treści w formie, która mogłaby spowodować atak padaczki.

2.3.1 trzy błyski przekaz podprogowy
Błyski światła działają na układ nerwowy człowieka, co u osób z grup podwyższonego ryzyka może powodować ataki padaczki. Wprawdzie epileptycy wiedzą, że nie należy korzystać z komputera przy zgaszonym świetle, niemniej jednak instrukcja WCAG 2.0 stara się obejmować również osoby zagrożone daną przypadłością, które nie są jej jeszcze świadome. Aby zminimalizować ryzyko napadów padaczkowych nie należy tworzyć treści, które migają więcej niż 3 razy na sekundę.

2.3.2 Trzy błyski
Strona www lub system informatyczny jest całkowicie pozbawiony elementów migających z większą częstotliwością, jak trzy razy na sekundę.

 

Jeśli interesuje Państwa audyt WCAG 2.0 zgodny z Rozporządzeniem Rady Ministrów z dnia 12 kwietnia 2012 r. w sprawie Krajowych Ram Interoperacyjności, zachęcamy do zapoznania się z metodyką prowadzonego przez nas audytu dostępności stron www zgodnego z tym rozporządzeniem, dostępną pod tym odnośnikiem: Audyt WCAG 2.0

Dla wszystkich śledzących nasz cykl wpisów „Kompendium WCAG 2.0” przygotowaliśmy także bezpłatną aplikację mobilną Pomocnik WCAG 2.0, stanowiącą uzupełnienie tego cyklu. Aplikacja kierowana jest do webmasterów i osób odpowiedzialnych w jednostkach publicznych za dostosowanie stron www do wymagań WCAG 2.0 zgodnie z Rozporządzeniem Rady Ministrów w sprawie Krajowych Ram Interoperacyjności.

 

,

Bezpieczeństwo aplikacji w Google Play

Bezpieczeństwo aplikacji w Google Play
Bezpieczeństwo aplikacji w Google Play
4.88 (97.5%) 8 głos[ów]

Ostatnie wiadomości e-mail od obsługi sklepu z aplikacjami Google Play wzbudziły spore zaniepokojenie wśród części właścicieli i wydawców aplikacji dla systemu Android. Mail zawiera informację, że aplikacje mają błąd mogący stanowić lukę bezpieczeństwa i powinny być jak najszybciej zaktualizowane, w przeciwnym wypadku mogą zostać uznane przez Google za szkodliwe i usunięte ze sklepu. Nasza rada – lepiej nie ignorować tego e-maila, bo choć mało prawdopodobne jest, aby Google faktycznie usunęło aplikacje (robi to tylko w wyjątkowych sytuacjach), to jednak aplikacje powinny zostać uaktualnione z szacunku dla ich użytkowników.

Problem dotyczy wyłącznie aplikacji na Androida opartych na frameworku Apache Cordova. Jest to dość popularny silnik, wykorzystywany do budowy niezbyt skomplikowanych aplikacji mobilnych, udostępnianych na różnych systemach operacyjnych. Cordova ma tę zaletę (i naszym zdaniem wielu innych zalet nie ma), że aplikacja powstaje raz, a framework umożliwia jej stosunkowo łatwe przeportowanie na różne urządzenia, co pozwala ograniczać koszty – i w tym zapewe należy upatrywać sporej popularności tego rozwiązania. Skąd jednak to zamieszanie? Specjaliści IBM Security Systems odkryli w wydaniach Cordovy do wersji 3.5.0 lukę bezpieczeństwa, umożliwiającą przejęcie przez nieuprawnioną osobę kontroli nad telefonem, czy tabletem z Androidem. Wbrew alarmującemu tonowi maila od Google Play luka nie jest krytyczna, niemniej jednak istnieje. Apache zareagowało stosunkowo szybko i wydało uaktualnienie frameworka likwidujące problem. Nie oznacza to jednak, że aplikacje dostępne w Google Play automatycznie zostały zaktualizowane. Każda z nich wymaga ponownej kompilacji z użyciem nowej wersji Cordovy i ponownego przesłania pliku do sklepu Google, tak aby użytkownicy mogli pobrać aktualizację na swoje urządzenia.

,

Kompendium WCAG 2.0: Wytyczna 2.2 Wystarczająca ilość czasu

Kompendium WCAG 2.0, Wytyczna 2.2 Wystarczająca ilość czasu
Kompendium WCAG 2.0: Wytyczna 2.2 Wystarczająca ilość czasu
4.33 (86.67%) 9 głos[ów]

Dosłowny przekład instrukcji WCAG 2.0 Guideline brzmi:

Zapewnij użytkownikom wystarczającą ilość czasu do spokojnego przeczytania, interpretacji i przetworzenia treści.

2.2.1 Możliwość ustawienia ilości czasu – WCAG 2.0 poziom A

Zapewnij użytkownikom taką ilość czasu na wykonanie czynności, jakiej potrzebują, bez nagłego zmieniania treści w wyniku nałożonego limitu czasowego. Jeśli strona www lub system teleinformatyczny ma limit czasu na wykonanie określonej czynności należy zapewnić opcję wyłączenia lub zwiększenia tego limitu. Wytycznej tej nie podlegają zdarzenia na stronie www zachodzące w czasie rzeczywistym, gdzie limit czasu stanowi funkcjonalność serwisu. Dobrym przykładem będzie tu aukcja internetowa.

2.2.2 Przerwa, stop, schowaj – WCAG 2.0 poziom A

Wszystkie treści informacyjne automatycznie przewijane, przesuwane, migające, widoczne dłużej jak 5 sekund, a jednocześnie prezentowane równolegle z inną treścią muszą być możliwe do zatrzymania, wyłączenia lub ukrycia. Wyjątek jest dopuszczalny w sytuacji, kiedy przesuwanie lub miganie treści jest nieodzowną częścią wykonywanej czynności, np. animacja widoczna w czasie wczytywania treści. Wówczas jej zatrzymanie mogłoby wprowadzić użytkownika w błąd, sugerując przerwanie wczytywania. Dopuszczalne jest użycie elementów ruchu, migania lub przewijania w celu zwrócenia uwagi użytkownika lub wyróżnienia treści, jeśli nie trwają dłużej, niż 3 sekundy.

2.2.3 Bez limitu czasu – WCAG 2.0 poziom AAA

Zapewnij użytkownikom tyle czasu ile potrzebują na wykonanie każdego zadania na stronie www lub w systemie teleinformatycznym. Na tym poziomie WCAG 2.0, na stronie www nie występują żadne limity czasu.

2.2.4 Brak zakłóceń – WCAG 2.0 poziom AAA

Na stronie www lub w systemie teleinformatycznym istnieje możliwość odłożenia w czasie lub wyłączenia wszystkich komunikatów, informacji itp. elementów, mogących rozpraszać użytkownika i przeszkadzać w trakcie korzystania ze strony w każdym jej elemencie i funkcjonalności. Wyjątkiem są sytuacje, takie jak użyteczne, pilne alarmy np. przypomnienia zadefiniowane przez samego użytkownika o ważnym terminie lub spodziewane potwierdzenia w czasie wprowadzania zmian.

2.2.5 Ponowne potwierdzenie autentyczności – WCAG 2.0 poziom AAA

Gdy kończy się czas sesji użytkownika (np. po zalogowaniu do portalu) i system poprosi o ponowną autoryzację, użytkownik będzie móg kontynuować czynności bez utraty danych z aktualnie otwartej strony.

Jeśli interesuje Państwa audyt WCAG 2.0 zgodny z Rozporządzeniem Rady Ministrów z dnia 12 kwietnia 2012 r. w sprawie Krajowych Ram Interoperacyjności, zachęcamy do zapoznania się z metodyką prowadzonego przez nas audytu dostępności stron www zgodnego z tym rozporządzeniem, dostępną pod tym odnośnikiem: Audyt WCAG 2.0

Dla wszystkich śledzących nasz cykl wpisów „Kompendium WCAG 2.0” przygotowaliśmy także bezpłatną aplikację mobilną Pomocnik WCAG 2.0, stanowiącą uzupełnienie tego cyklu. Aplikacja kierowana jest do webmasterów i osób odpowiedzialnych w jednostkach publicznych za dostosowanie stron www do wymagań WCAG 2.0 zgodnie z Rozporządzeniem Rady Ministrów w sprawie Krajowych Ram Interoperacyjności.

 

,

Flapping Fish – nowa gra mobilna dla iOS i Androida

Flapping Fish - gra mobilna dla iOS i Windows Phone
Flapping Fish – nowa gra mobilna dla iOS i Androida
4.9 (98%) 10 głos[ów]

Lubicie w swoich telefonach gry w stylu Flappy Bird? Co ciekawe, ten wyrosły spontanicznie przebój mobilnej rozrywki znajduje coraz szersze zastosowanie w promocji i marketingu szeregu marek. Sam pomysł na prostą, ale wciągającą grę idealnie bowiem adaptuje się do roli miłego prezentu od marki – przerywnika po który sięga się w tramwaju, czy w kolejce do lekarza.

Flapping Fish to przygotowana przez nas propozycja wpisująca się w powyższy akapit. Jeśli chcecie wiedzieć więcej, zajrzyjcie na oficjalne strony rybki.

 

,

Andromeda Meteors do pobrania dla iOS i WP

Andromeda - nowa gra od Entera Studio WWW
Andromeda Meteors do pobrania dla iOS i WP
4.88 (97.5%) 8 głos[ów]

Andromeda to jedna z naszych nowych propozycji na rynku aplikacji mobilnych – gra logiczno-zręcznościowa zaprojektowana i zoptymalizowana specjalnie pod kątem urządzeń dotykowych. W grze zawarliśmy m.in. 60 starannie zaprojektowanych plansz na trzech poziomach trudności i sporo dobrej zabawy. Algorytmy fizyki i losowo generowany układ plansz sprawiają, że gra w Andromedę się nie kończy – w grze nigdy nie występuje powtarzalny układ obiektów na planszy.

Dostępna bezpłatnie dla telefonów i tabletów z systemem Windows Phone i iOS.

 

,

Hangman

Gra mobilna - Wisielec
Hangman
4.86 (97.14%) 7 głos[ów]

Pamiętacie tradycyjną grę w odgadywanie haseł zwaną Wisielec? Dla tych, którzy nie pamiętają: Wisielec to gra w szukanie słów. Zasady są proste: widzisz zakryte hasło, wybierasz literę – jeśli występuje ona w szukanym słowie, zostanie odkryta. Jeśli wybranej litery nie ma w haśle, kat buduje kolejny fragment szafotu…

Gra Wisielec znana jest od Średniowiecza. Rozwija zdolności kojarzenia i twórcze myślenie. Może stanowić także pomoc dydaktyczną w nauce słówek języka obcego. Gra oferuje język polski i angielski – zawiera po blisko 4 tysiące haseł pogrupowanych w 6 kategoriach w każdym z języków.

Wisielec to nasza nowa propozycja demonstracyjna – już dostępna bezpłatnie dla posiadaczy smartfonów z systemami iOS, Android i Windows Phone.

 

,

Układ Słoneczny

Aplikacja mobilna Układ Słoneczny
Układ Słoneczny
4.77 (95.38%) 13 głos[ów]

Układ Słoneczny to rozbudowana aplikacja mobilna z interaktywnym modelem Układu Słonecznego, leksykonem, planetarium i multimediami. Aplikacja, oprócz tego, że stanowi nasze demo technologiczne, zabiera w wirtualną, pełną ciekawostek wycieczkę po najważniejszych ciałach Układu Słonecznego. Chcący pogłębić wiedzę znajdą w niej też szczegółowy leksykon z encyklopedycznymi opisami. Aplikacja nie oferuje przybliżonego wyglądu obiektów: ilustracje i wideo to wyłącznie rzeczywiste obrazy Układu Słonecznego zarejestrowane przez sondy kosmiczne.

Dostępna bezpłatnie dla systemów Android i Windows Phone.

 

, ,

Pomocnik WCAG 2.0

Aplikacja mobilna Pomocnik WCAG 2.0
Pomocnik WCAG 2.0
4.9 (98%) 10 głos[ów]

Dla wszystkich śledzących nasz cykl wpisów „Kompendium WCAG 2.0”, którzy nie mogą doczekać się kolejnych części, przygotowaliśmy małą niespodziankę. W największych marketach z aplikacjami na telefony komórkowe i tablety znajdziecie bezpłatną aplikację mobilną Pomocnik WCAG 2.0, stanowiącą uzupełnienie tego cyklu. Aplikacja kierowana jest do webmasterów i osób odpowiedzialnych w jednostkach publicznych za dostosowanie stron www do wymagań WCAG 2.0 zgodnie z Rozporządzeniem Rady Ministrów w sprawie Krajowych Ram Interoperacyjności. Pomaga zrozumieć WCAG 2.0 i zasady audytu WCAG 2.0. W aplikacji zawarliśmy m.in.:

• Pełny zapis specyfikacji WCAG 2.0, z wyjaśnieniami i komentarzami
• Pełny zapis poziomów WCAG 2.0, w ujęciu zgodnym z RRM w sprawie Krajowych Ram Interoperacyjności
• Praktyczny leksykon pomocny w prowadzeniu lub kontroli audytu WCAG 2.0
• Podręczny Słownik WGAG 2.0
• Narzędzia szybkiego przeszukiwania i katalogowania haseł

Aplikację można już pobierać, niemniej jednak zachęcamy do dalszego śledzenia cyklu poświęconego WCAG 2.0 na naszym blogu.