Wcag

Pamiętaj, aby za każdym razem, gdy wklejasz wcześniej przygotowany teskt, usunąć jego formatowanie.

Konieczne jest wklejania czystego, niesformatowanego wcześniej tekstu, dzięki czemu treści zapisane zostają odpowiednim, ustalonym dla całego serwisu, krojem. 

• Używane kroje pisma (czcionki) powinny być bezszeryfowe (proste, bez dodatkowych ozdobników) przez co znacznie wzrasta ich czytelność. Preferowanym w Multiportalu krojem jest Calibri ze względu na System Identyfikacji Wizualnej Uczelni.
• Do składu treści używaj kroju o grubości normal/regular. Nie stosuj krojów w odmianie thin/hairline/condensed i im podobnych.
• Pogrubienie używaj wyłącznie do wyróżniania treści.
• Ograniczaj pisanie kursywą. Zbyt długie teksty pisane w ten sposób stają się nieczytelne dla części osób z dysleksją (jeśli w ten sposób wyróżniasz cytat, pamiętaj o cudzysłowach).

Treści powinny być wyrównane do lewej strony. Pomimo dostępności opcji „równaj do prawej” bądź „środkuj” wszystkie teksty powinny być wyrównane do lewego marginesu

Pamiętaj - nie justuj tekstów.

• Pamiętaj o zachowaniu odpowiedniej kompozycji tekstu. Zaplanuj cały tekst i podziel go na logiczne części (akapity)
• Akapity rozdzielaj konsekwentnie podtytułami (nagłówkami niższego stopnia: H2, H3, Nagłówek 2, Nagłówek 3)
• Stosuj zasadę odwróconej piramidy: w nagłówku i pierwszym akapicie zamieść najważniejsze informacje oraz słowa-klucze, a w dalszych akapitach rozwinięcie. Dodatkowe treści i ewentualne załączniki powinny znaleźć się w ostatniej części tekstu

Korzystaj z funkcji „lista”. Twórz listy punktowe lub numerowane, w przypadku, gdy wymieniasz elementy treści.

• Listy punktowe (punktory) mają zastosowanie w przypadku, kiedy kolejność elementów nie jest istotna.
• Listy numerowane (numerowanie) służą do zapisu listy, dla której kolejność poszczególnych pozycji ma kluczowe znaczenie.

Nie zastępuj punktorów/numeracji innymi graficznymi odpowiednikami wpisywanymi bezpośrednio przez użytkownika (np. nie wstawiaj sam myślników zamiast punktów, dostępnych przy wyborze opcji „lista”).

Zaleca się, żeby listy nie były zbyt rozbudowane – powinny dochodzić do maksymalnie trzeciego poziomu zagnieżdżenia (1.1.1).

• Pisząc do szerokiego grona odbiorców pamiętaj, że język, którym się posługujesz musi być zrozumiały – unikaj żargonu oraz ograniczaj zwroty specjalistyczne
• Unikaj stosowania skrótów, a jeżeli to konieczne przy pierwszym użyciu podaj ich rozwinięcie/ wyjaśnienie
• Staraj się unikać zdań wielokrotnie złożonych. Teksty pisane krótkimi zdaniami są zrozumiałe dla szerszego grona odbiorców
• Nie twórz pionowych napisów, zaburza to kolejność czytania tekstu

Najważniejsze, kluczowe słowa w tekście można zaznaczać np. pogrubieniem (bold), ułatwia to orientację i powrót do przerwanego czytania. Należy pamiętać o zachowaniu umiaru - zbyt dużo pogrubień w tekście zmniejsza jego czytelność.

Zmiana koloru czcionki nie może być jedynym wyróżnikiem dla treści – może pełnić jedynie rolę ozdobną. Informacje wyróżnione zapisuj grubszą odmianą kroju (bold).

Pamiętaj, że linki, które wstawiasz w treści są zrozumiałe wtedy, kiedy czytając ich opis jesteś w stanie wskazać w jakie miejsce zostaniesz przekierowany po ich kliknięciu. Więcej na informacji na temat tworzenia hiperłączy znajdziesz poniżej.

Korzystaniu ze znacznika <lang> przy wprowadzaniu pojedynczych słów albo cytatów w języku obcym. Programy czytające poprawnie wczytają słowa w języku obcym, tylko jeżeli zostanie zaznaczone konkretne słowo i wybrany język źródłowy z listy dostępnej po wciśnięciu przycisku „Ustaw język” w edytorze.

Tekst alternatywny to tekstowa informacja dotycząca tego, co widać na elemencie graficznym, a co jest ważne dla tekstu czy tematu, który ten element ilustruje. Teksty alternatywne są odczytywane przez czytnik ekranu i pozwalają osobom niewidomym zorientować się, co jest np. na grafice, zdjęciu, wykresie.

Elementy graficzne nieposiadające opisu alternatywnego zostaną odczytane przez oprogramowanie wspomagające osoby z niepełnosprawnością wzroku jako słowo „grafika”, zatem nie uzyskają one żadnych innych informacji, które ta „grafika” ma przekazać.

Tekst alternatywny ma „przezroczysty” charakter i nie będzie widoczny podczas normalnego korzystania ze strony.

• Przede wszystkim opis powinien być zwięzły i treściwy – staraj się jak najdokładniej opisać grafikę, jednocześnie robiąc to w jak najkrótszy sposób (optymalna długość tekstu alternatywnego nie powinna przekraczać 250 znaków)
• Powinien opisywać znaczenie i zawartość danego elementu graficznego
• Powinien zawierać kluczowe dla odbiorcy informacje (np. powtórzenie treści zapisanej na grafice, lub w przypadku zdjęć, opis najważniejszych elementów budujących przekaz: „Pani Rektor wręczająca dyplom habilitacyjny Doktor Annie Kowalskiej”)

W wypadku tworzenia tekstów alternatywnych dla wykresów oraz infografik pamiętaj o zawarciu w nim, oprócz tytułu, streszczenia i opisu trendów płynących z grafiki. Często, ze względu na długość i poziom skomplikowania opisywanych danych, warto umieścić opis wykresu w treści właściwej, pod samą grafiką.

Multiportal został utworzony zgodnie z wytycznymi zawartymi w WCAG 2.1. Dzięki temu, pole, w którym powinien znaleźć się tekst alternatywny pojawia się automatycznie w momencie dodawania przez użytkownika grafiki:

• Dodawanie grafiki przez zakładkę MEDIA: po załadowaniu/wybraniu odpowiedniego pliku z prawej strony okna pojawia się podświetlone na czerwono (obowiązkowe) pole „tekst alternatywny”

• Dodawanie grafiki w treści modułu/aktualności: po załadowaniu/wybraniu odpowiedniego pliku pojawi się nowe okno dialogowe z ustawieniami obrazu. Tekst alternatywny należy uzupełnić w polu „tekst zastępczy”

Wszystkie plik i grafiki zamieszczane w Multiportalu muszą spełniać wymogi dostępności.

Tworząc tabelę, korzystaj z funkcji „Wstaw tabelę”. Zadbaj o to, aby tabele były jednorodne (taka sama liczba komórek w każdym wierszu i kolumnie), a linie siatki widoczne, aby wizualnie rozpoznawać wiersze i kolumny (niedozwolone jest tworzenie układu dwóch kolumn za pomocą tabeli o przezroczystych obramowaniach i wypełnieniu). 

Wstawiając tabelę pamiętaj, aby zdefiniować wiersz nagłówka/ów tabeli - osobom niewidomym korzystającym z czytnika ekranu pozwoli to zrozumieć znaczenie treści odczytywanych komórek tabeli.

Właściwie wyrównywaj również zawartość tabeli:

• tekst do lewej,
• dane liczbowe do prawej lub do przecinka dziesiętnego.

Pamiętaj, że tabele nie mogą służyć do tworzenia struktury strony.

Przedstawione w ten sposób treści mogą stać się nieczytelne w przypadku więszkszego nagromadzenia tekstu. W dodatku osobom niewidomym korzystającym z czytnika ekranu będzie trudno zorientować się na zawartości, gdy kolumny nie będą posiadały odpowiednich nagłówków. 

Poniższy zrzut ekranu pokazuje niewłaściwe zastosowanie tabeli jako struktury strony.