aria-label for accessibility

  • Resolved morinoalaria

    (@morinoalaria)


    4 years, 10 months ago

    Is there any way to add an aria-label to the generated svg, for accessibility reasons? I get an error in my accessibility checker that the svg doesn’t have a title that can be read by screen readers.

    For example:
    <svg role=”img” aria-label=”Facebook” viewBox=”0 0 24 24″ xmlns=”http://www.w3.org/2000/svg&#8221; style=”z-index: 2147483646; position: relative;”><title style=”transition: none 0s ease 0s;”>Facebook icon</title><path d=”M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0″ style=””></path></svg>

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘aria-label for accessibility’ is closed to new replies.