Comments on Andrew Beacock's Blog: Firefox hack to display "accesskey" keyboard short...

Ted, cheers for the comment. I didn't just want a...

2008-12-28T00:02:00.000Z

Ted, cheers for the comment. I didn't just want accesskey support in wikipedia, that was just a great example site that uses them "behind the scenes". I use this hack so that I don't have to try and find a help article on the site telling me what the accesskeys are.

If you really only want access keys to show up on ...

2008-12-27T19:47:00.000Z

If you really only want access keys to show up on Wikipedia, you can add that code to your Wikipedia CSS. After logging in, paste the code into:

http://en.wikipedia.org/wiki/Special:MyPage/monobook.css

That's less invasive than hacking your local Firefox user CSS, and it sticks to your Wikipedia user account.

(note: I notice the code only seems to work (on monobook.css) with wikipedia links; it doesn't show links next to input/textarea/etc.)

Dan,Thanks for adding a comment your version looks...

2008-08-05T09:35:00.000+01:00

Dan,

Thanks for adding a comment your version looks pretty good! Glad you liked the post and found it so easily :)

I just ran into this user script and installed it....

2008-08-05T04:11:00.000+01:00

I just ran into this user script and installed it. It's fantastic. Props!

Made a couple changes of my own:
1) Installed it using the Firefox "Stylish" add-on, so I can enable/disable it at will.
2) Changed the display for better visibility. Plum is pretty for websites that are white or bright colored, but for darker ones or ones with odd color it doesn't work as well. I made the access key bigger, added padding, and changed the colors to white-on-black.

I hoped for some smarter way to do that - like if there's some way in CSS to just automatically put up a background color with a foreground color that contrast and blend in with what's already there. No idea if that's possible.

My changes are below. You can test them, and check out my website, at http://danrasmussen.org

Again, thanks for the good work and making it search engine friendly!

Dan

/* Display [] by the item with the accesskey */
a[accesskey]:after,
button[accesskey]:after,
input[accesskey]:after,
label[accesskey]:after,
legend[accesskey]:after,
textarea[accesskey]:after {
margin-left: 0.3em;
background-color: black;
color: white;
font-size: 125%;
padding: .125em .125em;
content: "[" attr(accesskey) "]";
}

mntnoe, thanks for the compliment!

2008-02-11T22:05:00.000Z

mntnoe, thanks for the compliment!

Awesome tip...Too bad access keys aren't featured ...

2008-02-11T21:47:00.000Z

Awesome tip...

Too bad access keys aren't featured much on the Internet. Maybe one should invent a hack that forces access keys on links like "next", "previous" etc :-)