Mobile Usability issues and a11y Review

openmindculture / kleiderordnung-berlin

Portfolio website for sustainable stylist Tina Steinke in Berlin, using a hybrid classic WordPress theme with custom front page and block enabled pages.

3 stars 0 forks source link

Mobile Usability issues and a11y Review #72

Closed openmindculture closed 2 months ago

openmindculture commented 1 year ago

Open:

Lottie Animation mobil noch breiter

Reported by Google Top Issues

Clickable elements too close together
Text too small to read

Text too small to read

allegedly on singular blog post page

https://kleiderordnung.berlin/fashion-changers-konferenz-endlich-wieder-live-217/

Clickable elements too close together

dto.

https://kleiderordnung.berlin/fashion-changers-konferenz-endlich-wieder-live-217/

openmindculture commented 1 year ago

https://search.google.com/search-console/mobile-usability?resource_id=sc-domain%3Akleiderordnung.berlin&hl=en

openmindculture commented 12 months ago

Text needs increased line height
font is hard to read
long paragraphs should not be centered, left alignment would be better
parallax perspective and auto-play animations are BAD! even if I respect user preferences?! => follow-up discussion on DEV = TODO

openmindculture commented 2 months ago

mobile testimonials suboptimal especially when starting with a short text without picture

This is worse than jumping content below; we could place the arrow buttons on top on mobile to prevent them from jumping.