fix: remove redundant role="img" when lazyLoad is enabled

[ibrahimcesar]

Summary

Fixes #249

When lazyLoad={true}, the component renders an actual <img> element inside the container for the thumbnail. However, the container also had role="img" applied, creating redundant ARIA semantics that fail automated accessibility audits (Axe, Lighthouse, WAVE).

• Conditionally apply role="img" only when lazyLoad is not enabled and the iframe is inactive
• When lazyLoad is enabled, the real <img> element already provides correct semantics for assistive technologies
• When lazyLoad is disabled (CSS background-image), role="img" is still applied since there's no native image element
• Bumps version from 3.3.3 to 3.4.0

Test plan

• All 51 existing tests pass
• Verify with lazyLoad={true}: container should not have role="img", the inner <img> handles semantics
• Verify with lazyLoad={false} (default): container should still have role="img" as before
• Run accessibility audit (Axe/Lighthouse) — redundant role error should be resolved

🤖 Generated with Claude Code

[github-actions]

size-limit report 📦

Path	Size
ES Module	3.08 KB (+0.23% 🔺)
CommonJS	3.09 KB (+0.29% 🔺)
CSS	1.25 KB (0%)

[ibrahimcesar]

Published on 3.5.0: https://www.npmjs.com/package/react-lite-youtube-embed/v/3.5.0