1. Overview
Accessibility is a key aspect of creating an inclusive and user-friendly experience for all customers. Adding ARIA (Accessible Rich Internet Applications) labels to logos ensures that screen readers and other assistive technologies can interpret the logo content correctly. This improvement allows visually impaired users to understand the brand identity or purpose of the logo element, aligning your WeSupply pages with accessibility best practices.
2. Pre-requisites
Before implementing ARIA labels for logos, ensure that:
- You have admin access to your WeSupply account.
- You are familiar with basic HTML editing in your WeSupply Branding → Configuration section.
- Your company logo is already uploaded and visible on your WeSupply pages.
3. Implementation Overview
WeSupply now supports adding ARIA labels to the logo section, enhancing accessibility compliance and improving SEO performance. The ARIA label serves as a text-based description that identifies the logo’s purpose for users relying on assistive technologies.
By default, logos are visual elements without descriptive text. With an ARIA label, screen readers can announce the brand name or provide additional context — for example, "WeSupply - Order Tracking Portal Logo".
4. Examples / Best Practices
- Use concise and meaningful descriptions, such as:
- "WeSupply company logo"
- "WeSupply order tracking logo"
- "Brand logo linking to homepage"
- Avoid using redundant words like “image of” or “logo of” since screen readers already announce the presence of an image element.
- Consistency matters: apply the same ARIA label format across your WeSupply pages to maintain accessibility coherence.
5. Troubleshooting / FAQ
Q: Why is adding ARIA labels important for accessibility?
A: ARIA labels ensure that visually impaired users can understand the context and purpose of non-text elements like logos, improving compliance with WCAG accessibility standards.
Q: Will this affect how my logo is displayed?
A: No. ARIA labels are invisible to sighted users and only affect screen reader interpretation.
Q: Can I apply ARIA labels to other images or icons?
A: Yes. The same principle applies to any non-textual content that conveys important meaning (e.g., buttons, icons, or banners).
In summary: Adding ARIA labels to your WeSupply logo is a simple but powerful accessibility enhancement. It ensures that all users — including those relying on screen readers — have an inclusive and informative experience on your WeSupply pages, while also contributing to SEO and compliance goals.
Comments
0 comments
Article is closed for comments.