search
HomeWeb Front-endCSS Tutorial[Transfer] A little thought caused by Accesskey_Experience exchange

What is Access key? ~It is estimated that not many people except those who do web development know that Access key is a shortcut key provided by a web page. First, go back to the software interface and look at the menu of my Opera. My Opera has been modified, with Chinese and English mixed together.
[Transfer] A little thought caused by Accesskey_Experience exchange
The Chinese method is generally to add a bracket after the text, and the key value inside is underlined. In English, the beginning is generally regarded as the key value. If there are duplicates, they are pushed to the second and third places. If the word is unlucky and all the letters conflict with others and are ranked last, the general approach will not be like this. Just add parentheses to indicate the value in Chinese. Instead, adjust others to resolve conflicts. These days, visuals come first! What's a good way to do it in Chinese? Add brackets uniformly. This is the hotkey prompted by the system (I was too lazy to check its name?). Press the alt key to call it directly. I don’t know how many people use the mouse to click more.

Return to the web page. In the web page, there are similar functions. Everyone calls it Access key, which is very popular these days.
<tag accesskey="x"> tag adds attribute accesskey, the attribute value is the corresponding key </tag> Related information: http://www.w3.org/TR/1999/ REC-html401-19991224/interact/forms.html#access-keys

Generally, the alt key is used to select. However, each browser is different.
IE series uses the alt key, and then enter Enter to get off (if it is a link.)
Those below FF2.0 also use the alt key, but if it is a link, open it directly, and Netscape also directly press Alt key
FF2.0, the official said:The shortcut key (Access key) provided by the web page is now used as Alt Shift Key on Windows, as Ctrl key on Mac OS X, and as Ctrl Shift on Unix. key. , but my FF2.0 on SUSE still uses Alt Shift Key, I don’t know what kind of system it is. . -_-!!
The idea of ​​pressing more keys in addition to the alt key is to avoid conflicts with the browser. The idea is good, but it is inconvenient to press it with one hand.
In Opera, press Shift Esc to activate the accesskey panel. Then pick up Key and select directly. This is a partial screenshot of the small site I made before
[Transfer] A little thought caused by Accesskey_Experience exchange

The usage method of Opera is similar to Konqueror. Konqueror is an accesskey panel that is activated by pressing Ctrl. In addition to the assigned accesskey, other keys will be automatically assigned according to XXX conditions in the order of page links. The letters are divided. Just distribute the numbers, and after they are all distributed, there will be no remaining ones. However, it is estimated that few people will use the Konqueror browser. Most current Linux distributions default to Firefox.

I don’t know about Mac OS X. I don’t have the money to buy a machine that can afford such a system. There are n versions of x86 installed on N machines, but none of them has a graphical interface available. If any friends who use Mac OS can tell me, maybe I will be able to use a Mac one day and no longer have to think about this problem.

After knowing how accesskey operates, think about where it should be used.
Generally speaking, when I am not typing, my left hand is placed on the left side of the keyboard or holding a cigarette, and my right hand holds the mouse to prevent others from snatching it.
If there is an obvious accesskey prompt and the key is on the left side of the keyboard, I can only use it if I can easily press it with one hand. I am lazy ^_#.

Why is it possible to use an accesskey with an obvious prompt? A small website I used to make. I used tips to remind me. I even forgot about the things I made, let alone other people’s. And if pressing a key requires me to move my entire left hand to the right side of the keyboard, I'd rather use the mouse.
So what are the obvious tips? Take a look at 小gangandi Station and pay attention to the navigation menu at the top. English is a little easier to do, you can pick out letters and use them, but for Chinese I haven't thought of any better way. Maybe there is a way to do it like the window menu. Not all Chinese characters can be arranged into the keys of the keyboard. Even if they can be arranged, how many people can remember them.

The value of accesskey can be letters and numbers. Some browsers do not resolve key conflicts between the web page and the browser. Therefore, not all letters are suitable for use. At the same time, the numbers in some browsers cannot use the numbers in the keypad. For example, FF,
If a person uses the accesskey provided by others on the web page, theoretically he will also use the accesskey on the browser to complete some operations. Of course, this is just my personal opinion and I don’t know if others have the same opinion. Maybe others are like me, IE is only used for debugging web pages.

If the accesskey used in the web page overlaps with the menu on the browser, for example, "V" is used for the web page, I can't simply press Alt V, C to open the source file in IE and view it, hey! People who do development know how to read code in one day. I hope that friends who use accesskey on web pages will not choose a key that conflicts with the browser.

Except the menu. Where else is it often used? Usually for forms, I use both hands when typing text. The key range is also large. For example, like a Taiwanese friend OOO's blog, you can use accesskey to select the place to be filled in when commenting. It's really convenient to operate like this, but I usually don't use it.
Generally when I read an article. With your right hand still on the mouse, when you pull up a comment, you will click on the first input. After that, you usually press Tab to jump to the next input or something else. When you want to return to the previous one, press Tab Shift to jump back. Anyway, the Tab key is also relatively large, making it easier to press.

Talking about it, it seems that accesskey is not very useful. In fact, because we usually have a mouse to use, what if we don’t have a mouse? Therefore, when everyone buys a mobile phone, at least it must have Bluetooth to control the computer. If the mouse accidentally breaks, it can be used as a mouse temporarily. Nowadays, most websites are difficult to use just using Tab, and how many websites use AJAX technology to improve user experience~ As a result, when I have a mouse problem, I can’t even use the only Tab.

In addition to accesskey, there are also some websites that force the use of certain keyboard keys with js to complete some operations. For example, pressing the Home button will jump to the homepage, moving the direction key left will jump to the previous article, and moving the direction key right will jump to the next article. Sometimes, it is very convenient to use; sometimes, it may be very annoying because the original function is gone.

Please don’t try accesskey on this site, because there is no such function. But last night a friend asked about the problem of no response after pressing FF2.0, so he wrote down some of his thoughts. Maybe, next time I revise it, I will make the small site more presentable. Maybe, I can skip the revision, because I am lazy and being busy is just a gorgeous excuse.

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Demystifying Screen Readers: Accessible Forms & Best PracticesDemystifying Screen Readers: Accessible Forms & Best PracticesMar 08, 2025 am 09:45 AM

This is the 3rd post in a small series we did on form accessibility. If you missed the second post, check out "Managing User Focus with :focus-visible". In

Create a JavaScript Contact Form With the Smart Forms FrameworkCreate a JavaScript Contact Form With the Smart Forms FrameworkMar 07, 2025 am 11:33 AM

This tutorial demonstrates creating professional-looking JavaScript forms using the Smart Forms framework (note: no longer available). While the framework itself is unavailable, the principles and techniques remain relevant for other form builders.

Adding Box Shadows to WordPress Blocks and ElementsAdding Box Shadows to WordPress Blocks and ElementsMar 09, 2025 pm 12:53 PM

The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements.

Working With GraphQL CachingWorking With GraphQL CachingMar 19, 2025 am 09:36 AM

If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or

Making Your First Custom Svelte TransitionMaking Your First Custom Svelte TransitionMar 15, 2025 am 11:08 AM

The Svelte transition API provides a way to animate components when they enter or leave the document, including custom Svelte transitions.

Show, Don't TellShow, Don't TellMar 16, 2025 am 11:49 AM

How much time do you spend designing the content presentation for your websites? When you write a new blog post or create a new page, are you thinking about

Classy and Cool Custom CSS Scrollbars: A ShowcaseClassy and Cool Custom CSS Scrollbars: A ShowcaseMar 10, 2025 am 11:37 AM

In this article we will be diving into the world of scrollbars. I know, it doesn’t sound too glamorous, but trust me, a well-designed page goes hand-in-hand

What the Heck Are npm Commands?What the Heck Are npm Commands?Mar 15, 2025 am 11:36 AM

npm commands run various tasks for you, either as a one-off or a continuously running process for things like starting a server or compiling code.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

Hot Tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!