What's wrong
Screen readers announce an unlabelled SVG with `role="img"` as an empty graphic without context.
Who it affects
Screen reader users miss branding, icons representing payment methods, or rating stars.
How to fix on WordPress
Include a `<title>` tag inside inline SVG assets or specify `aria-label="Description"` on the SVG tag.
Code example
Problematic Code
PHP
<svg role="img" class="star-rating">...</svg>Recommended Accessible Code
PHP
<svg role="img" class="star-rating" aria-label="<?php echo esc_attr( sprintf( __( 'Rating: %s out of 5 stars', 'textdomain' ), $rating ) ); ?>">
<path d="..."></path>
</svg>How to check your fix
Test with a screen reader to confirm the SVG announces the descriptive title rather than remaining silent.