Category Archives: Front-end code

Fixing outlines on click

We know that a clear focus indicator is vital for people using a keyboard, so why do some website remove it? A little digging into how the browsers deal with it.

ARIA tabs, UI problems and standards

Classic three tab demo example.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

George Zamfir presentingA presentation on the parallels between responsive design and accessible design By George Zamfir.

How to hold your iPad

 width=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

diagram showing definition of a pixel.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.