Add the Web Almanac Website! about a11ywebsites HOT 5 CLOSED

Thanks, that's fixed it now to scale much better in all cases for resize, zoom level consistently without any overflow.

Updated with overall AA grade 🎉

from a11ywebsites.

@calumryan many thanks for reviewing the site and for identifying the reflow issues on large text and smaller viewports. I’ve just pushed a fix that I believe addresses this, but would be very keen to hear if this is not the case. Thanks again for running the site and for featuring us!

from a11ywebsites.

That's improved for 320 pixels. Still some issues at around 1000 pixels wide as demonstrated here with the dropdown open it causes a reflow issue.

from a11ywebsites.

Thanks for looking again.

I can see what happened here: it decides the left/right hang on menu open based on whether it will overflow the screen. So can overflow if you zoom or change browser width while it's open - if you closed it and then reopened it again it would stop overflowing. Or if you'd opened it after zooming or changing size it would also not have been an issue. So a bit of an edge case, I hadn't fully considered. I added an onresize call to check this again and rehang it if necessary.

I also decided to change to em-based media queries as felt the desktop view wasn't the ideal view at those very large base font sizes except on really wide screen. So we go to mobile view more often which makes this issue less likely to happen - but still, the functionality is in there for when it does.

Both those changes are released now.

from a11ywebsites.

Thanks @calumryan for the time you spent on this and for helping improve our site!

from a11ywebsites.