Titles of social menu icons

  • Resolved melebius

    (@melebius)


    3 years, 8 months ago

    When I hover the mouse cursor over an icon in the Nanospace social menu, the displayed title includes the word “icon”, e.g. “Facebook icon”, “Twitter icon”. It happens in (at least) Firefox, Chromium, and Safari. This is caused by SVG’s <title> tag which seems to have a higher priority than <span>’s title attribute for the browsers.

    
<span class="nanospace-menu-icon nanospace-icon" title="Facebook">
  <svg aria-labelledby="simpleicons-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg" width="24" height="24">
    <title id="simpleicons-facebook-icon">Facebook icon</title>

    Could you please fix this? I’d prefer to have the title “Facebook of {site_title}” etc. and it should be a translatable string.

Viewing 1 replies (of 1 total)
  • Theme Author Labinator

    (@labinator)

    Hello!

    Thank you for reporting this suggestion.

    We believe that “Facebook icon” is more accurate than “Facebook of {site_title}”. From a web accessibility point of view, it is easier for screen readers to read “Facebook Icon” compared to reading “Facebook of {site_title}”. In addition to that, it does not have any effect in terms of SEO or the web accessibility of the theme.

    We still recorded your suggestion and we appreciate your comments.

    Thank you!

    Best Regards,
    Labinator Team

Viewing 1 replies (of 1 total)
  • The topic ‘Titles of social menu icons’ is closed to new replies.