Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1035165

    I am currently working on a site that requires accessibility. I have looked for solutions but seem to be for older versions of the theme. Here is a list of the clients requirements that involve the theme itself:

    Please help – thanks.

    1. Unlabelled form fields

    The form fields have orphaned labels, which means they aren’t associated with the inputs correctly. This effectively means they don’t have labels. This makes it very difficult for screen reader users to successfully complete the form.
    The label elements don’t have a ‘for’ attribute. Labels must have a ‘for’ attribute that references the ID of the input.

    2. CAPTCHA
    This version of CAPTCHA provides challenges to accessibility. Although the standard checkbox CAPTCHA is accessible, there are circumstances where it is replaced with an image challenge. The image challenge does have an audio alternative but this has usability issues and can be difficult for cognitive impaired users.
    At the moment there is no fully accessible version of CAPTCHA. There are some alternative methods, such as a honeypot, that can be used in place of CAPTCHA. Another alternative is multi-factor authentication.

    3. Missing keyboard focus highlighting
    There is no visual cue for elements that receive keyboard focus. There must be a visual cue e.g. outline border to indicate an element has current focus. This can be styled but the browser default is also acceptable.

    4. Areas inaccessible by keyboard
    The accept button in the cookies message, the navigation drop down menus, and the accordion components can’t be accessed with only a keyboard.

    #1035865

    Hey Matt,

    Thank u for the reports.
    Our team does work towards the release of version that is compatible with WordPress 5.0 and after that there is a need to work on the version update that is focused more on stuff like accessibility.

    Best regards,
    Basilis

    #1035921

    Hey Basilis

    Thanks for the response.

    The keyboard navigation is a critical requirement for me – I need to get the site to WCAG 2.0 – AA level compliance. Need this implemented by Friday. This is the most important ‘fix’ I need to have sorted.

    The form fields are also an issue.

    I did find some older threads where a code change was all that was required to the one JS – Though in 4.5 I can’t find this section of code.

    Thanks Matt

    #1035922

    Here is the old thread:

    #1036476

    I have installed Mega Max Menu – though it would be great to get the native Enfold one to work.

    #1037434

    Hi,

    Thank u for letting us know.

    Best regards,
    Basilis

    #1113882

    Hi,
    Any update on the accessibility in ENFOLD?

    #1115028

    Hi,

    Have you tried to enable the form labels and hide it using CSS by making the font size 0 will work for you temporarily.

    We have to address the other issues by making changes to the core. Our development team is informed about your concern. An update will be released in one of the future version.

    Best regards,
    Vinay

    #1119084

    I don’t follow you on this instruction…… can you break it down further for us dummies?
    And how far in the future is this development for the ADA compliance?
    Could they just do the smaller, easy stuff first and release an update as each thing is done, so at least our scores start creeping up the compliance ladder?

    Thanks!

    Hi,

    Have you tried to enable the form labels and hide it using CSS by making the font size 0 will work for you temporarily.

    We have to address the other issues by making changes to the core. Our development team is informed about your concern. An update will be released in one of the future version.

    Best regards,
    Vinay

    #1119667

    Hi,

    We have a beta release (4.5.7.1-beta-3) that incluudes a fix for the unlabeled contact form (and also some other aria related addons).

    I add a link to this release in private content.

    Other users please create an own thread and the moderators can provide you a link to this file.

    Best regards,
    Günter

    #1219647

    Trying to add alternate text to social media icons in main header, refresh & search icons, and scroll up icon on home page. Need to do this to make site accessible… ADA compliant. Please provide assistance in how to remedy this. thanks.

    #1222438

    Hi,

    @kaysejo
    sorry for the late reply, if you would like to add the “aria-label” as a “ALT” to your social icons, Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
    $( '#header_meta .social_bookmarks a' ).each(function() {
    	var socialtitle = $( this ).attr("aria-label");
    $( this ).attr("alt",socialtitle);
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    The scroll to top icon already has the alt of: “Scroll to top” and I didn’t see a search icon in your header.

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.