Simple javascript and CSS to display Braille with translation on hover.

See your name in Braille

2 styles: White & Black

White Braille

Black Braille


To insert Braille in your web pages, simply use the following code.

In the page head.

  <link href="css/braille.css" rel="stylesheet" />
  <script src="js/braille.js"></script>

In the page body.

  <div id="braille"></div>
      document.getElementById("braille").innerHTML = braille("I read Braille");

The code is open source at GitHub with MIT license.

More Javascript and CSS to display Braille at Braille-Tools.

© 2024 Olivier Giulieri