Tap to call button

Discussion in 'Appointway WordPress Theme' started by pauljw, Apr 2, 2021.

  1. pauljw

    pauljw Member

    Joined:
    May 31, 2013
    Messages:
    392
    Likes Received:
    3
    Hi,
    I am trying to get my site ready for the new Google requirements.

    It's going well but I have a problem with accessibility, the score is low because it looks like the tap to call button needs a Name or something.

    I have attached a screen shot of the issue.

    The web site is:
    https://www.doncastercarpetcleaners.co.uk/

    The site I am using for the test is:
    https://web.dev/measure/

    If you have a piece of code that I can put in the header or something that would be good.

    Thanks,
    Paul.
     

    Attached Files:

  2. shemaela21

    shemaela21 Guest Staff Member

    Joined:
    Apr 6, 2019
    Messages:
    855
    Likes Received:
    1
    Hello,

    Warm Wishes From InkThemes,

    Thanks for sharing the details with us here.

    Let me know what kind of name you want for the tap to call button?

    So that we can provide you with the solution here.

    Regards,
    Shemaela
    InkThemes.com
     
  3. pauljw

    pauljw Member

    Joined:
    May 31, 2013
    Messages:
    392
    Likes Received:
    3
    Lighthouse report 11th April 2021.png Hi Shemaela,
    The name on the tap to call button shows as 'tap to call'.

    This is fine for me.

    However, when I run the lighthouse test, I get this message:

    Links do not have a discernible name

    So I think it must be something to do with the link? Not the text on the button.

    The lighthouse test says this:

    Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users.

    Failing Elements
    div.grid_10 > div.call-us > a.btn" data-path="1,HTML,1,BODY,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,DIV,3,A" data-selector="div.header > div.grid_10 > div.call-us > a.btn" data-snippet="" style="box-sizing: border-box; -webkit-font-smoothing: antialiased;">


    a
    <a href="tel:07544880558" class="btn lazyloaded">
     
  4. shemaela21

    shemaela21 Guest Staff Member

    Joined:
    Apr 6, 2019
    Messages:
    855
    Likes Received:
    1
    Hello,

    Warm Wishes From InkThemes,

    We have forwarded your support request to our technical team they will first check it and will let you know about it.

    Kindly be patient until we get back to you.

    Regards,
    Shemaela
    InkThemes.com
     
  5. pauljw

    pauljw Member

    Joined:
    May 31, 2013
    Messages:
    392
    Likes Received:
    3
  6. shemaela21

    shemaela21 Guest Staff Member

    Joined:
    Apr 6, 2019
    Messages:
    855
    Likes Received:
    1

Share This Page