Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 19, 2018 at 1:10 pm #1035165
    mattwalt

    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.

    November 21, 2018 at 12:13 am #1035865
    Basilis

    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

    November 21, 2018 at 8:43 am #1035921
    mattwalt

    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

    November 21, 2018 at 8:49 am #1035922
    mattwalt

    Here is the old thread:

    Accessibility

    November 22, 2018 at 12:11 pm #1036476
    mattwalt

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

    November 25, 2018 at 8:10 pm #1037434
    Basilis

    Hi,

    Thank u for letting us know.

    Best regards,
    Basilis

    June 27, 2019 at 10:59 am #1113882
    uribinsted

    Hi,
    Any update on the accessibility in ENFOLD?

    July 2, 2019 at 5:45 am #1115028
    Vinay

    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

    July 16, 2019 at 8:39 am #1119084
    Intell

    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

    July 17, 2019 at 7:10 pm #1119667
    Günter

    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

    June 5, 2020 at 1:09 am #1219647
    kaysejo

    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.

    June 14, 2020 at 5:08 am #1222438
    Mike

    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

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