Najnowsze tutoriale tworzenie stron internetowych
 

WAI Web


WAI określa wytyczne dla programistów.


WAI - Web Accessibility Initiative

WAI (W3C, 1997) jest zbiorem wytycznych przeznaczonych dla programistów i projektantów, jak zrobić w internecie dostępne dla osób niepełnosprawnych.

Celem niniejszych wytycznych jest dostępność, ale będą one również pomóc w treści internetowych dostępnych dla większej liczby przeglądarek (przeglądarek głosowych, telefonów komórkowych, urządzeń ręcznych) oraz do większej liczby użytkowników pracujących w trudnych warunkach (głośnomówiący, silne światło, ciemność, zły wzrok, ciężki hałas).

Uwaga Jeśli Twoja strona nie ma możliwości WAI (dobry kontrast, tekstu skalowalne, obrazy z opisami), osoby niepełnosprawne nie będą mogli uzyskać dostęp do informacji.

Powody tworzenia witryny bardziej dostępne:

  • Będzie ona poprawić swoją reputację i zadowolenia klientów
  • Będzie to zwiększyć liczbę turystów
  • Pozwoli odwiedzający dłużej na swojej stronie
  • To sprawi, że witryny bardziej użyteczny dla osób starszych urządzeń

Pamiętaj "alt"

Atrybut alt pozwala zapewnić alternatywny tekst do obrazka:

<img src="images/banana.jpg" alt="Banana">

Czasami przeglądarka internetowa nie wyświetla obrazów. Powodem może być jednym z wielu:

  • Użytkownik ma wyłączone wyświetlanie obrazów
  • Przeglądarka jest mini przeglądarka bez wyświetlacza obrazu
  • Przeglądarka jest przeglądarka głos

Jeśli użyć atrybutu "alt", większość przeglądarek będzie przynajmniej wyświetlacz (lub odczyt) z "Alt" tekst.


Nie używaj małych czcionek

Niektóre strony internetowe za pomocą małego rozmiaru tekstu po prostu do "wycisnąć" więcej tekstu na każdej stronie, lub sprawić, że strona bardziej "stylowe".

Ponownie, odwiedzający z różnych urządzeń, warunki oglądania, lub niepełnosprawne mogą mieć trudności z czytaniem tekstu.

Uwaga Nie zmuszaj swoich gości, aby powiększyć rozmiar tekstu za każdym razem, gdy odwiedzić witrynę.

Wybrać najlepszą list i odstępu między wierszami

Tekst z dodatkowym odstępem literą jest łatwa do odczytania.

Tekst ze zmniejszonym rozstawie literą jest trudny do odczytania.

Tekst mający dobre
odstęp między wierszami
jest łatwa do odczytania.

Tekst mający zmniejszone
odstęp między wierszami
jest trudny do odczytania.


Unikać Fancy Czcionki

Normalne czcionki są łatwe do odczytania.

Italic czcionki nie są tak łatwe do odczytania.

Serif czcionki są trudniejsze do odczytania.


Unikać Słabe kolor kontrastuje

Czarny tekst na białym tle, lub biały tekst na czarnym tle, jest najlepszy dla osób niepełnosprawnych oglądania i do wyświetlania na zły sprzęt.

Szary tekst na jasnym tle może dać słabe kontrast:

Kolor tekstu #aaaaaa na białym tle
Tekst kolor # 666666 na białym tle
Tekst kolor # 333333 na białym tle
Tekst kolor # 000000 na białym tle

Szary tekst na ciemnym tle może dać słabe kontrast:

Tekst kolor # 666666 na czarnym tle
Kolor tekstu #aaaaaa na czarnym tle
Kolor tekstu #CCCCCC na czarnym tle
Kolor tekstu #FFFFFF na czarnym tle

Niektóre kombinacje - jak czarne i czerwone, czarne i niebieskie, żółte i zielone - zawsze męczy oko:

Czarny tekst na czerwonym tle
Czarny tekst na niebieskim tle
Żółty tekst na zielonym tle

A niektóre kombinacje nie są takie złe:

Czarny tekst na szarym tle
Czarny tekst na jasnoniebieskim
Czarny tekst na antyczne bieli
Biały tekst na ciemnoniebieski

Zawsze Ustaw kolor tła

Większość stron internetowych używa kolorów dla różnych elementów tekstowych. Oba nagłówki i linki są często w innym kolorze niż tekście.

Jako projektant stron internetowych, należy zdawać sobie sprawę z faktu, że użytkownicy są w stanie zmienić swoje domyślne ustawienia kolorów.

Jeśli zdefiniować kolory dla elementów internetowych (takich jak nagłówek i linków), należy również określić kolor tła.

Uwaga Jeśli nie zdefiniować kolor tła, witryna internetowa może skończyć z pewnym bardzo złym kombinacji kolorów (jak światło czerwone nagłówki na czerwonym tle, a nawet gorzej, czarny tekst na czarnym tle).