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.

Encuesta de accesibilidad Cabify

La empresa Cabify está realizando una encuesta sobre la accesibilidad del servicio y su aplicación.

Aunque Cabify ya ha trabajado en accesibilidad aún hay espacio para mejorar por lo que está buscando el feedback de los usuarios.

Esta encuesta está enfocada principalmente en las personas con discapacidad visual para mejorar aún más la experiencia y conocer posibles problemas que aún no se hayan detectado.

Participar en la encuesta no llevará más de 5 minutos y consiste en rellenar la encuesta en un Google Form.

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.