A mirror of my website's source code.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 macos-page-tab-nav.html

View raw Download
text/html • 3.95 kiB
HTML document, ASCII text, with very long lines (325)
        
            
1
<!DOCTYPE html>
2
<html lang="en-us" prefix="og: https://ogp.me/ns#">
3
4
<head>
5
6
7
<meta charset="UTF-8" />
8
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
<title>Page Keyboard Navigation on MacOS - S0G</title>
10
<link rel="stylesheet" href="/src/global.css" />
11
<meta property="og:locale" content="en_US"/>
12
<meta property="og:site_name" content="Steve0Greatness' Site"/>
13
14
<link rel="stylesheet" href="/src/pygments-friendly.css" />
15
<link rel="stylesheet" href="/src/blog.css" />
16
<link rel="alternate" href="/blog/macos-page-tab-nav.txt" type="text/plain" title="Post source" />
17
<meta property="og:title" content="Page Keyboard Navigation on MacOS" />
18
<meta property="og:url" content="https://steve0greatness.github.io/blog/macos-page-tab-nav.html" />
19
20
</head>
21
22
<body>
23
<header>
24
<h2><a href="/">Steve0Greatness</a></h2>
25
<nav>
26
<a href="/blog">Blog</a>
27
<a href="/link-tree.html">Link Tree</a>
28
</nav>
29
</header>
30
31
<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
32
<li>
33
<a href="/">Index</a>
34
</li>
35
36
<li >
37
<a href="/blog">
38
Blog Index
39
</a>
40
</li>
41
42
<li aria-current="location">
43
44
Page Keyboard Navigation on MacOS
45
46
</li>
47
48
</ol>
49
<main>
50
<article>
51
<header>
52
<h2 id="blog-post-titled">Page Keyboard Navigation on MacOS</h2>
53
<div role="toolbar" class="toolbar">
54
<a href="https://toot.kytta.dev/?text=Take a look at this article by @S0G@mastodon.social: https://steve0greatness.github.io/blog/macos-page-tab-nav.html" title="Share to Mastodon">
55
<img src="/toot-kytta-dev-icon.svg" width="16" height="16" aria-hidden="true" title="Share to Mastodon" />
56
</a>
57
<a href="/blog/macos-page-tab-nav.html" title="Direct link">
58
<span aria-hidden="true">
59
&#128279;
60
</span>
61
</a>
62
<a href="/blog/macos-page-tab-nav.txt" title="Markdown source">
63
<img src="/md-src.svg" width="16" height="16" aria-hidden="true" />
64
</a>
65
</div>
66
<time>2022 Feb 26</time>
67
</header>
68
<p>Ok, so I feel like a complete idiot right now.</p>
69
70
<p>When I've been trying(and failing) to use the <span class="code">tab</span> key on my computer(it's a Macbook) for what feels like forever now. Turns out, it was as simple as hitting <span class="code">control + fn + &lt;&lt;</span>(<span class="code">&lt;&lt;</span> is <span class="code">F7</span>).</p>
71
72
<p>To be honest, I thought that it was just an issue with FireFox, and then I read <a href="https://www.a11yproject.com/posts/macos-browser-keyboard-navigation/">Browser keyboard navigation in macOS</a> and realized that it was an issue with MacOS! This should really be an option enabled by default, but Apple is stupid.</p>
73
74
</article>
75
</main>
76
<footer role="group">
77
<div class="footer-link-list-holder">
78
<span aria-hidden="true" id="footer-label-site-details" class="footer-link-list-label">Site Meta</span>
79
<ol class="footer-link-list" aria-labelledby="footer-label-site-details">
80
<li><a href="https://github.com/Steve0Greatness/steve0greatness.github.io">Github Repository</a></li>
81
<li><a href="https://steve0greatness.github.io/extras">Extras Archive</a></li>
82
</ol>
83
</div>
84
<div class="footer-link-list-holder">
85
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
86
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
87
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
88
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
89
<li><a href="/link-tree.html">More...</a></li>
90
</ol>
91
</div>
92
</footer>
93
</body>
94
95
</html>