Source evidence

aria-label for accessibility

Popular Brand Icons – Simple Icons · support · 2019-06-07T20:16:00+00:00

Popular Brand Icons – Simple Icons plugin evidence original source source API

mixedsentiment

mediumseverity

0.66relevance

2replies

Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

2 / 22 rows with source links

9.1% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

20 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support

morinoalaria resolved

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” ; 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> Update – here is a great article about SVG accessibility (scroll down to the “ARIA Enhanced SVG Accessibility” section) Using ARIA to enhance SVG accessibility Hello, This plugin uses the Simple Icons library. Any requests for changes in the icons or their format needs to be submitted on the official GitHub page: https://github.com/simple-icons/simple-icons . Thanks!

Commercial Context

Opportunity

agency visual QA and update safety

Social Media Icons visual QA and update safety for preventing client-site regressions before updates or edits go live

Buyer: site builders and agencies

Wedge: detect social media icons layout regressions, widget breakage, and client-visible update issues

Proof Blocked card complete market

Analysis

heuristic-v1

Summary: aria-label for accessibility: users show bugs pain that may indicate a product gap.

Evidence quote: I get an error in my accessibility checker that the svg doesn’t have a title that can be read by screen readers.

Affected feature: form

bugs easy quality form

Plugin

API

Popular Brand Icons – Simple Icons

3.0K active installs · 80.0K downloads · rating 94.0

add social media icons to wordpress icons shortcodes menu icons social media icons svg icons

Comments

2 shown

morinoalaria 2019-06-08T16:26:00+00:00

Update – here is a great article about SVG accessibility (scroll down to the “ARIA Enhanced SVG Accessibility” section) Using ARIA to enhance SVG accessibility

Travis 2019-06-19T13:35:00+00:00

Hello, This plugin uses the Simple Icons library. Any requests for changes in the icons or their format needs to be submitted on the official GitHub page: https://github.com/simple-icons/simple-icons . Thanks!