Accessibility issues

Home Forums Iconic One Pro Support Accessibility issues

This topic contains 6 replies, has 2 voices, and was last updated by  Themonic-Support 6 months, 2 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #4884

    baguirre
    Participant

    Hello — We recently had our site, which uses the Iconic One theme, tested for accessibility. We would appreciate any guidance on mitigating the following issues as reported by our accessibility tester in re: to navigating the site using keyboard commands:

    – Interactive items did not gain a visible focus, so that sighted non-mouse users would not know where they are in the page. See http://webaim.org/techniques/keyboard/#problems for more information and fixes.

    – When navigating to a month from the “Archives” dropdown box, the page refreshes without actually selecting the month. This is likely caused by an onChange Javascript event; see http://webaim.org/techniques/javascript/eventhandlers#onchange for more information.

    Thank you.

    #4886

    Themonic-Support
    Keymaster

    Thank you for contacting us.

    1) In the header.php line 126 is

    
    <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'themonic' ); ?>"><?php _e( 'Skip to content', 'themonic' ); ?></a>

    replace with

    
    <a class="assistive-text" href="#main" title="<?php esc_attr_e( 'Skip to content', 'themonic' ); ?>"><?php _e( 'Skip to content', 'themonic' ); ?></a>

    You are only replacing #content with #main

    2) Archives dropdown widget is provided by the WordPress itself and not related to theme and I also quickly checked with the default Twenty Seventeen theme to rule out the theme issue, it is an issue with bundled WordPress widget. I will file bug report to WordPress and let you know once it is solved.

    #4888

    baguirre
    Participant

    Thanks for your response. We implemented your suggestion to correct the lack of visible focus but it did not fix the problem when using the TAB key to move through links in the content. In fact, I tested for visible focus on the themonic demo page and the problem appears there as well. Our accessibility tester suggested it is likely something in the CSS that is defaulting link outlines to none or 0 somewhere.

    Do you have any other solutions? Thank you.

    #4889

    Themonic-Support
    Keymaster

    These are the locations to edit outline property:

    line 75-77 of style.css – you can remove these lines

    
    a:focus {
    	outline: none;
    }

    Line 445-449 of style.css

    
    a {
    	outline: 0;
    	color: #00A1E0;
    	text-decoration: none;
    }

    Remove only line 446 which is

    outline: 0;

    #4893

    baguirre
    Participant

    Thanks! It looks like that fixed the visible focus issue. Let us know when you hear back from WP re: the Javascript problem on the Archive dropdown. Appreciate the help!

    #4916

    baguirre
    Participant

    Hello — Just wanted to check back to see if you have had a response from WP re: the Javascript issue with the Archive dropdown. Thanks!

    #4917

    Themonic-Support
    Keymaster

    Yes, it should be fixed in the next WP update.

    Refer the ticket URL below for current status:

    https://core.trac.wordpress.org/ticket/40662

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.