Archive for the 'Front-end code' Category

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.

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…

Zooming bug in Webkit

Boston globe zoomed in ChromeI’ve noticed a bug in Webkit browsers that impacts accessibility: Zooming in does not trigger media queries. Responsive design techniques can really help people who zoom in with their browser, but not in Chrome or Safari at the moment.

Detecting touch-based browsing

I came across a situation recently where a JavaScript widget didn’t ‘work’ on the iPhone. It did technically work, but without knowing about two-fingered scrolling (and when you need to use it), it didn’t appear to work. So how do you differentiate the iPhone (and other touch based devices) from a regular browser?

Removing empty HTML tags from TinyMCE

A little post for those that run into the same problem I had with TinyMCE and blank instances not quite being blank. I created a little configuration to remove empty HTML tags.