• 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)
  • Akhilesh

    (@atul-rahman)

    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).

    Akhilesh

    (@atul-rahman)

    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>

    Akhilesh

    (@atul-rahman)

    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):

    Akhilesh

    (@atul-rahman)

    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?

    Akhilesh

    (@atul-rahman)

    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

    Akhilesh

    (@atul-rahman)

    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 2 years ago by Akhilesh.
    Thread Starter barcode20

    (@barcode20)

    Thank you very much!

    Now it’s ok

    Akhilesh

    (@atul-rahman)

    Hey

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

    https://ww.wp.xz.cn/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.