HTML5 logo in Braille

    Newer Older

    I wanted to create an HTML5 logo with braille for upcoming accessibility presentations.
    updated with new "5" 2-16-2011

    Now there's an American Sign Language version:

    Yoan Blanc, Aaron Gustafson, selaeyal, and 29 other people added this photo to their favorites.

    1. fritzweisshart 51 months ago | reply

      Puh, auf dem Logo ist zu lesen: html ? (Fragezeichen, nicht 5) Absicht?

    2. fritzweisshart 51 months ago | reply

      ... and you created a html? (question mark) logo instead.

    3. Ted Drake 51 months ago | reply

      I was using the gh SimBraille One font to build this. I have made a new version that uses the appropriate 1,5 dots instead of 2,6. Sorry for any confusion.
      I'm skipping the # symbol 3,4,5,6 to simplify the design

      braille translation

    4. cookiecrook 51 months ago | reply

      Nicely done. You should get the W3C WAI to provide these as stickers along with the free HTML5 stickers. PS. Do you have a higher-rez or vector version?

    5. mbgower 51 months ago | reply

      Great design! Is it possible to get a high rez of this so I can make a t-shirt? Or are you making them and offering them for sale? It would make a great t-shirt, especially with some slight embossing on the inks -- a Braille-able shirt!

    6. Ted Drake 51 months ago | reply

      @mbgower, @cookiecrook

      I am not an illustrator. So it took me far too long to come up with this variation and that's the best resolution I have. It would be fairly easy for someone that knows illustrator to create a vector based version.

      I used gh SimBraille One font, which can be downloaded here:

      I would love to see someone create a better version.

    7. Dennis311 42 months ago | reply

      Neat! Too bad HTML5 isn't very accessible.

    8. Ted Drake 42 months ago | reply

      @Dennis HTML5Accessibility points out areas that are still developing. However, it's not fair to say that HTML5 is not very accessible. Certain parts are very accessible. The new form elements make life much easier. Standardizing actions, such as autoplay and autofocus make it better than a million different javascript variations. ARIA, which is often considered part of HTML5, is key to the improvement in accessibility for dynamic web sites. Look at how Yahoo! Mail has created a very dynamic site that is also very accessible.

      There's certainly a lot of room for improvement and we need to stop throwing away usable elements of the standard (longdesc, time). But I have high hopes for the accessibility of HTML5 in the near future and recommend using it.

    keyboard shortcuts: previous photo next photo L view in light box F favorite < scroll film strip left > scroll film strip right ? show all shortcuts