HTML document, ASCII text, with very long lines (325)
1
<!DOCTYPE html>
2
<html lang="en">
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
12
<link rel="stylesheet" href="/src/pygments-friendly.css" />
13
</head>
15
<body>
17
<header>
18
<h2><a href="/">Steve0Greatness</a></h2>
19
<nav>
20
<a href="/blog">Blog</a>
21
<a href="/link-tree.html">Link Tree</a>
22
</nav>
23
</header>
24
25
<ol role="navigation" class="breadcrumbs" aria-roledescription="Site breadcrumb">
26
<li>
27
<a href="/">Index</a>
28
</li>
29
30
<li >
31
<a href="/blog">
32
Blog Index
33
</a>
34
</li>
35
36
<li aria-current="location">
37
38
Page Keyboard Navigation on MacOS
39
40
</li>
41
42
</ol>
43
<main>
44
<article>
45
<h2 id="blog-post-titled">Page Keyboard Navigation on MacOS</h2>
46
<time>2022 Feb 26</time>
47
<p>Ok, so I feel like a complete idiot right now.</p>
48
<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>
50
<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>
52
</article>
54
</main>
55
<footer role="group">
56
<div class="footer-link-list-holder">
57
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
58
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
59
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
60
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
61
</ol>
62
</div>
63
</footer>
64
</body>
65
</html>