GaneshPatil7517 opened a new pull request, #1492:
URL: https://github.com/apache/camel-website/pull/1492
## Description
Fixes #1482
This PR improves accessibility compliance by adding proper alt text and
aria-labels to images and SVG icons across the website.
## Changes Made
### SVG Icon Accessibility (Header & Footer)
- Added `aria-label` attribute to all social media SVG icons (GitHub, Zulip,
Twitter, LinkedIn)
- Added `role="img"` to SVGs to ensure screen readers properly identify them
as images
- Applied to both Hugo layouts and Antora UI templates
### Files Modified:
- `layouts/partials/header.html` - Hugo header SVG icons
- `layouts/partials/footer.html` - Hugo footer SVG icons
- `antora-ui-camel/src/partials/header-content.hbs` - Antora header SVG icons
- `antora-ui-camel/src/partials/footer-content.hbs` - Antora footer SVG icons
### Blog Featured Image Alt Text
- Changed generic "Blog post featured image" alt text to dynamic alt text
using the blog post title
- Now renders as "Featured image for {Post Title}" for better context
### File Modified:
- `layouts/blog/post.html`
## Type
Accessibility / A11y improvement
## Testing
- Verified HTML structure is valid
- Alt text and aria-labels are now properly set for screen readers
## Checklist
- Added aria-label to SVG icons
- Added role="img" to SVG elements
- Improved dynamic alt text for blog images
- Updated both Hugo and Antora templates
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
