Dostępność cyfrowa – czyli WCAG

Z internetu korzysta każdy… jednak nie każdy w taki sam sposób. Mówimy tu o odbiorcach niepełnosprawnych, które wykorzystują często różnego rodzaju dodatkowe oprogramowania, umożliwiającego sprawne poruszanie po stronie, bądź mają trudności z odpowiednim odczytaniem treści strony. Problem ten został zauważony i powstał standard WCAG. O tym standardzie oraz o tym, co możemy zrobić na stronie, żeby stała się bardziej „dostępna”, będzie ten wpis.

Na początku chciałbym wyjaśnić o co chodzi z „dostępnością” – podstawowym problemem na stronie internetowej jest to, że są one projektowaniem z uwzględnieniem głównie osób które przeglądają strony internetowe w sposób naturalny. Znaczy to tyle, że narzędziem nawigacyjny jest myszka, klawiatura lub w przypadku smartfona czy tabletu, nasz własny palec. Rzadko uwzględniane są potrzeby osób które korzystają np. tylko i wyłącznie z klawiatury lub korzystają z czytników tekstów. Część osób potrzebuje też większego kontrastu ze względu na problemy z odróżnianiem barw. Swoją drogą z kolorami też jest tak, że czasem słabej jakości ekrany, także mogą przekłamywać barwy, np. jasny szary traktować jako biały.

Kolejne wyjaśnienie dotyczy akronimu WCAG, czyli Web Content Accessibility Guidelines, który jest zbiorem wytycznych, za pomocą których możemy stworzyć bardziej dostępną stronę lub aplikację.

Temat dostępności jest w wielu przypadkach bagatelizowany. Tak naprawdę tylko instytucje państwowe są zobligowane do tworzenia serwisów, które są zgodne z wymaganymi WCAG. Od 2015 roku, każdy serwis powinien spełniać wspomniany standard WCAG 2.0 z uwzględnieniem poziomu AA. Dodatkowo, w 2019 Prezydent RP podpisał ustawę o obowiązku dostępności cyfrowej. W ten sposób został wprowadzony obowiązek zgodności ze WCAG 2.1 AA, przez strony oraz aplikacje mobilne. Ustawa dotyczy podmiotów rządowych (szczegóły w dostępnych linkach pod wpisem).

WCAG co możesz zrobić na swojej stronie, aby była bardziej dostępna

  • wersja kontrastowa strony
  • powiększenie rozmiaru fontu na stronie
  • wyraźny focus przy tabulacji
  • tekst alternatywny obrazków, tzw. alt, z opisem tego, co znajduje się na grafice
  • określenie języka strony
  • jeżeli udostępniasz wideo, warto dodać do niego napisy
  • linki za pomocą odnośników które coś znaczą zamiast zobacz to np. przejdź do oferty
  • poprawna hierarcha nagłówków

Narzędzia do testowania stron pod kątem dostępności:

Jednym ze sposobów przetestowania strony są walidatory online:

Innym sposobem jest uruchomienie strony, a następnie poprzez klikanie klawisza TAB poruszanie się po elementach oraz akceptowanie za pomocą klawisza ENTER. Zamknij oczy lub wyłącz monitor, i sprawdź czy taka nawigacja po Twojej stronie internetowej jest możliwa. Ciekawym testem jest też zainstalowanie rozszerzenia do wyszukiwarki ChromeVox Classic Extension, które umożliwia przeglądanie z pomocą czytnika tekstu.

Podsumowanie

Wiele z podstawowych funkcjonalności związanych z WCAG możemy wprowadzić na stronie stosunkowo małym nakładem pracy, pomimo tego, że prawnie nie jesteśmy do tego zobligowani. Dzięki temu więcej odwiedzających będzie mogła skorzystać z informacji zawartych na stronie. W tym przypadku nawet nie trzeba się zastanawiać, czy warto? Niedługo powstanie nowa odsłona naszego serwisu i na pewno nie zapomnimy o wytycznych WCAG.

Źródła

  1. Serwis Rzeczypospolitej Polskiej, informacje na temat ustawy – https://www.gov.pl/web/dostepnosc-cyfrowa/w-ciagu-dwoch-lat-wszystkie-strony-urzedow-dostepne-cyfrowo
  2. Tłumaczenie standardu WCAG 2.0 – http://www.fdc.org.pl/wcag2/index.html

Tworzenie strony internetowej – od czego zacząć?

Nim w ogóle podejmiesz decyzję o założeniu własnej strony www, powinieneś najpierw odpowiedzieć sobie na pytanie, co dzięki niej chcesz uzyskać? Z pewnością w tej kwestii niepodważalny argument stanowi fakt, że już prawie każde domostwo posiada dostęp do internetu – tym samym zaistnienie w sieci powinno nam się opłacić.

 

Jaki jest cel stworzenia Twojej własnej strony www?

Na wstępie warto również znaleźć odpowiedź na pytanie – jaki jest cel stworzenia własnej strony www. W inny sposób bowiem powinniśmy się zabrać za tworzenie strony internetowej, która ma sprzedawać jakieś określone produkty lub gromadzić kontakty, czy też np. budować naszą osobistą markę. Zatem wygląd naszej strony jest uzależniony przede wszystkim od tego, do czego ma ona nam służyć.

Do kogo będzie skierowana nasza strona? Czyli jej grupa docelowa

Kolejną kwestią, wpływającą znacząco na wygląd tworzonej przez nas strony www jest to, kto jest jej adresatem. Jak się bowiem okazuje, np. na stronie skierowanej do młodzieży powinniśmy posługiwać się nieco innym językiem, wybierać inną grafikę niż np. na stronie, której odbiorcami są głównie osoby starsze. Tym samym to, do kogo kierujemy treści, zawarte na naszej stronie internetowej jest także jednym z głównych wyznaczników tego, w jaki sposób powinna ona wyglądać.

Jak samodzielnie stworzyć stronę internetową?

Tworzenie własnej strony internetowej od zera może wydawać się dla wielu bardzo przeciętnych użytkowników Internetu zbyt dużym wyzwaniem. Warto jednak nie wykonywać jej samemu totalnie od zera, zwłaszcza jeśli nie mamy żadnego doświadczenia w tej dziedzinie, bowiem taką stronę będziemy musieli co rusz aktualizować. Z pomocą przychodzi nam tutaj szereg różnego rodzaju narzędzi internetowych.

Jako pierwsze warto wymienić  kreatory tworzenia stron www. Kreatory tego typu posiadają intuicyjny system, który pozwala nawet dla laika w tej dziedzinie wyklikać pierwszą stronę internetową. Tego typu rozwiązania posiadają szereg darmowych rozwiązań, które pozwalają na dostosowanie strony do własnych potrzeb. Jeżeli chcemy rozbudowywać stronę o kolejne funkcjonalności, bądź strona zaczyna być popularna i obsługiwać wielu użytkowników potrzebujemy wykupić abonament.

Jeśli jednak nie chcemy do tworzenia naszej strony internetowej wykorzystywać gotowego kreatora możemy zrobić to jeszcze, inaczej wykorzystując do tego celu gotowy już silnik, czyli CMS.
CMS jest to sprawdzony silnik, służący do zarządzania różnego rodzaju treściami. Pozwalają one między innymi na to, aby w jak najbardziej wygodny sposób zarządzać całą zawartością naszego serwisu, jak również ciągłego rozbudowywania go i urozmaicania go o kolejne elementy, bez potrzeby sprawdzania kodu naszej strony. Jednakże w tym wypadku trzeba się liczyć z tym, że jeśli stworzymy własny design i dostosujemy go odpowiednio do potrzeb danego silnika, będziemy musieli posiadać znacznie większą wiedzę, aniżeli stosując proste, samodzielnie aktualizowane strony. Szczęśliwie na pomoc przychodzą nam tutaj różne zestawy gotowych skórek, których jest bardzo wiele wśród najbardziej popularnych rozwiązań. Niektóre z nich są w pełni darmowe, za inne natomiast musimy zapłacić, ale dostęp do nich kosztuje stosunkowo niewiele. Niewiele w porównaniu z kosztami, które ponieślibyśmy, gdybyśmy skorzystali z usług prawdziwych profesjonalistów. W gronie najbardziej popularnych systemów CMS, które są dostępne za darmo znajdują się między innymi WordPress, czy Joomla.

Czym jest domena internetowa

Czym jest domena internetowa i jaki hosting warto wybrać?

Domena internetowa to określenie, pod którym znajduje się Twoja własna strona WWW i adres Twojej poczty elektronicznej, czyli konkretny adres e-mail, pod który będą pisali do Ciebie Twoi klienci. Jest to bardzo ważny element, gdyż wprowadzając właściwą nazwę domeny na pasku adresowym przeglądarki i następnie wciskając Enter, otworzy się nam strona, którą reprezentuje właśnie określona domena.Z kolei hosting to udostępnianie zasobów naszej strony – im lepszy tym więcej aplikacji możemy umieścić na naszej stronie i tym łatwiej powinna ona je wszystkie obsługiwać.

Czym jest mapa strony i jakie przydatne narzędzia warto zainstalować na naszej stronie?

Mapa strony to sformułowanie, które określa plik w formacie XML, jak też daną stronę naszego serwisu, zawierając listę praktycznie wszystkich podstron, które mieszczą się w danej witrynie. Została ona stworzona celem ułatwienia robotom przeglądarek indeksowania wszystkiego, co zawiera dany serwis.

Tworzenie strony internetowej musi być przez nas przemyślane praktycznie od początku do końca, gdyż musimy dobrze wcześniej określić, co ma się na niej znaleźć, np. zakładki takie jak o nas, strona główna, kontakt, czy oferta. Dla przykładu strona internetowa, stworzona dla fryzjera powinna zawierać, takie podstrony jak o nas, oferta cennik oraz kontakt, natomiast strona internetowa dla hotelu powinna zawierać dodatkowo opcję możliwości rezerwacji miejsca w hotelu.

Marketing

Marketing

Na koniec, ale bardzo ważnym elementem dla odpowiedniego zaistnienia naszej strony w Internecie jest zapewnienie jej odpowiedniego pozycjonowania i reklam w postaci AdWordsów. Niestety bez tego szansa, że ktoś będzie w stanie odnaleźć naszą stronę w Internecie jest praktycznie minimalna. Co za tym idzie jest to końcowy, ale niezmiernie istotny element budowania naszej marki przy pomocy naszej własnej strony www.

Podsumowując, istnieje cały szereg darmowych instrumentów, które mogą pomóc nam w stworzeniu własnej strony www. Przy ich użyciu z pewnością przekonasz, że tworzenie samemu własnej strony internetowej wcale nie jest takie trudne, jak mogłoby się wydawać. Zatem, przekonaj się o tym i Ty i stwórz sam stronę internetową, o której marzysz, która bez problemu wypromuje Ciebie, Twoją firmę lub Twój konkretny produkt czy usługę najlepiej, jak to tylko możliwe.

Responsywne strony internetowe – czyli bądź mobilny

Mobilność, w XXI wieku jest to słowo klucz, które charakteryzuje nasze społeczeństwo. Dawniej, mobilność rozumieliśmy jako posiadanie własnego, szybkiego środka transportu, jakim był motocykl czy też samochód. Dziś, poprzez mobilność rozumiemy przede wszystkim bycie „on-line” gdzie tylko się da. Smartfony, tablety, notepady, te urządzenia czynią nas mobilnymi. Każdego dnia coraz więcej stron internetowych wyświetlanych jest na naszych urządzeniach mobilnych, stąd też wymogiem użytkowników stało się uczynienie stron internetowych i sklepów – responsywnymi.

Czym jest responsywna strona internetowa

Responsywność oznacza atrakcyjność interpersonalną. Innymi słowy, człowiek jest responsywny, jeśli podczas rozmowy lub działania tworzy jednocześnie odpowiedź na działania drugiej osoby. Strona internetowa jest stroną responsywną, kiedy „odpowiada” niejako na potrzeby urządzenia na którym jest wyświetlana. Responsywna strona internetowa to taka, która graficznie, tekstowo oraz poprzez kod dostosowuje się do urządzenia oraz systemu i rozdzielczości na których jest wyświetlana.

Responsywna strona to więcej użytkowników

Spróbujcie przeglądać stronę internetową na 5 calowym telefonie, która jest niedostosowana do tej rozdzielczości. Zgadza się, jest to mordęga. Przewijanie ekranu w lewo, prawo, w górę, w dół. Linki i tekst nałożone na siebie, a grafika wyświetlana przez kilkanaście minut. Tak wyglądał Internet na telefonach w latach 90-tych i z początkiem XXI wieku. Dziś wszystko prezentuje się inaczej, bowiem użytkownicy, wyszukiwarka, a także producenci urządzeń takich jak telefony, niejako wymusili tworzenie responsywnych stron internetowych. Prowadząc więc bloga, portal lub stronę internetową – trzeba być responsywnym!

Korzyści płynące z prowadzenia responsywnej strony internetowej

Nikt nie ukrywa, że responsywna strona internetowa przynosi znacznie więcej korzyści niż ta tradycyjna. Najważniejszą korzyścią jest lepszy odbiór witryny przez Google, czyli najpopularniejszą wyszukiwarkę. W ten sposób wyszukiwarka promuje niejako witryny responsywne, które pojawiają się wyżej w wynikach wyszukiwania. Druga korzyść to znacznie mniejszy współczynnik odrzuceń. Odrzucenia, to nic innego jak użytkownicy, którzy w kilka sekund po trafieniu na stronę, sklep lub portal, zaraz go opuszczają. Im wyższy współczynnik odrzuceń, tym oczywiście gorzej. Wysoki współczynnik odrzuceń oznacza, że strona nie jest atrakcyjna dla użytkownika, na przykład ze względu na złe jej wyświetlanie na urządzeniach mobilnych.

Chcąc prowadzić z sukcesem swoją stronę internetową, trzeba dostosować ją do najnowszych standardów. Z tego też względu – strona powinna i musi być responsywna, bowiem wymagania te stawiane są nie tylko przez boty wyszukiwarki, ale przede wszystkim przez użytkowników

Tworzenie stron internetowych na platformie WordPress – dlaczego warto zainteresować się tym CMS

Nowoczesne rozwiązania w zakresie webdesignu od lat skupiają się wokół wysokiej jakości systemów CMS, które są bezpieczne, przejrzyste i sprawdzone. Jednym z takich najpopularniejszych systemów CMS jest na pewno WordPress. Historia tego systemu sięga 2003 roku, kiedy to rosnąca popularność internetu oraz zapotrzebowanie na dobrej jakości system zarządzania treścią, niejako zdeterminowały powstanie WordPressa. Od początku system ten dostępny był na licencji GNU, czyli całkowicie bezpłatnie.

System CMS stworzony pod blogi

Chodź WordPress miał zostać stworzony i został stworzony z myślą o blogach, z czasem uległ nieco deformacji i znaczącym zmianom, stając się pełnoprawnym systemem zarządzania treścią, który z powodzeniem obsłuży zarówno prosty blog, jak i olbrzymi portal z tysiącami użytkowników. Wraz z rozwojem systemu WordPress, sami użytkownicy i niezwiązani z nim programiści stworzyli tysiące zróżnicowanych pluginów i dodatków, nie wspominając o milionach szablonów. Wraz z rosnącą liczbą zainteresowanych, WordPress stał się najpotężniejszym, darmowym systemem do zarządzania treścią, wyprzedzając obecnie Drupala, Joomle oraz deklasując pozostałą konkurencję. Tak z systemu CMS stworzonego pod prywatnego blogi, stał się potężnym narzędziem w rękach webmasterów.

Bezpieczny, darmowy, efektywny – WordPress

Platforma WordPress jest najpopularniejszą obecnie platformą do zarządzania treścią stosowaną w webmasteringu. Prostą stronę internetową stworzy w niej praktycznie każdy, kto ma podstawową umiejętność obsługi komputera. Prawdziwi specjaliści natomiast radzą sobie w tej platformie doskonale, tworząc witryny, które z powodzeniem przeistaczają się w ogromne portale informacyjne.
Wspomniany CMS jest przede wszystkim bezpieczny. Aktywnie wspierany przez twórców i programistów, regularnie aktualizowany, posiada bardzo dobre zabezpieczenia, pomimo iż jest to „open source”. WordPress jest przy tym całkowicie darmowy, płatne mogą być jedynie pluginy lub szablony premium.
WordPres jest efektywny, zarządzanie treścią jest proste i intuicyjne, a same działanie CMS bardzo szybkie i nie obciąża serwera.

Podsumowując, obecnie WordPress jest najlepszym darmowym CMS. Całkowicie wystarczającym narzędziem zarówno dla początkujących jak i doświadczonych webmasterów, którzy tworzą strony hobbystycznie lub zarobkowo. Jest to idealne narzędzie dla tych, którzy dopiero rozpoczynają przygodę i tworzą swoją pierwszą stronę, jak również dla tych, którzy posiadają portal z tysiącami unikalnych użytkowników go odwiedzających. Z doświadczenia wiemy, że ten CMS posiada ogromne możliwości i oparte o niego strony internetowe są bardzo łatwe w zarządzaniu i świetnie się się sprawdzają w wielu zastosowaniach.

Zapraszamy do zapoznania się z naszą ofertą na strony internetowe WordPress

Dlaczego warto posiadać stronę internetową?

strony internetowe

Internet stał się tak potężnym i tak rozbudowanym narzędziem, że dziś jest nie tylko „kopalnią” wiedzy, ale przede wszystkim idealnym miejscem do zarobku, spełnienia się hobbystycznie, a także swoistego wyzwolenia siebie. To co według wielu daje ogromną satysfakcję w sieci, to na pewno prowadzenie własnej strony internetowej, która posiada rzeszę stałych czytelników.

Według wielu osób, którym udało się i z powodzeniem udaje się prowadzić własną witrynę, posiadanie stałych użytkowników i odwiedzających jest czymś, co można porównać do rzeszy fanów. Co więcej, własna strona internetowa to również wizytówka, a także możliwość niezłego zarobku.

Witryna firmowa to obowiązek

Zacznijmy jednak  od nieco innej strony. Minęły już czasy, gdy firmy obywały się bez reklamy lub strony internetowej. Dziś, firma nie posiadająca tego rodzaju „wizytówki” jest niewidoczna, co więcej, dla potencjalnych klientów może być nawet niegodna zaufania. Dlatego prowadząc firmę, nie tyle warto, co trzeba posiadać własną stronę internetową, ponieważ jest to wizytówka i jednocześnie czytelne przedstawienie oferty handlowej. Ponadto to uwiarygodnienie firmy w oczach kontrahentów.

Posiada witryny firmy nie jest już dodatkiem marketingowym, jest podstawą, od której zaczyna się rozwój biznesu.

Prywatna strona internetowa – przyjemność i dodatkowy dochód

Nie trzeba mówić, iż strony internetowe na reklamach, artykułach sponsorowanych i poprzez wiele innych sposobów lub systemów zarabiają całkiem niezłe pieniądze. Taka strona musi jednak mieć:

  • wysokim poziom merytoryczny, aby przyciągnąć użytkowników,
  • odpowiednią oglądalność lub bardziej profesjonalnie – liczbę unikalnych użytkowników,
  • odpowiednią pozycję w wyszukiwarce, która po części wynika z liczby użytkowników, poziomu treści, a także ilości linków prowadzących do witryny.

Mając to wszystko, nawet mała, hobbystyczna strona internetowa może zarabiać całkiem niezłe pieniądze. Dodatkowo, prowadzenie strony, forum lub też grupy dyskusyjnej przynosi całkiem niezłą frajdę.

Rozwijanie siebie i swoich zainteresowań

Kolejną już zaletą posiadania własnej witryny w sieci, która ma określoną oglądalność jest oczywiście rozwijanie swoich zainteresowań. Niektóre, niewielkie strony hobbystyczne, otwierane kilka lub kilkanaście lat temu stały się potężnymi portalami informacyjnymi, związanymi z określoną branżą lub tematyką. Skupiają wokół siebie potężną społeczność i przyciągają użytkowników często z całego świata, co pozwala rozwinąć zainteresowania i stale pozostawać w kontakcie z tymi, którzy interesują się podobnymi rzeczami.

 

Wady i zalety internetu

W obecnych czasach dostęp do internetu posiada zdecydowana większość ludzi na Ziemi. Nie ma w tym nic dziwnego, gdyż sieć internetowa dostępna jest w większości urządzeń elektronicznych. Taka sytuacja ma zarówno swoje plusy, jak i minusy. Przede wszystkim powszechny dostęp do internetu gwarantuje ludziom możliwość natychmiastowego zapoznania się z najnowszymi informacjami ze świata. Oprócz tego, umożliwia również szybki kontakt ze znajomymi, za pomocą portali społecznościowych. Internet pomaga także wielu ludziom w rozwijaniu zainteresowań i hobby, gdyż niektóre strony internetowe są całkowicie poświęcone tego typu tematyce. Mogłoby się wydawać, że internet faktycznie niesie za sobą same dobrodziejstwa. Niestety, tak jednak nie jest. Przede wszystkim zdecydowanie ułatwia on działanie wszelkim oszustom, którzy tylko czekają na to, aby złowić w swe sidła nierozważnych użytkowników. Nieodpowiednie korzystanie z internetu naraża również dzieci na kontakt z treściami erotycznymi, gdyż te są udostępniane na bardzo wielu stronach internetowych. Pomimo tych zagrożeń, internet jest zdecydowanie jednym z największych błogosławieństw ludzkości, gdyż pomaga nam w wielu aspektach życia codziennego.

RWD – Responsive Web Design

RWD

Responsive Web Design

Wraz z rozwojem internetu kolejne urządzenia dostawały możliwość przeglądania sieci. Już nie tylko na kineskopowym ekranie monitora Pan Kowalski przeszukiwał internet. Co raz częściej umożliwiały to urządzenia mobilne jak: telefony, tablety czy nawet telewizory.

W ten sposób zrodziła się potrzeba dostosowania stron do innych urządzeń posiadających niewielkie ekrany, gdzie obsługa zamiast myszki odbywała się ruchem palca po ekranie. Jednym z popularniejszych rozwiązań było tworzenie drugiej wersji strony jednak nadal pozostawał problem rozdzielczości gdyż małe ekrany zwyczajnie się różniły.

Na pomoc przyszło RWD – responsive web design, czyli technika projektowania stron WWW w taki sposób aby elementy same dostosowywały się do ekranu. Tworzenie stron responsywnych polega na tworzeniu styli CSS innych pod dane rozdzielczości.

Jak to wygląda w praktyce:

Określamy dla jakich rozdzielczości dany obiekt (element, blokowy bądź liniowy) jak się będzie zachowywał.
Przykład:

<!doctype html>
<html>
<style>
.element {
background-color: red;
width: 33%;
float: left;
}

</style>
</head>
<body>
<div class="blok">
<div class="element">Treść1</div>
<div class="element">Treść2</div>
<div class="element">Treść3</div>
</div>

</body>
</html>
W takim wypadku bloki będą miały zawsze 1/3 szerokości.
<!doctype html>
<html>
<style>
@media screen and (min-width: 481px) {
.element {
background-color: red;
width: 33%;
float: left;
}
}
@media screen and (max-width: 480px) {
.element {
background-color: green;
width: 100%;
float: left;
}
}

</style>
</head>
<body>
<div class="blok">
<div class="element">Treść1</div>
<div class="element">Treść2</div>
<div class="element">Treść3</div>
</div>

</body>
</html>

W tym rozwiązaniu po osiągnięciu rozdzielczości 480px strona zmieni swój układ – divy z klasą element nie będą obok siebie a pod sobą.

Ta technika pozwala w dość łatwy sposób dostosować stronę do każdej rozdzielczości.