.pd-wcag-hide-imgs {
    img, picture, image {
        visibility: hidden !important;
    }

    * {
        background-image: none !important;
    }
}

.pd-wcag-highlight-links {
    a {
        box-shadow: 0px 0px 0px 1px #000 !important;
        background: #FF0 !important;
        color: #000 !important;
    }

    a:hover,
    a:focus,
    a:focus-visible {
        box-shadow: 0px 0px 0px 2px #000 !important;
        background: #FFA500 !important;
        text-decoration: underline !important;
    }
}

.pd-wcag-visible-outline {
    *:focus-visible,
    *:focus{
        outline-width:3px !important;
        outline-offset: 3px !important;
    }
}

.pd-wcag-grayscale {
    filter: grayscale(1) !important;
}