Slashdot Mirror


Benefits of Using Access Keys in HTML?

kandresen asks: "I have been considering the use of access keys in my web site as an accessibility feature, and was originally looking at possible side effects this could have for people with PCs and Macs, however in my search I found the problem was far wider than just that, as people with different language version of these OS'es may have different key bindings. Many of the websites I deal with have an International reach, so I can see this may limit the available keys quite a bit. The better approach, which would avoid the entire problem, unfortunately does not seem to be a reality, even in the upcoming version of XHTML 2. So, I wonder whether other webmasters have had many complaints from their users regarding the use of access keys interfering with system specific shortcuts, such as bookmarking, help functions, accessing of favorites, and so forth. Do you have any tips as for how to avoid negative side effects? Are there some keys that do not cause much problems regardless of language, OS, or the client being used? Is there a way to use Javascript to take care of such problems?"

5 of 42 comments (clear)

  1. Not just OS specific by paulbiz · · Score: 4, Informative

    It changes from one browser to the next. I believe in Opera you need to press Shift-ESC then the access key. Others may use ALT or some kind of platform-specific modifier key.

    A program theoretically shouldn't interfere with the system commands, but...

    In a world where we assume ALT is the access key modifier, and Alt-F is one of the shortcuts, does that deny them the ability to press Alt-F to access the File menu? I don't think there is any consistent behavior at all.

    Check out this page. It has a table of known conflicts or potential problems.

    I tried using on a company intranet site, simply for my own amusement, and gave up. While I thought it was nice to press Alt-N to view the news page, nobody else knew how to use it or cared to learn. Most of them never take their hand off the mouse anyway (if they are physically able to choose).

  2. Accesskeys can conflict with application shortcuts by Matt+Perry · · Score: 2, Informative

    Access keys can conflict with short cuts already defined by the browser. See this entry at accessify.com about the problem. Also read this article.

    --
    Slashdot: Failed Car Analogies. Amateur Lawyering. Anecdote Battles.
  3. Display accesskeys using CSS by Chris+Pimlott · · Score: 4, Informative

    I tried using on a company intranet site, simply for my own amusement, and gave up. While I thought it was nice to press Alt-N to view the news page, nobody else knew how to use it or cared to learn.

    Did they even know they were there? I find that many sites use AccessKeys but give no indication that they do or what they are. Luckily you can use a handy bit of CSS to help out.

    Using the selector before pseudo selector, you have have the accesskey shown automatically displayed before the element. For example, I have this in my Mozilla userContent.css:

    a[accesskey]:before {
        content: " " attr(accesskey) " ";

        text-transform: uppercase;
        white-space: pre;
        border: thin solid;
        font-family: sans-serif;
        text-decoration: underline overline;
        margin-right: 0.5ex;
    }

    The first two lines are the important part, the rest is just styling to make it look nice. Specifically, it adds a small box with the capitalized access key character before any link that uses one.

    For example, when I visit Freshmeat, the menu at the top looks something like this:

    [H] home | [B] browse | [A] articles | contact | chat | submit

    It's a neat trick and can be very handy. While it's true most sites don't use accesskeys, there's more out there than you might expect, and the ones that do almost never advertise it.

  4. No problem when properly implemented by Baloo+Ursidae · · Score: 4, Informative

    No point in making a web browser use the same keys for navigation as for itself. Too bad only the KDE developers have really thought this through so far.

    Because of this, the only browser to properly implement it so far is Konqueror. Press control, and access key labels appear over the appropriate links. Press that key.

    --
    Help us build a better map!
  5. Re:Use Numbers by headshrinker · · Score: 2, Informative

    Yes, quite a few arabic keyboards in fact. They use different characters to represent their numbers.

    (let's see if /. does UTF-8 now...)

    are the numerals used in many parts of the middle-east. In case those don't render (they didn't in preview mode here), try wikipedia's article on Arabic numerals.

    I've no idea how those are represented internally though, so it's possible that you could still use Arabic numeral access keys with those numbers and have it all work.