Instalacja MODX

Instalacja wtyczki

Krok 1: Rejestracja witryny i uzyskanie tokenu

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

Po zapisaniu adresu pojawi się unikalny token, który możesz skopiować do schowka.

Krok 2: Dodawanie pluginu DockWCAG w MODX

W celu dodania pluginu w MODX przejdź do zakładki “Elementy”, a następnie “Pluginy” i przycisk dodawania pluginu.

Nadaj nazwę np “DockWCAG”, a w polu “Plugin Code (PHP)” wklej poniższy kod:

<?php

function loadAccessibility($token, $config) {
    $url = "https://wcag.dock.codes/api-frontend/accessibility/index.js?key=" . urlencode($token);
    $html = '<script src="' . $url . '" defer></script>';
    $html .= '<script>const aic=setInterval(()=>{if(window.Accessibility){clearInterval(aic);new Accessibility('. json_encode($config) . ')}},100)</script>';
    return $html;
}

$modx->regClientHTMLBlock(loadAccessibility('***', [
    'contrast' => true,
    'inverse' => true,
    'zoom' => true,
    'template' => 1,
    'loadCss' => true,
    'maxZoom' => 3,
    'selectors' => [
        'appendTo' => 'body',
    ],
    'translations' => []
]));

Wklej kod i zastąp *** swoim unikalnym tokenem, który został wygenerowany w poprzednim kroku. 

Na koniec w zakładce “Zdarzenia systemowe” zaznaczamy opcję “OnWebPagePrerender” i klikamy “zapisz”.

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.