Today I forgot my mouse at home and thought it is a perfect fit to challenge myself at the office today to only use my keyboard!
I have a notebook with a docking station and an external keyboard I use, so just in case I could have used the touchpad.
In fact, I am writing this article the same way - using only my keyboard!
Here is the summary of my challenge to
Only use the keyboard for one day, no mouse
Accessibility of websites
I noticed googles great way to support keyboard navigation for the first time after pressing Tab
on the search results:
Some not so great experiences were with popup windows / modal dialogs on websites that do not care about accessibility.
Intrusive dialogs / modals on websites
I couldn't manage to close this dialog! How the hell am I supposed to close it, when I can't focus on anything in it only using the keyboard?!
What I did was opening the Dev Tools in Chrome (F12
), focused the Elements Tab, Ctrl+F
searching for the popup HTML element, Shift+F10
to right click on it and deleted it from the DOM. Felt like a way too big effort only to close this dialog 😩
Scrolling, selecting, navigating - getting around
Fortunately scrolling, selecting stuff and navigating was very easy. What enhanced my speed was the Vimium extension for chrome I installed after reading this very good post about it:
With the help of Vimium I was able to get around even faster with even less keystrokes because I didn't need to tab through all the elements to the wanted one but could select it with a combination of maximum 2 keystrokes!
Heres a short GIF:
Shortcuts I used the most this day
-
Win+B
accesses the windows tray icons! (on Windows) -
Win+1
or any number from 1-9 starts whatever program is pinned to the taskbar at this index. -
Win+Tab
gives an advanced application switcher interface -
Win+L
/F6
Focus the address bar in a browser or windows explorer. -
Shift+F10
to simulate a right click (if you don't have a dedicated key on your keyboard) -
F
in chrome to use Vimium -
Ctrl+W
to close tabs -
Win+Shift+Right Arrow
or Left Arrow to move a window from one screen to the other fast -
Win+Ctrl+Right Arrow
or Left Arrow to switch between worspaces
I was in a same situation for some time a few days back.
I can't even find the way for goToDefinition in VS code.
Going to a button was a lot of work. TAB TAB TAB SPACE
Jumpy helped in editor but there were a few things i can't do without mouse or trackpads.