You are on page 1of 2

Reading a website

#Link to heading "Reading a website"

After a while of reading, you usually have to adjust the scrolling of the page:

 To scroll the viewport down, up, left, or right, use the respective arrow keys.
 When tabbing through a page (see below), the viewport is scrolled automatically
to the currently focused element, so using the arrow keys often is not necessary.

Interacting with a website


#Link to heading "Interacting with a website"

Mouse users can interact with any visible element on a page directly by clicking on it.

To interact with an element, keyboard users need to move the so called "focus"
sequentially through all interactive elements on a page until they reach the desired
element. The currently focused element is highlighted visually.

 Use Tab to move from one focusable item to the next focusable item.
o This sequential navigation sometimes is called "tabbing".
o Focusable items typically are links, buttons, form controls (text edit,
combobox, etc.), and all sorts of other interactive elements such as custom widgets.
o Add Shift to reverse the direction.
 Use Enter to:
o Activate a link or button.
o Send a form (when a form item has focus).
 Works for all form elements except textarea.
 Use Space to:
o Toggle an element's state (for example checkbox).
o Open or close an element (for example combobox).
 Use arrow keys to:
o Change the value of an item (for example in a combobox, a radio button
group, or within a min/max value slider widget).
o Move the cursor (for example in a text input).
 Use Esc to:
o Cancel a prompt.
o Close elements like dialogs or expanded comboboxes.

Now it's your turn!


#Link to heading "Now it's your turn!"

Using the keyboard shortcuts above (and maybe more), you should be able to use any
website to its fullest.
From now on, why not try to read this complete guide without using a mouse? Learning
by doing is always a good way to level up your skills!

You might also like