Great article Håvard!

Couldn't you force the improved outline on all elements? Something like:

:focus {

outline: none !important;

box-shadow: 0 0 0 4px #cd4dcc !important;

border-color: transparent !important;

border-radius: 3px;

}

I'm not generally a fan of !important, but this would seem to be a code snippet you could throw on the end of an existing CSS file without having to debug individual :focus styles that might exist.