{{ template "head.html" .}}

<main>

<h1>braille_xr</h1>
<video src='/public/braille_xr.webm' width='100%' autoplay loop muted></video>

<div style='height: 64px; display: block; width: 100%;'></div>

<h2>problem</h2>
<ul>
  <li>How can we help make XR (VR/AR/MR) accessible to people with visual impairments?</li>
  <li>Current refreshable braille devices are very expensive ~$4,000</li>
  <li>Cumbersome, with around 40x6x2 actuators with carefully tuned long levers</li>
  <li>1 interaction method</li>
  <li>Other interactions of input for people with low vision require voice input which is not always comfortable.</li>
</ul>
<img src='/public/img/brailliant_bi_40x.webp' width='60%'>

<div style='height: 64px; display: block; width: 100%;'></div>

<h2>progress</h2>
<p style='margin-top: 0;'>code, hardware, software and project files: <a href='https://git.dof.dev/dofdev/braille_xr'>git repo</a></p>
<ul>
  <li>easy to manufacture braille display</li>
  <li>small enough to leverage openxr hand tracking</li>
  <li>software demo braille keyboard w/custom layouts</li>
  <li>initially optimizing for braille input and education</li>
</ul>
<img src='/public/img/hack.webp' width='60%'>

<div style='height: 64px; display: block; width: 100%;'></div>

<h2>support</h2>
<p style='margin-top: 0;'>have some resources or experience to throw our way?<br>contact us on our discord server: <a href=''>invite/quick link</a></p>

<div style='height: 128px; display: block; width: 100%;'></div>

</main>