• Resolved barcode20

    (@barcode20)


    HI,

    I use appointment child theme and after a scan with pagespeed, I got an accessibility warning issue about titles of WBR widget on homepage: “The header elements are not in sequential descending order.”

    How can fix it?

Viewing 14 replies - 1 through 14 (of 14 total)
  • HI

    Thanks for contacting to us.

    If possible kindly share your website URL so that we can take a look and assist you better.

    Regards

    Appointment Support Team

    Thread Starter barcode20

    (@barcode20)

    Thanks for your prompt replay. Here’s the link: https://www.lasemetal.roma.it/

    In the image you can see the rejected elements by the accessibility test (you can find them on the homepage under the slider).

    Hey

    We will fix this issue in our next update. To fix the issue now, follow the below instructions.

    Step1

    1 Find the appointment_info_widget.php located inside the theme folder >>functions folder >>widgets folder .

    2 Open the file and find the below line of code on line no 40 .

    <h6><?php echo esc_html( $instance['title'] ); ?></h6>


    <h3 class="wbr_cnt_title"><?php echo esc_html( $instance['title'] ); ?></h3>

    Step 2

    Go to Appearance >> customizer >> Find the Additional css box and add the below css code inside the custom css box.

    .contact-area h3 {
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 0 7px;
    }

    Let me know if you have any confusion.

    Regards

    Appointment Support Team

    Thread Starter barcode20

    (@barcode20)

    Sorry, you mean I have to replace this line:

    <h6><?php echo esc_html( $instance['title'] ); ?></h6>

    with this:

    <h3 class="wbr_cnt_title"><?php echo esc_html( $instance['title'] ); ?></h3>

    HI

    Yes, You have to replace the suggested line of code.

    Thanks

    Thread Starter barcode20

    (@barcode20)

    Done.

    3 errors solved, thank you!

    But there’s still one ( Preventivi gratuiti with H3):

    Hey @barcode20

    Let us know, Did your H3 tag pagespeed related issue resolve?

    If you have any other queries, please create a separate ticket bz multiple query in single ticket create complexity to handle better support query.

    Thanks & Regards

    Appointment Support Team

    Thread Starter barcode20

    (@barcode20)

    Still 1 element to fix.

    As you can see by the first image I sent you before the fix, there were 4 elements: 3 with h6 and 1 with h3. After your fix, the 3 with h6 are now solved but not the one with h3 (preventivi gratuiti)

    Maybe you need to turn this h3 into h2?

    Hi

    Instead of using H3 tag for the service section title you can use DIV tag .

    This simply follow the given below instruction.

    1 Find the appointment-service-section.php file located in webriti-companion plugin folder >> \inc\appointment\sections folder.

    2 Open the file and find the below line of code on line no 63.

    <h3><?php echo wp_kses_post($service_setting['service_one_title']); ?></h3>

    3 And Replace the above line of code with the below line of code.

    <div class="wbr_service_area"><?php echo wp_kses_post($service_setting['service_one_title']); ?></div>

    Step 2

    Go to Appearance >> Customizer >> Find the additional CSS box and add the below CSS code inside the box.

    .wbr_service_area {
        color: #242526;
        font-family: 'Open Sans';
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 27px;
        margin: 0 0 12px;
    }

    Let me know if you have any query.

    Thanks & Regards

    Appointment Support Team

    Thread Starter barcode20

    (@barcode20)

    Many thanks it solved the first service title (preventivi gratuiti).

    After the fix I’ve tried again with pagespeed but I got the second service title as error, that is “installazione qualificata” (h3) as you can see by the attached image.

    So I made the same thing as you advice.

    I changed also:

    <h3><?php echo wp_kses_post($service_setting['service_two_title']); ?></h3>

    on line 83 with:

    <div class="wbr_service_area"><?php echo wp_kses_post($service_setting['service_two_title']); ?></div>

    but it doesn’t work and still mark the second service title as h3

    HI

    To fix the issue, Again Find the appointment-service-section.php file located in webriti-companion plugin folder >> \inc\appointment\sections folder.

    And replace the code of it with the code mention in this link.

    Let me know if you need any further need.

    Regards

    Appointment Support Team

    • This reply was modified 1 year, 10 months ago by Akhilesh.
    Thread Starter barcode20

    (@barcode20)

    Thank you very much!

    Now it’s ok

    Hey

    I am glad to know that it has been resolved. If you like our theme and support pls give rate us here.

    https://wordpress.org/support/theme/appointment/reviews/#new-post

    Feel free to contact us for further assistance.

    Thanks & Regards

    Appointment Themes Support Team

    Thread Starter barcode20

    (@barcode20)

    Done, 5 stars!

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Question about accessibility’ is closed to new replies.