Category Archives: Front-end code
ARIA tabs, UI problems and standards
There have been a couple of articles on ARIA tabs recently, I pick up some specific points from both articles, analyse the interactions and suggest a way forward. Zoom for fixed and responsive sites
I also considered calling this "Why zoom sucks on mobile", as that is the biggest issue with zooming & web development.
To understand why I'll walk through the different ways zoom works on desktop and mobile.
Flexbox IE11 bugs
I recently started experimenting with flexbox. On this blog. Without enough testing. Or at least, without the kind of testing I would do for a work project. It's a live experiment! Here are the bugs I ran into. CSUN: Accessibility theory vs implementation reality
Lessons learned from a project by Hans Hillen and Jennifer Gauvreau, what should have worked that didn't! Lots of JAWs/IE bugs and how they got around them.
CSUN: Browser zoom sucks for low vision users
Denis Boudreau and Wayne Dick presented on why browser zoom sucks, firstly from the point of view of testing with WCAG, and then from a low-vision user's point of view.
CSUN: Invisible Visualization: Accessible Information Graphics with Web Tech
Doug Schepers on data visualisation with Web technologies such as SVG, Canvas, ARIA, and the Web Audio API, so that you can make accessible information graphics. CSUN: Responsive design and accessible design
A presentation on the parallels between responsive design and accessible design By George Zamfir. How to hold your iPad
Taking my arguments about pixels being relative another step, the CSS pixel sizes that device makers use actually tell us the distance away from your eye that they think you should hold a device. Applying a bit of maths lets us work out what that distance is. In defence of pixels
I keep reading recommendations for using EMs or other typographical units for layout, which I still don't understand. At best it is an extra layer of abstraction, at worst it is misleading and likely to cause more issues than it solves. I will try to demonstrate why pixels are the best relative unit. Relative pixels
Layout methods in web design have gone through a transition in the last few years, unfortunately we're still using floats a lot, but flexible layouts have made a comeback in the form of responsive design - which is great. Recently though, I have been puzzled by people suggesting that we should use EMs for layout...