Some Images on Homepage Requires Zooming for Clear View

[Nsingwirevictor]

Description: As a user with visual impairments who relies on screen magnification tools, I found images on the homepage of wagtail.org that requires zooming for a clear view. This personal experience highlights the challenge that individuals with visual limitations encounter when accessing website content. The need to zoom in to perceive the image's content clearly poses a significant obstacle for users with similar accessibility requirements.
Screenshot:

Why it's an Accessibility Issue:
This firsthand experience underscores the critical impact of the accessibility issue. For users with visual impairments, including myself, the requirement to zoom in to view website images can significantly hinder the ability to perceive the content effectively. Ensuring that all website images are easily accessible without the need for additional zooming is essential for fostering inclusivity and equal access for all users, regardless of their visual capabilities.

[thibaudcolas]

Hi @Nsingwirevictor, thanks for the report. The UI in those screenshots is a full-screen interface, so it’s simply not going to be possible for us to have it as its target size as a screenshot within a page, even if we changed the page’s layout.

What would you recommend in a case like this?

This is the first time I see the issue of image size being reported (aside from images of text). Do you have resources to share further explaining this issue, or proposing alternative patterns?

Could you also say more about why this is an issue? Without what you said I’d have assumed it’s common for users of magnification software to zoom in and out on images, as there’s no set minimum size like there might be for text.

[Nsingwirevictor]

Hi @thibaudcolas,

Thank you for looking into the reported issue. I understand the complexity of displaying a full-screen interface within a smaller page layout and the challenges it presents. To provide more context and information, I've included some resources below that discuss the importance of maintaining accessible image sizes, especially for users relying on screen magnification software:

Web Content Accessibility Guidelines (WCAG) 2.1 - The guidelines emphasize the importance of ensuring that all content, including images, remains accessible and perceivable without loss of functionality.

WebAIM: Images - This resource provides valuable insights into the best practices for optimizing images for accessibility, especially for users who rely on assistive technologies.

While zooming in and out on images is possible for some users, ensuring that key information remains accessible without additional steps can significantly enhance the user experience for individuals with visual impairments. I'll also look into finding additional resources or alternative patterns that could be helpful in addressing this specific issue.

Please let me know if you need any further information or have any other questions. I'm here to assist in any way I can.

Best regards,
Victor

[thibaudcolas]

@Nsingwirevictor neither of those resources are specific enough to the problem you reported so they don’t seem to be much help :/

While zooming in and out on images is possible for some users, ensuring that key information remains accessible without additional steps can significantly enhance the user experience for individuals with visual impairments.

If you’re using magnification software, aren’t you zoomed in and able to zoom in or out further on a moment’s notice anyway? I don’t work with users of magnification software often, so do let me know if my expectations are way off.

I would also object that the details of the image are key information, but I suppose that’s open for interpretation.