Η διαδικασία της διόρθωσης του κώδικα μίας ιστοσελίδας, ώστε αυτή να είναι συμβατή με τα πρότυπα WCAAG για ΑΜΕΑ, πολλές φορές μπορεί να αποδειχθεί επώδυνη. Ένα κοινό σφάλμα που καλούμαστε να αντιμετωπίσουμε, είναι το εξής: Το Google Recaptcha V2 δημιουργεί ένα textarea το οποίο είναι κενό. Το error μας λέει:

textarea is empty. This is because no label is associated with the text area or an aria-label attribute isn't added to the textarea.

Το σφάλμα αυτό σημαίνει ότι πρέπει να επέμβουμε με κώδικα (JavaScript) ώστε να ορίσουμε το aria-label. Παρακάτω παραθέτω τον κώδικα που πρέπει να προστεθεί στο callback, εκεί που καλούμε το api της google για το recaptcha.

<script>
   function onloadCallback() {
        $('#g-recaptcha-response').attr('aria-hidden', true);
        $('#g-recaptcha-response').attr('aria-label', 'do not use');
        $('#g-recaptcha-response').attr('aria-readonly', true);
   }
</script>

<script src='https://www.google.com/recaptcha/api.js?onload=onloadCallback'></script>

Εάν αντιμετωπίζετε οποιοδήποτε θέμα με ΕΣΠΑ πιστοποίηση και AMEA Validations, μην διστάσετε να αφήσετε ένα σχόλιο είτε να επικοινωνήσετε απευθείας.

Αφήστε μια απάντηση

Η ηλ. διεύθυνση σας δεν δημοσιεύεται.