HTML document, ASCII text, with very long lines (325)
1
<!DOCTYPE html>
2
<html lang="en-us" prefix="og: https://ogp.me/ns#">
3
<head>
5
6
<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
</head>
21
<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
🔗
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
<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 + <<</span>(<span class="code"><<</span> is <span class="code">F7</span>).</p>
71
<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
</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
</html>