CKEditor Braille

Rich text editor - currently CKEditor5 as the most common across web applications - plugin that provides an ability to write Braille. Key combos are mapped to equivalent Unicode values once the plugin is active via its own widget.

Early Braille education is crucial to literacy, education, and employment among the visually impaired. Despite the evolution of new technologies, including screen reader tech that reads information aloud, Braille provides access to spelling, punctuation, and other aspects of written language less accessible through audio alone. This app provides a way to learn and practice Braille in the desktop environment where only it is possible to use specific keyboard keys as Braille.

CkEditor braille screenshot 2

Provides a framework for exercising Braille typing, in both directions, from text to braille and vice versa, in form of a challenge/exercise. Includes SpeechSynthesis API (Web API) implementation for certain audio helpers. Target audience: Schools, libraries, other education institutions, NGOs, foundations, local municipalities etc.

This small open-source app/plugin is already rounded and functional, up to a certain level (of features). The next round of development should include more advanced concepts and functionalities, most of which would be AI implementation (the editor has it already) and automated true translations.

  • Develop more on Accessibility in the browser, make the strictest current standards.
  • Document API usage, including "real-life" situation test on independent third party platform.
  • Make a couple of basic tests functional.
  • Create official npm package.
  • Create a plugin/module for some of common CMS, such as WordPress or Drupal.
  • Do the first CKEditor AI implementation, including the first version of automatized translation.
See the code on GitLab

Site user

Braille keys

Each of the following letters, and each of the combinations of them
d f j k l s
There are no additional requirements, such as special font, browser OS etc.

Challenge

Additionally, this plugin provides a framework for exercising braille typing, in both directions, from text to braille and vice versa. Includes SpeechSynthesis API implementation for certain audio helpers.

Site user

Audio responses

As mentioned, there are some audio responses. The current "hot" keys for it are: Shift+[1-5] aka Shift+1, or  Shift+5 Key-combos work when the cursor focus is in the editor and within Braille container.

API

Instead of setting the config for any Braille container, as seen in the previous video, the equivalent data may come from API. It gets encrypted and stored in the local storage.

Risorsa 81

Tech concept behind this website

Being a hot topic for quite a while, Tailwind CSS caught my eye, especially because I've been fairly familiar with usage and implementation of similar libraries and/or frameworks. At some point, a few years ago I also ended up making my own CSS masterclass from scratch - defining a lot of generic CSS classes that will be applied and re-used just everywhere in templates. However, Tailwind CSS does it the best!

TailwindCss
See this website's code on GitLab
Risorsa 81

A comprehensive guide for setting modern web environment from scratch

Requires root privileges.

Includes Drupal specific installations and config.

Nowadays we use a modern environments and tools, like Docker or certain cloud, or locally DDEV, which provide complex installations and configurations more or less out-of-the-box. Still sometimes "the classic" remote host setup ends on the agenda and, in my case, every time in such situation I go for online resources, searching and reading/trying until the work is done. Yet, this remains work by just an enthusiast, far from expert. In the latest case I've decided to log down every step thoroughly, for my own sake for any next time but also to share here eventually.

The following is indeed just one possible case scenario that includes at this moment latest Ubuntu, NGINX, PHP, MariaDB, Letsencrypt, Composer, Drush, as well as a group of the other more or less common daemons and tools.