Dokumentacja Pierwsze kroki Instalacja wtyczki dostępności WordPress

Instalacja wtyczki dostępności WordPress

Instalacja wtyczki

Krok 1: Instalacja wtyczki

Wtyczkę można łatwo zainstalować za pomocą repozytorium wtyczek WordPress.
W panelu administracyjnym WordPress, przejdź do zakładki „Wtyczki” w lewym menu, a następnie kliknij „Dodaj nową” u góry strony.
W polu wyszukiwania wpisz „Assist For WCAG”, a po znalezieniu wtyczki, kliknij „Zainstaluj”, a następnie „Włącz”.
Po aktywacji, w menu po lewej stronie, przewiń w dół i wybierz „Dostępność”.

Krok 2: Rejestracja witryny i uzyskanie tokenu

Jeśli masz już konto, zaloguj się do DockWCAG, przejdź do swojego konta i skopiuj wygenerowany token.

Jeżeli instalujesz wtyczkę po raz pierwszy, zarejestruj się za pomocą Google, Facebooka lub użyj własnego adresu e-mail i hasła.

Po założeniu konta przejdź do zakładki „Moje tokeny”, a następnie kliknij przycisk „Dodaj nowy”.

W formularz dodawania nowego tokena podaj adresy stron internetowych, na których chcesz zastosować ten token. Jeśli twoja strona działa na domenie np. example.com i www.example.com to konieczne jest dodanie obu adresów. Więcej na ten temat w dokumentacji.

Podczas tworzenia tokena oraz później podczas edycji możesz zaznaczyć opcję, aby dla twoje strony internetowej została wygenerowana deklaracja dostępności. Deklaracja dostępności to dokument wymagany dla instytucji publicznych w Unii Europejskiej. Jeśli dotyczy to twojej strony, to włącz deklarację dostępności i uzupełnij wymagane pola. Więcej na ten temat w dokumentacji.

Na koniec kliknij przycisk „Zapisz” i skopiuj wygenerowany token.

Krok 3: Aktywacja widżetu dostępności

Po uzyskaniu tokenu, wróć do panelu WordPress, przejdź do sekcji konfiguracji wtyczki Assist For WCAG i włącz widżet. Wprowadź skopiowany token w odpowiednie pole, a następnie dostosuj kolorystykę, położenie widżetu oraz dostępne opcje. Pamiętaj, aby zapisać zmiany po zakończeniu konfiguracji.

Krok 4: Podgląd witryny

Po zakończeniu instalacji i konfiguracji, przetestuj widżet na swojej stronie, aby upewnić się, że działa prawidłowo i jest zgodny z wymaganiami WCAG.

Ręczna instalacja widżetu dostępności na stronie internetowej WordPress

Jeśli wolisz ręcznie zainstalować widżet DockWCAG na swojej stronie internetowej, postępuj zgodnie z poniższymi krokami:

Krok 1: Rejestracja witryny i uzyskanie tokenu

Zaloguj się lub zarejestruj na stronie DockWCAG, a następnie wprowadź adres swojej witryny.

Po zalogowaniu się lub założeniu konta przejdź do zakładki „Moje tokeny”, a następnie kliknij przycisk „Dodaj nowy”.

Na koniec kliknij przycisk „Zapisz” i skopiuj wygenerowany token.

Krok 2: Osadzenie kodu w WordPress

Aby zainstalować widżet, musisz dodać odpowiedni skrypt do kodu HTML swojej witryny. Pamiętaj, aby nie usuwać żadnych elementów z istniejącego kodu, ponieważ mogłoby to wpłynąć na działanie strony.

Skopiuj poniższy kod:

<script>
    (function (w, d, s, l, t, c = {}) {
        w[l] = c;
        w[l].token = t;
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            a = new Date().getTime();
        j.async = true;
        j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js?t=' + a;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'accessibility', '***', {widget: true});
</script>

Więcej na temat konfiguracji widgetu znajdziesz dokumentacji.

Przejdź do zakładki „Wygląd” w lewym menu panelu administracyjnego WordPress, a następnie wybierz „Edytor plików motywu”.
W sekcji „Pliki motywu”, znajdź plik „header.php”.

Wstaw skrypt tuż przed zamykającym tagiem </body>. Wklej kod i zastąp *** swoim unikalnym tokenem, który został wygenerowany w poprzednim kroku. Na koniec kliknij „Aktualizuj plik”.

Krok 3: Podgląd witryny

Po dodaniu skryptu, przetestuj swoją stronę, aby upewnić się, że widżet jest prawidłowo zainstalowany i działa zgodnie z oczekiwaniami. Sprawdź wszystkie funkcje widżetu, aby zweryfikować, że instalacja przebiegła pomyślnie.