Skip to content

Instantly share code, notes, and snippets.

@MelSumner

MelSumner/safari-keyboard-navigation.md

Forked from svinkle/safari-keyboard-navigation.md
Created April 20, 2020 15:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save MelSumner/47b2844c47c00925bb6735539a2ce8a1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save MelSumner/47b2844c47c00925bb6735539a2ce8a1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @svinkle svinkle revised this gist Dec 29, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion safari-keyboard-navigation.md
    View file
    Original file line number Diff line number Diff line change
    @@ -25,7 +25,7 @@ In Safari settings, allow **"highlighting of each item"** in order to Tab to pag

    With these changes in place you should now be able to use the Tab key to navigate around page content as expected.

    **Bonus!**
    ## Enable via Terminal

    Run the folliowing command the Terminal to enable keyboard control at the macOS level. Helpful if your organization uses a config script for new employee machines!

  2. @svinkle svinkle revised this gist Dec 29, 2017. 1 changed file with 9 additions and 1 deletion.
    10 changes: 9 additions & 1 deletion safari-keyboard-navigation.md
    View file
    Original file line number Diff line number Diff line change
    @@ -23,4 +23,12 @@ In Safari settings, allow **"highlighting of each item"** in order to Tab to pag

    <img width="882" alt="Screenshot of the Safari Preferences window. The screenshot is highlighting the selection of the 'Press Tab to highlight each item on a webpage' checkbox." src="https://user-images.githubusercontent.com/1392632/34269782-9fcdc5d6-e653-11e7-9adc-6bf1c04185b3.png">

    With these changes in place you should now be able to use the Tab key to navigate around page content as expected.
    With these changes in place you should now be able to use the Tab key to navigate around page content as expected.

    **Bonus!**

    Run the folliowing command the Terminal to enable keyboard control at the macOS level. Helpful if your organization uses a config script for new employee machines!

    ```bash
    defaults write NSGlobalDomain AppleKeyboardUIMode -int 3
    ```
  3. @svinkle svinkle revised this gist Dec 21, 2017. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions safari-keyboard-navigation.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    # Safari Keyboard Navigation

    In order to allow for full keyboard navigation of all element in Safari on macOS, make sure the following options are enabled.

    ## All Controls in macOS
  4. @svinkle svinkle created this gist Dec 21, 2017.
    24 changes: 24 additions & 0 deletions safari-keyboard-navigation.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    In order to allow for full keyboard navigation of all element in Safari on macOS, make sure the following options are enabled.

    ## All Controls in macOS

    In the macOS settings, allow **"All Controls"** to be keyboard accessible. Enable this feature by going to:

    1. Settings
    2. Keyboard
    3. Shortcuts (tab)
    4. Select "All controls" (radio button)

    <img width="780" alt="Screenshot of the macOS Settings window. The screenshot is highlighting the selection of the 'All controls' radio button." src="https://user-images.githubusercontent.com/1392632/34268380-79798d34-e64e-11e7-817c-d069ee0210e0.png">

    ## Highlight each item in Safari

    In Safari settings, allow **"highlighting of each item"** in order to Tab to page controls. Enable this feature by going to:

    1. Preferences
    2. Advanced (tab)
    3. Select "Press Tab to highlight each item on a webpage" (checkbox)

    <img width="882" alt="Screenshot of the Safari Preferences window. The screenshot is highlighting the selection of the 'Press Tab to highlight each item on a webpage' checkbox." src="https://user-images.githubusercontent.com/1392632/34269782-9fcdc5d6-e653-11e7-9adc-6bf1c04185b3.png">

    With these changes in place you should now be able to use the Tab key to navigate around page content as expected.