-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
190 lines (173 loc) · 9.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<!-- SEO Meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Hey, I'm Josh! I'm a specialist in accessibility beyond compliance strategy, inclusive design systems, research with disabled people, designing trauma-informed communities, and accessibility education. I'm currently open to global remote opportunities as an accessibility lead, strategist, or design researcher.">
<meta name="author" content="Josh Kim">
<meta property="og:title" content="Josh Kim's UX Portfolio" />
<meta property="og:image" content="img/jk.png" />
<meta property="og:url" content="joshkimux.com" />
<meta name="keywords" content="Josh Kim, a11y, accessibility, design, research, inclusive, product, service, ux, user experience">
<!-- Title -->
<title>Home | Josh Kim is a humanity centered accessibility strategist, educator, and design researcher</title>
<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jk.css" rel="stylesheet">
<!-- Fonts from Google -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Libre Baskerville:wght@400&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Skip link for keyboard users -->
<a class="skip-main" href="#main">Skip to main content</a>
<!--Navigation -->
<header class="header">
<div class="container">
<nav class="jnav" aria-label="main">
<a aria-current="true" href="index.html">Josh 内藤</a>
<span class="divider"></span>
<ul>
<li><a href="work.html">Work</a></li>
<li><a href="speaking.html">Speaking</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</div>
<!--end of container -->
</header>
<!-- Main content -->
<main role="main" id="main" tabindex="-1">
<!-- Heading-->
<div class="container">
<div class="heading">
<div class="row">
<div class="col-lg-12 col-xl-10">
<h1>UX and A11y Designer</h1>
<div class="sun">
<img alt="" src="img/icons/sun-happy.png">
</div>
<p>International design <a href="work.html">advocate</a>, <a href="https://www.designedwithcare.org/chapters/extras/broken-frames">writer</a>, and <a href="speaking.html">speaker.</a> Currently leading accessibility at Northwestern Mutual.</p>
</div>
</div><!-- Row -->
</div><!-- Heading -->
</div><!-- Container -->
<div class="content">
<div class="container">
<div class="project jk-card">
<div class="row">
<div class="col-sm-12">
<h2>
<a href="https://www.designedwithcare.org/" class="poject-heading">
Designed with Care
</a>
</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<p class="project-client">Co-Author</p>
<aside role="note">Creating Trauma Informed Content</aside>
</div>
<div class="col-lg-8">
<p>I wrote about the limitations of popular accessibility frameworks for trauma-informed outcomes. <a href="https://www.amazon.com/gp/product/B0DNRTX66S?tag=">Buy the book on Amazon</a> or <a href="https://www.designedwithcare.org/chapters/extras/broken-frames">read my chapter online.</a></p>
</div>
</div>
<div class="row">
<div class="col-lg-4 xl-only">
<img src="img/thumb/theme/tr-m.png" alt="The cover of Designed with Care featuring a heart comprised of soft geometric shapes.">
</div>
<div class="col-lg-8">
<img src="img/thumb/theme/tr-d.png" alt="Chapter 15: Compliance is just the start: accessibility for trauma-informed outcomes.">
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h2 id="adjectives">What people are sayin'</h2>
<p>Care, community, and integrity are cornerstones to my work.</p><p><a href="https://www.linkedin.com/in/joshkimux/details/recommendations/?detailScreenTabIndex=0">Read 16 of my colleagues' full thoughts about me on LinkedIn</a>.</p>
</div>
<div class="offset-lg-1 col-lg-7">
<ul role="list" class="big-list">
<li>
<figure>
<blockquote>
<p>Every action Josh takes, he tries to make the most caring, impactful choice. He knows how to build coalitions and teach in a way that sticks.</p>
</blockquote>
<figcaption><strong>Shawna Hein</strong>, Experience Leader at Code for America</figcaption>
</figure>
</li>
<li>
<figure>
<blockquote>
<p>With the ability to float effortlessly across multiple teams and projects, Josh is always composed, organized and professional. He is a great asset to any team!</p>
</blockquote>
<figcaption><strong>Kyle Soskin</strong>, Director of Engineering at CoForma</figcaption>
</figure>
</li>
<li>
<figure>
<blockquote>
<p>I'm always excited to hop into a meeting with Josh because I know I'm going to learn something in a thoughtful, unintimidating way.</p>
</blockquote>
<figcaption><strong>David Kennedy (DK)</strong>, Curator of Accessibility Weekly</figcaption>
</figure>
</li>
</ul>
</div>
</div><!-- row -->
</div><!-- container -->
</div><!-- content -->
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<h2 class="sr-only">Footer</h2>
<div class="row">
<div class="col-4 col-md-2">
<h3>SITEMAP</h3>
<ul role="list">
<li><a href="work.html">Work</a></li>
<li><a href="speaking.html">Speaking</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
<div class="col-4 col-md-2">
<h3>CONTACT</h3>
<ul role="list">
<li><a href="resume.html">Resume</a></li>
<li><a href="mailto:[email protected]">Email</a></li>
<li><a href="https://www.linkedin.com/in/joshkimux/">LinkedIn</a></li>
</ul>
</div>
<div class="col-4 col-md-2">
<h3>A11Y</h3>
<ul role="list">
<li><a href="accessibility.html">Statement</a></li>
<li><a rel="external" href="https://www.a11yproject.com/spotlight/josh-kim/">Spotlight</a></li>
<li><a rel="external" referrerpolicy="strict-origin" href="https://a11y-webring.club/next">Webring</a></li>
</ul>
</div>
<div class="offset-0 col-sm-6 offset-md-1 col-md-5 offset-lg-2 col-lg-4">
<h3>HAIKU</h3>
<ul>
<li class="espresso">Need more espresso</li>
<li class="depresso">This site gives me depresso</li>
<li><a href="portfolio.html">Despite progresso</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- js -->
<script src="js/jk.js"></script>
</body>
</html>