At some point (I forget when), Vox became an OpenID provider. “Great,” I thought, “I’ll use it as my OpenID.” All was well until a few days ago, when I tried to sign in to Vox using Opera Mini on my Sony Ericsson K800i. Here’s a screenshot of the sign-in form:

The orange “Sign in” button is a button — right? Wrong. It’s made up of the following markup:

<a class="command-submit orange-button button"><b>Sign In</b><s></s></a>
<input type="submit" class="invisible-button" />

So, they’ve got a “real” submit button there, which probably attends to an imagined screen reader scenario–CSS and JavaScript off; but because Opera Mini usually behaves — for all intents and purposes — like a desktop browser, it attempts to render the fancy orange button but doesn’t quite have the nous to interpret whatever JavaScript event binding code Six Apart are using to make the orange button submit the form.

I emailed Vox support:

The sign-in button isn’t a ‘real’ html button and therefore I can’t sign in using Opera Mini.

They replied:

We’re sorry you’re having problems signing in to Vox. We would like to suggest that you try using Internet Explorer or Firefox when signing in to Vox. We fully support these browsers and you’ll find that you can use all of Vox’s functions when using them.

For more information about what Vox needs in order to work, check out our Requirements for using Vox article. (emphasis mine)

I replied to them, for what it’s worth:

OK – that’s fine. I would say something about “just use normal HTML and it works anywhere!” but I guess I’ll just find another OpenID provider.

So that’s what I did. I signed up with MyOpenId, who seemingly know how to use normal HTML elements for their intended purpose, rendering the service usable on Opera Mini.

If ever there was a lesson in keeping things simple and using Progressive Enhancement, there it is. For no extra effort, more people can use your service in more places and using more devices and platforms. What’s not to like?