Indentar el código en Visual studio Code

La herramienta de edición de código Visual studio code o más conocido como VSCode proporciona multitud de atajos de teclado y herramientas para hacer el trabajo de codificación más sencillo.

Ya vimos lo importante que es indentar bien el código fuente para que nuestro código sea más limpio y legible.

Una buena herramienta de edición de código debe incorporar algún mecanismo que nos permita corregir los errores de indentación de nuestro código y VSCode incorpora un atajo de teclado para ello.

Primero deberíamos seleccionar todo el código de nuestro fichero y luego pulsar el atajo de teclado correspondiente.

En el caso de Windows este atajo es Mayúsculas+Alt+F.

En el caso de MacOS el atajo es Mayúsculas+Opción+F.

Por último en el caso de Linux es Control+Mayúsculas+I.

Si tomamos como hábito antes de cerrar un fichero de código el corregir el nivel de indentación del mismo nos aseguraremos que todo nuestro código posee una buena indentación que mejora su legibilidad.

Conocer la hora, el nivel de batería y la señal Wifi con VoiceOver en MacOS Ventura sin AppleScript

La nueva versión de MacOS conocida como Ventura ha proporcionado varias novedades y otras que no lo son tanto.

Como novedad para VoiceOver se ha incluido la opción de pulsar VO+F7 para conocer la hora y fecha. Si lo volvemos a pulsar VoiceOver nos dirá el estado de la batería. Por último si lo volvemos a pulsar VoiceOver nos dará indicaciones del estado de conectividad Wifi.

Todas esta información se puede obtener mediante Applescript para versiones anteriores de MacOS y usando las funciones de VoiceOver de ejecutar AppleScript por lo que desluce muchísimo el caracter de novedad para MacOS Ventura.

Conocer el nivel de indentación del texto en MacOS Ventura sin necesidad de scripts

En versiones anteriores de MacOs sólo podíamos conocer el nivel de indentación del código mediante AppleScript.

Desde MacOS Ventura 13.0 ya está disponible una opción para que VoiceOver nos anuncie que ha cambiado el nivel de indentación.

Para configurar esta opción debemos abrir las opciones de VoiceOver pulsando VO+F8 y visualizando la categoría Verbosidad.

Dentro de Verbosidad encontramos la pestaña Texto y allí tenemos la opción Tabulación principal y espacio de la sangría:.

Esta opción de Tabulación principal y espacio de la sangría: nos permite modificar el comportamiento de VoiceOver cada vez que estemos navegando por un texto y haya una modificación del nivel de indentación.

Dibujar diagramas para tareas de ingeniería con Mermaid

A la hora de que una persona ciega pueda integrarse en un equipo técnico uno de los problemas más habituales es poder utilizar un lenguaje común entre todos los miembros del equipo. En muchas tareas y etapas de un proyecto técnico un diagrama puede ser indispensable para que todos los miembros del equipo entiendan el contexto y el momento del proyecto.

El dibujar un diagrama para una persona ciega puede ser una tarea muy compleja pero además entender el diagrama dibujado puede ser aún más complicado ya que los sistemas de reconocimiento de imagen aún no saben interpretar ese tipo de dibujos.

El software libre nos ofrece una solución para todo esto con el proyecto Mermaid.

¿Qué es Mermaid?

Mermaid es un proyecto de código abierto que utiliza tecnología Javascript para interpretar código y texto para obtener el dibujo de un diagrama.

Esta herramienta permite crear diagramas y visualizaciones usando texto y código.

Mermaid se inspira en la gramática de Markdown para que la creación de diagramas sea lo más sencilla posible.

El propósito inicial de Mermaid es conseguir que la documentación técnica de un proyecto pueda ser actualizada por completo, incluido sus diagramas, de forma rápida y eficiente.

Mermaid permite dibujar diagramas de estado, diagramas de clase, diagramas de Gantt, diagramas entidad/relación, diagramas de secuencia y diagramas de barras. Incluso permite incorporar nuevos tipos de diagramas.

Ejemplo de diagrama

Con Mermaid dibujar por ejemplo un diagrama de los estados vitales es tan sencillo como escribir un texto como el siguiente:

stateDiagram-v2
accDescr: Diagrama de estados vitales
[*] --> Nacer
Nacer --> Crecer
Crecer --> Reproducirse
Reproducirse --> Envejecer
Envejecer --> Morir
Morir --> [*]

El diagrama obtenido es el siguiente:

Diagrama de estados vitales dibujado por Mermaid

Con muy pocas líneas de texto bastante comprensible una persona ciega y otra persona que interprete mejor la información en diagramas pueden comunicarse y trabajar juntas.

Evento: la Accesibilidad en las empresas

La empresa Interactius – Estrategia y Diseño UX me ha invitado a participar este viernes 28 de octubre de 2022 en un evento retransmitido por LinkedIn en el que hablaremos de la Accesibilidad en las empresas. Cómo se conoce a la accesibilidad, cómo se trabaja con ella y cómo se afrontan los problemas que crea la falta de accesibilidad.

Puedes apuntarte al evento para asistir remotamente desde casa y leer la nota de prensa de Cabify anunciando el evento.

Escribir símbolos especiales en el teclado braille en pantalla de iPhone

Los usuarios de VoiceOver, el lector de pantallas de Apple para sus dispositivos, pueden disfrutar de un modo de teclado braille en pantalla que les permita introducir texto de una forma más rápida.

Este teclado braille utiliza tablas de reconocimiento de braille de 6 puntos ya que sólo puede reconocer 5 pulsaciones de dedos al mismo tiempo.

El teclado permite un modo para escribir con el teléfono apoyado sobre una superficie y otro modo con el teléfono en el aire o apoyado en el pecho del usuario.

Este teclado braille se puede activar en los ajustes de rotor de VoiceOver dentro de los ajustes de accesibilidad del dispositivo.

Escribir hashtags en braille

Con el teclado braille de 6 puntos el usuario puede encontrar conflictos a la hora de escribir ciertos símbolos. Por ejemplo el símbolo almohadilla o (#) (puntos 3, 4, 5 y 6 en braille) coincide con el prefijo de número en braille.

Para escribir estos símbolos conflictivos con el braille tradicional debemos utilizar una pulsación doble. En concreto para poder escribir un hashtag deberíamos seguir este orden de pulsaciones:

  • Escribir el símbolo # (puntos 3, 4, 5 y 6 en braille)
  • Escribir la letra k (puntos 1 y 3 en braille)
  • Escribir la primera letra de nuestro hashtag

VoiceOver deberá introducir en el cuadro de texto que estamos editando el carácter # seguido de la primera letra de nuestro hashtag.

Escribir barra inclinada en braille

Existen otros símbolos conflictivos con el braille como por ejemplo el carácter de barra inclinada (/)ya que en algunas tablas de conversión a braille se representa por los puntos 1 y 6. Este carácter coincide con la vocal a con acento circunflejo () o con el número 1 en braille computerizado.

Este carácter en la tabla de conversión internacional braille ha pasado a ocupar 2 caracteres en braille representados por el punto 6 en el primer carácter y el punto 2 en el segundo carácter.

Escribir barra invertida en braille

Otro de los caracteres conflictivos para el braille es la barra invertida (\) ya que originariamente en el braille tradicional se adoptó el símbolo de bloque que se consigue con los puntos 1, 2, 3, 4, 5 y 6 en braille. Este carácter braille ha pasado a representar la vocal e con acento circunflejo.

Siguiendo el sistema que se utilizó para la barra inclinada la barra invertida ha pasado a ocupar 2 caracteres en braille. Este carácter se escribe pulsando el punto 5 para el primer carácter y el punto 3 para el segundo.

Escribir arroba en braille

El carácter de arroba (@) en braille si mantiene su conversión al braille tradicional aunque puede crear conflicto con el braille matemático.

El carácter de arroba se escribe pulsando el punto 5 braille.

Más por descubrir

Todavía quedan caracteres con conflictos con tablas braille por lo que podemos buscar otras combinaciones como para encontrar la posibilidad de escribir signos matemáticos, apóstrofes o caracteres griegos.