Comunidad Tiflotec es un espacio especializado en formación y difusión de tecnología asistiva para personas con discapacidad visual. Ofrecemos soluciones prácticas para el dominio de lectores de pantalla:
• Windows: JAWS, NVDA y Narrador.
• Apple: VoiceOver (iOS/macOS).
• Android: TalkBack.
• Otros: Linux y software tiflológico.
Nuestro objetivo es empoderar al usuario mediante el conocimiento técnico, facilitando una inclusión social y laboral plena y efectiva.
Descripción visual del blog (pulsa Enter aquí para conocer cómo se ve el sitio)
Cómo se ve el blog en una computadora de escritorio
Esta guía describe todos los aspectos visuales del blog tal como aparece en una computadora de escritorio o portátil, con pantalla ancha y navegación mediante teclado. Su objetivo es que las personas que utilizan un lector de pantalla en Windows (como JAWS, NVDA o Microsoft Narrator) tengan una perspectiva completa de cómo luce el sitio para quienes lo ven en este tipo de dispositivo.
1. Sensación general y atmósfera
Tema visual: El blog tiene una estética de alta tecnología, similar a una interfaz de ciencia ficción o un panel de control futurista. Todo el diseño transmite la idea de estar dentro de un laboratorio tecnológico moderno.
Ambiente oscuro: El fondo general de toda la página es un color azul noche muy profundo, casi negro. Esto le da al blog una apariencia elegante y nocturna.
Iluminación artificial: Los bordes, botones y elementos destacados brillan en un color cian neón muy luminoso, similar al color de las luces LED azules. Esto simula el efecto de circuitos eléctricos encendidos sobre un fondo oscuro.
Sensación para el visitante: Una persona que vea el blog en su computadora percibe un ambiente oscuro pero acogedor, con destellos de luz cian que guían la mirada hacia los elementos importantes. No hay imágenes de fondo ni patrones ruidosos; todo es limpio y ordenado.
2. Paleta de colores detallada
Fondo de la página: Azul noche casi negro. Es el color que ocupa toda la pantalla detrás del contenido.
Fondo de las tarjetas y cajas: Gris oscuro con un toque azulado. Las publicaciones y widgets tienen este color de fondo, lo que los separa visualmente del fondo general.
Bordes y líneas decorativas: Cian neón brillante. Este color aparece en bordes de botones, líneas que separan secciones, y en los detalles geométricos de las esquinas.
Texto principal: Blanco grisáceo suave. Es el color de todo el texto de lectura normal. Tiene alto contraste contra el fondo oscuro.
Texto secundario: Gris medio. Se usa para notas al pie y versión de la plantilla.
Botón de Me gusta: Azul petróleo oscuro con borde azul claro.
Botón de No me gusta: Rojo oscuro con borde rosa suave.
Modo de alto contraste: Con la combinación Alt + C, el fondo cambia a negro puro, los acentos a amarillo brillante y el texto a blanco puro, maximizando el contraste para baja visión.
Cómo se ve el blog en un teléfono móvil o tableta
Esta guía describe todos los aspectos visuales del blog tal como aparece en un teléfono inteligente o tableta con pantalla táctil. Su objetivo es que las personas que utilizan un lector de pantalla en su dispositivo móvil (como TalkBack en Android o VoiceOver en iPhone) tengan una perspectiva completa de cómo luce el sitio para quienes lo ven en este tipo de dispositivo.
1. Sensación general y atmósfera
Tema visual: El blog tiene una estética de alta tecnología, similar a una interfaz futurista. Todo el diseño transmite la idea de un laboratorio tecnológico moderno.
Ambiente oscuro: El fondo general es un color azul noche muy profundo, casi negro. Reduce la fatiga visual en ambientes con poca luz.
Iluminación artificial: Los bordes, botones y elementos destacados brillan en un color cian neón luminoso, similar al de las luces LED azules, guiando la atención hacia elementos interactivos.
Sensación para el visitante: Diseño oscuro y limpio, sin imágenes de fondo que distraigan. Todo el contenido se presenta en una sola columna vertical que se recorre deslizando el dedo hacia arriba.
2. Paleta de colores
Fondo de la página: Azul noche casi negro, que ocupa toda la pantalla del dispositivo.
Fondo de tarjetas y cajas: Gris oscuro con un toque azulado.
Bordes y decoraciones: Cian neón brillante en botones y tarjetas.
Texto principal: Blanco grisáceo suave, con alto contraste.
Texto secundario: Gris medio.
Botón de Me gusta: Azul petróleo oscuro.
Botón de No me gusta: Rojo oscuro.
Modo de alto contraste: No está disponible mediante atajo de teclado en dispositivos móviles táctiles.
Si quieres conocer todos los comandos de navegación del blog, pulsa Enter aquí para verlos
Insert + F7 Lista de enlaces
Insert + F6 Lista de encabezados
Insert + F5 Lista de campos
H Siguiente encabezado
Shift + H Encabezado anterior
1 al 6 Nivel de encabezado
L Siguiente lista
I Ítem de lista
T Siguiente tabla
K Siguiente enlace
Shift + K Enlace anterior
B Siguiente botón
F Siguiente campo
E Siguiente cuadro de edición — en este blog navega directamente al buscador (comando nativo de JAWS y NVDA, sin código personalizado)
X Casilla de verificación
R Botón de radio
C Cuadro combinado
M Siguiente marco
Q Siguiente cita
Alt + D Barra de direcciones
Insert + Z Cursor virtual (JAWS)
NVDA + Espacio Modo foco (NVDA)
Alt + C Alto contraste del blog
Alt + B Ir al buscador del blog
Alt + I Ir a la sección de información
Información adicional de otros de nuestros proyectos
Únete a nuestra comunidad tecnológica
Te invitamos a formar parte de nuestros espacios de aprendizaje y colaboración:
Grupo de WhatsApp: Un espacio dinámico donde compartimos novedades y resolvemos dudas sobre tecnología accesible en tiempo real.
Lista de correos (Google Grupos): Si prefieres un formato más organizado y tradicional, nuestra lista de distribución es ideal para ti.
Repositorio Premium en Google Drive: Accede a una biblioteca exclusiva con miles de programas de todo tipo listos para descargar. (Nota: El acceso a este repositorio tiene un costo de mantenimiento).
¿Cómo participar?
Si deseas unirte a alguno de estos proyectos, por favor escribe a la dirección de correo electrónico que aparece en este blog. Detalla en tu mensaje qué servicio te interesa y te responderé a la mayor brevedad posible.
