# data[].attributes.attachment_link.readable_text
La accesibilidad web consiste en desarrollar aplicaciones web que puedan ser utilizadas por el mayor número de usuarios con necesidades específicas. Estas necesidades pueden ser debidas a limitaciones derivadas del entorno o derivadas de problemas visuales, auditivos, motrices y neurológicos (dislexia, trastornos de atención, falta de memoria...).

1.1. Barreras derivadas del entorno

Navegadores antiguos: Proporcionar alternativas cuando se utilizan elementos que no tienen soporte en tecnologías antiguas. Si usamos Javascript para mostrar un menú, este debe funcionar igualmente aunque la tecnología no esté disponible.

Navegadores de texto: Incluir un equivalente textual para todos los elementos no textuales(imágenes, vídeos o sonidos)

Conexiones lentas: minimizar el tiempo de carga de los elementos de la web.

Pantallas pequeñas o muy grandes: diseño web responsive.

Monitores monocromos: evitar funcionalidades que se interpretan por su color, etc.

1.2. Barreras por tipo de perfil

1.2.1. Ceguera:

Las imágenes sin texto alternativo no pueden ser leídas por los lectores de pantalla.

Las imágenes que incluyen gráficos que representan datos o textos insertados mediante imágenes tampoco son leídos por los lectores de pantalla.

Elementos multimedia sin descripción textual.

Tablas en las que el contenido es incomprensible cuando se lee de forma secuencial.

Falta de independencia de dispositivo, la web debe ser funcional cuando no se utilice ratón.

Formatos no accesibles de documentos que pueden dar problemas a los lectores de pantalla si no cumplen las normas de accesibilidad (por ejemplo en documentos pdf que no cumplen las normas).

1.2.2. Baja visión:

Tamaño de letra con medidas absolutas que no permiten su cambio.

Maquetación desajustada al modificar los tamaños de la fuente y que complican la navegabilidad.

Poco contraste entre textos, fondos e imágenes.

Texto insertado mediante imágenes.

1.2.3. Daltonismo:

Color para el resaltado de los textos sin utilizar otro formato adicional como la cursiva, la negrita o el subrayado.

Poco contraste entre textos, fondos e imágenes.

1.2.4. Auditivas:

Falta de subtítulos o transcripciones de los contenidos.

Obligatoriedad del uso de micrófono sin posibilidad de desactivación.

1.2.5. Motrices:

Elementos de interacción muy pequeños: botones, enlaces, etc.

Falta de independencia de dispositivo, la web debe ser funcional cuando no se utilice ratón.

1.2.6. Neurológicas o cognitivas (dislexia, trastornos de atención, falta de memoria...):

Tamaño de letra fijo que no se puede cambiar.

Elementos sonoros o visuales que no se pueden desactivar.

Falta de estructuración y organización del contenido que impide entenderlo correctamente.

Lenguaje muy enrevesado y frases muy complejas.

Destellos o parpadeos frecuentes que pueden provocar ataques de epilepsia.

Qué es la epilepsia fotosensitiva

La epilepsia fotosensitiva es un problema causado por una respuesta anormal del cerebro a las luces intermitentes (tipo flash). Se debe a que el mecanismo cerebral que controla la reacción a la información visual "es defectuosa o está ausente".

Además de las luces parpadeantes o relampagueantes rápidas, especialmente si son rojas, los ataques pueden ser causados, a veces, por ciertas formas y patrones geométricos. La frecuencia del parpadeo de luz que provoca estos ataques varía de persona a persona. Generalmente se da en frecuencias que oscilan entre los 5 y los 30 parpadeos por segundo (hertz).

Ejercicios

Actividad 1.1.

Indica qué tipo de perfil no podría entender las siguientes instrucciones:

Pulsa el botón amarillo para acceder.

El menú está en la derecha.

Los errores se indicarán mediante un sonido.

Actividad 1.2

Propón una solución a cada uno de los siguientes desafíos:

Usuarios que no pueden ver vídeos.

Usuarios que no pueden escuchar vídeos.

Los daltónicos no pueden representar bien los colores.

Usuarios que no pueden utilizar el ratón.

Usuarios con dificultades de concentración o comprensión cuando hay párrafos largos.

1.3. Ayudas técnicas y productos de apoyo

Gracias a la combinación de herramientas hardware y software, muchos usuarios disponen de herramientas para acceder de una manera eficaz a los contenidos de una web. Veamos algunos de los dispositivos utilizados.

1.3.1. Línea braille

En un periférico que dispone de unas celdas que permiten representar caracteres braille y ser leidos por personas ciegas mediante los dedos.

1.3.2. Lectores de pantalla

Son aplicaciones software que leen el texto de la pantalla en voz alta mediante un sintetizador de voz. También pueden enviar el texto a una línea braille para que el usuario lo lea con los dedos.

La aplicación software más famosa es JAWS y se maneja con las teclas del teclado. Estos son algunos de sus comandos:

INSERT+FLECHA ABAJO: leer todo.

ESC: detener la lectura.

FLECHA IZQUIERDA: carácter anterior.

TAB: se mueve al siguiente enlace.

SHIFT+TAB: se mueve al enlace anterior.

V: se mueve al siguiente enlace visitado, etc.

1.3.3. Licornio

Casco con varilla incorporada que permite utilizar un teclado tradicional mediante los movimientos de la cabeza.

1.3.4. Ratones especiales

Ratones especiales: ratones de cabeza, ratones de pie o apuntadores de boca, ratón de mirada, ratón de palanca, ver todos los tipos de ratones.

Permiten, mediante un sintetizador de sonido de voz incorporado, leer en voz alta el contenido de la pantalla.

1.3.6. Webcams para seguimiento de ojos o cara

Transforman el movimiento de los ojos o la cara en movimientos del puntero del ratón en la pantalla simulando las pulsaciones del ratón con un parpadeo o con un gesto concreto de la cara. Estos dispositivos son adecuados para aquellas personas que tienen una discapacidad motriz severa de las extremidades y además tienen dificultad en el habla.

Ejercicios

Actividad 1.3

Instala la extensión ChromeVox Classic Extension. Realiza una puesta en común sobre las opciones de ChromeVox que figuran en el apartado "configuración".

¿Para trabajar con ChromeVox es preciso disponer de altavoces?

¿Un usuario ciego puede instalar ChromeVox?

¿Permite cambio de idioma?

¿Permite cambio de voz?

¿Se pueden modificar los comandos para desplazarte por una página cómodamente?

Actividad 1.4

Utiliza ChromeVox para leer la página inicial de Eniun y saca tus propias conclusiones en cuanto al uso de la herramienta. Exponlas en común en clase.

¿La herramienta se dedica a leer el contenido o también lo "explica"?

Cuando utilizas el tabulado para acceder a los enlaces ¿has entendido bien dónde te lleva cada enlace? ¿Qué cambiarías?

2. El Consorcio World Wide Web (W3C)

En las primeras unidades vimos que el World Wide Web Consortium (W3C) es una comunidad internacional que desarrolla estándares que aseguran el crecimiento futuro de la web y vela por conseguir webs disponibles para todo el mundo y desde cualquier dispositivo.

El poder de la web está en su universalidad. El acceso de todos, independientemente de la discapacidad, es un aspecto esencial. Tim Beerners-Lee, director del W3C e inventor de la World Wide Web.

Además, desde W3C se establecen ciertas recomendaciones, normas, estándares y pautas para contribuir en el desarrollo de un estándar sobre accesibilidad web. Estas recomendaciones o pautas son lo que llamamos WCAG (Web Content Accessibility Guidelines o Pautas de Accesibilidad para el contenido Web).

W3C cuenta con un grupo de trabajo llamado WAI (Web Accessibility Initiative) que, en coordinación con otras organizaciones, persigue la accesibilidad de la Web a través de diferentes áreas de trabajo: tecnología, directrices, herramientas, formación y difusión, investigación y desarrollo.

3. Pautas de Accesibilidad para el Contenido en la Web (WCAG)

Las Pautas de Accesibilidad para el Contenido Web (WCAG) cubren un amplio rango de recomendaciones para crear contenido Web más accesible. Tal y como hemos visto en los apartados anteriores, seguir estas pautas permite crear un contenido más accesible para un mayor número de personas con barreras visuales, auditivas, motrices, etc.. Además, seguir estas pautas puede, a menudo, ayudar a que el contenido web sea más usable.

Las guías WCAG proporcionan unas pautas de diseño que ayudan a que un sitio web sea accesible. En la primera versión de las guías WCAG ( WCAG 1.0) se identificaron catorce pautas de diseño:

1. Proporcionar alternativas equivalentes para contenido visual y auditivo.

2. No basarse solo en el color.

3. Usar marcadores y hojas de estilo y hacerlo de forma correcta.

4. Especificar el lenguaje utilizado.

5. Crear tablas que se transformen correctamente.

6. Asegurarse de que las páginas que usen nuevas tecnologías se transformen
correctamente.

7. Asegurar al usuario el control de los contenidos que cambian con el tiempo.

8. Asegurar la accesibilidad directa de las interfaces incrustadas.

9. Diseñar para la independencia del dispositivo.

10. Usar soluciones provisionales.

11. Usar las tecnologías y pautas de la W3C.

12. Proporcionar información de contexto y orientación.

13. Proporcionar mecanismos claros de navegación.

14. Asegurar documentos claros y simples.

Posteriormente, en el año 2009, estas catorce pautas fueron revisadas en la versión
2.0 de las Guías de Accesibilidad de los Contenidos para la Web ( WCAG 2.0). En esta
revisión, las catorce pautas se redujeron a cuatro principios fundamentales:

Perceptibilidad.

Operatividad.

Comprensibilidad.

Robustez.

Ejercicio

Actividad 3.1

Comprueba si la combinación de colores de la web que has ido creando a lo largo del curso es accesible. Utiliza la herramienta Contrast Checker y adjunta una captura de pantalla del resultado obtenido. Si el test no sale satisfactorio, realiza las modificaciones oportunas.

4. Niveles de orientación

Los niveles de orientación nos orientan sobre cómo crear un contenido más accesible y están destinados a una audiencia muy variada: diseñadores de sitios web, organizaciones que quieren verificar la accesibilidad de las webs existentes, profesionales interesados en que las webs sean accesibles por personas con discapacidades, etc.

Dentro de los niveles de orientación encontramos: principios generales, pautas generales, criterios de conformidad verificables y una amplia colección de técnicas suficientes, técnicas recomendables y fallos comunes documentados con ejemplos, enlaces a recursos adicionales y código.

Principios generales: En el nivel más alto se sitúan los cuatro principios que proporcionan los fundamentos de la accesibilidad web: perceptible, operable, comprensible y robusto.

Pautas generales: Por debajo de los principios están las pautas. Las doce pautas proporcionan los objetivos básicos que los autores deben lograr con el fin de crear un contenido más accesible para los usuarios con distintas discapacidades.

Criterios de Conformidad: Para cada pauta se proporcionan los criterios de conformidad verificables. Se definen tres niveles de conformidad: A (el más bajo), AA y AAA (el más alto).

Técnicas suficientes y recomendables: Para cada una de las pautas y criterios de conformidad se proporcionan técnicas que nos permiten hacer una evaluación correcta.

Todos estos niveles de orientación (principios, pautas, criterios de conformidad y técnicas suficientes y recomendables) actúan en conjunto para proporcionar una orientación sobre cómo crear un contenido más accesible.

4.1. Principios generales

Como se ha dicho anteriormente, los principios generales que debe cumplir una web para que su contenido sea accesible son: Perceptible, Operable, Comprensible, Robusto.

4.1.1. Perceptible

Alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple.

Alternativas para el contenido multimedia.

Contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura.

Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.

4.1.2. Operable

Acceso a toda la funcionalidad mediante el teclado.

Tiempo suficiente para leer y usar el contenido.

No diseñar contenido de un modo que pueda provocar ataques, espasmos o convulsiones.

Medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

4.1.3. Comprensible

Contenidos textuales legibles y comprensibles.

Páginas web que aparezcan y operen de manera predecible.

Ayudar a los usuarios a evitar y corregir los errores.

4.1.4. Robusto

Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.

4.2. Pautas generales

Las pautas generales se pueden ver en detalle en el siguiente apartado:
http://sidar.org/traducciones/wcag20/es/#guidelines
Ejercicios

Actividad 4.1

Utiliza la herramienta Textise para visualizar en modo texto la web que has ido creando a lo largo del curso y comprueba si los textos alternativos son correctos. Realiza los cambios oportunos.

Actividad 4.2

Utiliza la herramienta Tawdis para analizar la accesibilidad de la página web que has creado a lo largo del curso (inicio, servicios, formulario y blog). Explica los errores encontrados (indica su categoría: perceptible, operable, comprensible y robusto), su posible solución y adjunta capturas de pantalla, si fuese necesario.

4.3. Criterios de conformidad

Para atender a las necesidades de los distintos grupos de usuarios y sus circunstancias, cada una de las pautas anteriores están asociadas a un nivel de conformidad que define el nivel de exigencia del criterio.

4.3.1. Niveles de conformidad

Junto a cada pauta general del punto 4.2 se indica su nivel de conformidad: Nivel A, Nivel AA y Nivel AAA, siendo el A el menos exigente y el AAA el más exigente. Estos niveles de conformidad también van asociados a unos niveles de prioridades que veremos con más detalle en el punto 5.

4.4. Técnicas para satisfacer los requisitos definidos en las WCAG

Las técnicas para satisfacer los requisitos definidos en las WCAG están recogidas en la siguiente web: https://www.w3.org/WAI/GL/WCAG20-TECHS/

Como puedes ver, hay más de 400 técnicas para satisfacer todos los requisitos definidos en las WCAG, a continuación se mencionan las más destacadas:

4.4.1. Técnicas fundamentales

Incluir alternativas de texto al contenido multimedia.

Permitir pausar el contenido multimedia.

Incluir alternativas legibles cuando la lectura dependa del contraste de colores.

Ordenación coherente del contenido.

Incluir glosarios, mapa del sitio, tabla de contenidos.

Incluir títulos descriptivos.

Añadir enlaces para ir al principio de la página.

Identificar la localización del usuario dentro de la web (breadcrumbs).

Evitar parpadeos.

Alinear los textos de manera similar.

Ofrecer feedback de confirmación o negación al realizar una operación, etc.

4.4.2. Técnicas HTML

Utilizar elemento title para dar un título coherente a la página.

Incluir la etiqueta meta description.

Incluir el botón de submit en los formularios.

Definir el idioma correspondiente con el atributo lang.

Incluir el atributo alt en las imágenes.

Utilizar el atributo caption y summary en las tablas.

Maquetación sin tablas.

Utilizar los encabezados h1-h6.

Crear un orden de tabulación coherente en formularios y enlaces.

Utilizar etiquetas estructurales o elementos semánticos.

4.4.3. Técnicas CSS

4.4.4. Javascript

Aumentar los tiempos de acción.

Soporte para utilizar tanto ratón como teclado.

Validación de datos con alertas.

Usar el DOM para manipular la página.

Utilizar scripts para modificar el aspecto de la página, como el fondo.

Utilizar scripts para hacer scroll por la página y que se pueda controlar.

4.4.5. Técnicas para servidor

Aplicar redirecciones en lado del servidor (.htaccess) y no en el cliente.

4.4.6. Técnicas WAI-ARIA

Las técnicas WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) proporcionan semántica, de tal forma que se pueden transmitir comportamientos de la interfaz de usuario e información estructural a las tecnologías de apoyo (por ejemplo, lectores de pantalla). La especificación de ARIA establece componentes que definen r oles, estados y propiedades de los elementos de la interfaz de usuario.

Algunas de las técnicas que se especifican consisten en utilizar los atributos que definen los componentes:

aria-label: etiquetar objetos.

aria-describedly: controles de la interfaz de usuario.

aria-required: campos requeridos.

aria-role: indicar el rol de un control y agrupar los controles de grupos.

state y property para mostrar los estados de los componentes.

aria landmarks para establecer las regiones de una página.

4.4.7. Otras técnicas

Puedes ver más técnicas relacionadas con el uso de PDF, Flash, Silverlight, etc. en la web oficial: https://www.w3.org/WAI/GL/WCAG20-TECHS/

Ejercicios

Actividad 4.3

Analiza la accesibilidad de tu sitio web mediante la herramienta Cynthiasays. Explica los errores encontrados, su posible solución y adjunta capturas de pantalla, si fuese necesario.

Actividad 4.4

Como hemos visto, Bootstrap nos ayuda a que nuestros sitios web sean accesibles incluyendo en los ejemplos de código los elementos y atributos HTML recomendados para conseguir aplicaciones accesibles. Analiza la página web que creaste en la práctica de Bootstrap y encuentra los atributos WAI-ARIA utilizados. Fíjate, por ejemplo, en los atributos role y aria-hidden. Explica por qué se han utilizado esos atributos.

5. Niveles de prioridad y puntos de verificación

La WCAG ofrece varios niveles de prioridades a la hora de aplicar las pautas de accesibilidad. De esta forma podemos saber cuáles son las acciones más importantes que debemos realizar. Son tres niveles de prioridades:

Prioridad 1: Nivel mínimo exigible y requisito esencial que se debe satisfacer. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información.

Prioridad 2: Satisfacer este punto de verificación eliminará importantes barreras de acceso a la información Web.

Prioridad 3: Satisfacer este punto de verificación mejorará la accesibilidad a la información web a usuarios que tengan dificultades para utilizar la interfaz.

Si se cumplen los niveles de prioridades se establecen varios niveles de conformidad que sirven de sello de accesibilidad.
Cómo usar los logos de conformidad
Ejercicios

Actividad 5.1

Corrige los errores de accesibilidad encontrados en los puntos 4.2 y 4.3. Añade el símbolo correspondiente de accesibilidad según el nivel de conformidad alcanzado.
Puedes guiarte según las pautas de accesibilidad del siguiente enlace: http://sidar.org/traducciones/wcag20/es/#guidelines

6. Tabla de puntos de verificación

La Tabla de Puntos de Verificación es una lista de todos los puntos de verificación de la Accesibilidad al Contenido en la Web, organizados por conceptos y por nivel de prioridad.

Esta lista se puede utilizar para revisar la accesibilidad de una página o un sitio en la Web. Para cada punto de verificación, el desarrollador web tiene que indicar si ha sido o no satisfecho, y si es o no aplicable.
Tabla de puntos de verificación

7. Niveles de adecuación

Para que una página web cumpla con los niveles de adecuación de la WCAG 2.0 se deben satisfacerse los requisitos siguientes:

Nivel A: Para lograr conformidad con el Nivel A (el mínimo), la página web satisface todos los Criterios de Conformidad del Nivel A, o proporciona una versión alternativa conforme.

Nivel AA: Para lograr conformidad con el Nivel AA, la página web satisface todos los Criterios de Conformidad de los Niveles A y AA, o se proporciona una versión alternativa conforme al Nivel AA.

Nivel AAA: Para lograr conformidad con el Nivel AAA, la página web satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA, o proporciona una versión alternativa conforme al Nivel AAA.

1. Nivel de conformidad: Uno de los siguientes niveles de conformidad vistos anteriormente se satisface por completo.

2. Páginas completas: La conformidad (y el nivel de conformidad) se aplica a páginas web completas, y no se puede alcanzar si se excluye una parte de la página.

3. Procesos completos: Cuando una página web es parte de una serie de páginas web que presentan un proceso (es decir, una secuencia de pasos que es necesario completar para realizar una actividad), todas las páginas en ese proceso deben ser conformes con el nivel especificado o uno superior.

4. Uso de tecnologías exclusivamente según métodos que sean compatibles con la accesibilidad: Para satisfacer los criterios de conformidad sólo se depende de aquellos usos de las tecnologías que sean compatibles con la accesibilidad.

Control del audio.

Sin trampas para el foco del teclado.

Umbral de tres destellos o menos.

Poner en pausa, detener, ocultar.

5. Sin interferencia: Si las tecnologías se usan de una forma que no es compatible con la accesibilidad, o está usada de una forma que no cumple los requisitos de conformidad, no debe impedir a los usuarios acceder al contenido del resto de la página. Además, los siguientes criterios de conformidad se aplican a todo el contenido de la página, incluyendo el contenido del que, de todos modos, no se depende para alcanzar la conformidad, ya que su incumplimiento puede interferir con el uso de la página:
Herramientas de evaluación, análisis y testeo de accesibilidad web:

Taw: Aplicación web que permite hacer un análisis de accesibilidad de forma gratuita tan solo introduciendo la URL.

Cynthia Says: Informe bastante completo sobre accesibilidad.

Color Contrast Checker: aplicación para comprobar el contraste entre fondo y texto.

Wave: Informe muy visual sobre la página a evaluar. Prestaciones parecidas a la extensión para Chrome creada por la misma empresa.

Tenon.io: nos permite analizar un sitio web o un trozo de código.

Textise: simulador online para ver una página web en modo "Sólo texto".

Colour Constrast Analyser: aplicación para comprobar el contraste entre fondos y textos.

WAI HTML Table Linearizar Entry Form: aplicación para evaluar tablas.

Examinator: aplicación para evaluar una página.

W3C Markup Validator: Validador HTML.

CSS Validator: Validador CSSVALIDATOR.

Extensiones para instalar: Plugins de WordPress que ayudan a crear sitios web accesibles:

WP Accesibility: Ayuda con una variedad de problemas comunes de accesibilidad que ocurren en los temas de WordPress.

Accessibility widget: Aumentar el tamaño de los contenidos de la web.

Zoom widget: Widget para hacer zoom.

Accessibility Access Keys: Permite asignar a las teclas funciones de acceso directo a contenidos.

Dropdown Menus: Permite navegar por los menús de una página con el teclado.

Accessible tag cloud: Versión accesible del widget que crea una nube de etiquetas.

GSpeech plugin : Plugin que convierte a audio cualquier texto seleccionado en la Web.

8. Herramientas de evaluación, análisis y testeo de accesibilidad web

Aunque dispongamos de herramientas que nos ayudan a evaluar la accesibilidad de un sitio web de forma automática, siempre hay que revisar los resultados.
Evalúa manualmente los datos obtenidos.

9. Referencias

Cursos de interés:

Aplicación de técnicas de usabilidad y accesibilidad en el entorno cliente, IC editorial. Joaquín Pintos Fernández. ISBN: 978-84-16433-05-6

Bibliografía:

Otros enlaces de interés:

Test accesibilidad:

# data[].attributes.attachment_link.title
Diseño y desarrollo de webs accesibles, accesibilidad web - Eniun

# data[].attributes.attachment_link.description
La accesibilidad web consiste en desarrollar aplicaciones web que puedan ser utilizadas por el mayor número de usuarios con necesidades específicas. Estas necesidades pueden ser debidas a limitaciones derivadas del entorno o derivadas de problemas visuales, auditivos, motrices y neurológicos (dislexia, trastornos de atención, falta de memoria...).

# data[].attributes.attachment_link.provider_name
Guías para Sitios Web, Tips & Conocimiento

# data[].attributes.attachment_link.readable_text
Ya sea que administres un sitio e-commerce o un negocio de desarrollo web, querrás atraer tantos visitantes como sea posible a tus páginas web. Sin embargo, esto puede ser difícil si no priorizas un diseño web accesible.

En esta publicación, explicaremos por qué es tan importante la accesibilidad de un sitio web. Luego, te mostraremos cómo puedes verificar los niveles de accesibilidad (y barreras) de tu sitio. Finalmente, te proporcionaremos una guía completa para diseñar páginas web altamente accesibles. ¡Manos a la obra!

¿Qué Es La Accesibilidad Web?

Accesibilidad

La accesibilidad es la práctica de hacer que un sitio web sea accesible para tantos usuarios como sea posible. Los sitios web accesibles pueden ser vistos por cualquier persona usando cualquier dispositivo.

La accesibilidad web se refiere al grado en que un sitio puede ser utilizado por personas con discapacidades. Esto puede incluir a personas ciegas o con baja visión, personas sordas o con problemas de audición, personas con discapacidades de movilidad, discapacidades cognitivas y otras discapacidades.

Implica diseñar su sitio web de manera que su contenido esté disponible y funcional para todos, incluidos aquellos que puedan usar tecnologías de asistencia como lectores de pantalla, software de reconocimiento de voz o dispositivos de entrada especializados.

Esta idea va más allá de simplemente ayudar a las personas. Se trata de abrazar la diversidad de usuarios de la web y reconocer la importancia del acceso igualitario en internet. Al priorizar la accesibilidad, no solo está ampliando su audiencia, sino también promoviendo la inclusión y la responsabilidad social.

¿Quién Gestiona Y Hace Cumplir Las Reglas Y Leyes De Accesibilidad Web?

La responsabilidad de gestionar y hacer cumplir las reglas y leyes de accesibilidad web es compartida por diversas organizaciones gubernamentales y no gubernamentales, cada una desempeñando un papel importante en el establecimiento y mantenimiento de los estándares de accesibilidad que cubriremos más adelante en este artículo.

Gobiernos y agencias gubernamentales. En los Estados Unidos, el Departamento de Justicia (DOJ) es principalmente responsable de hacer cumplir la ADA, que incluye reglas para la accesibilidad web. Otros países tienen sus propias entidades gubernamentales que supervisan leyes y regulaciones similares.

Organizaciones internacionales de estándares. El Consorcio World Wide Web (W3C) ha desarrollado las Pautas de Accesibilidad al Contenido Web (WCAG), un conjunto de estándares internacionalmente reconocidos que describen cómo hacer que el contenido web sea más accesible para personas con discapacidades. Estas pautas son ampliamente aceptadas como el punto de referencia para la accesibilidad web y a menudo se mencionan en requisitos legales.

Grupos de defensa y ONG. Organizaciones sin fines de lucro y grupos de defensa promueven activamente la accesibilidad web, ofreciendo recursos, realizando auditorías y a veces impulsando acciones legales contra sitios web no conformes.

Sistema legal. El sistema legal a menudo se involucra en casos de incumplimiento de leyes de accesibilidad web. Demandas y acciones legales pueden ser tomadas contra organizaciones que no cumplen con los estándares requeridos, particularmente bajo la ADA. Los procesos legales pueden establecer precedentes importantes que crean futuros estándares para el cumplimiento de las reglas de accesibilidad.

Es importante tener en cuenta que el panorama de la accesibilidad web está en constante evolución. Todos tenemos la responsabilidad compartida de mantenernos al día con las últimas noticias, desarrollos legales y otros cambios que afectan a los administradores de sitios web.

Recibe Contenido Directamente en Tu Bandeja de Entrada

Suscríbete a nuestro blog y recibe contenido grandioso como este directamente en tu bandeja de entrada.

¿Cuáles Son Los Estándares De Accesibilidad Web?

Bajo WCAG, hay cuatro principios que debes seguir al crear un sitio web accesible. Estos dicen que tu sitio debe ser:

Perceptible. Los visitantes deben poder percibir o entender y ser conscientes del contenido e información en tu sitio. Por ejemplo, tener acceso a texto alternativo.

Operable. Los visitantes deben poder utilizar todas las partes de tu sitio sin interrupciones. Un menú de navegación bien mapeado y organizado puede lograr esto.

Comprensible. Todo el contenido en tu sitio, ya sea escrito o presentado de otra manera, debe ser fácil de entender. Un lenguaje claro y conciso y páginas limpias y sin desorden pueden ser utilizados para comunicar información.

Robusto. Los cimientos de tu sitio, como su código HTML, deben ser fácilmente legibles e interpretados por todos los visitantes, incluidas las tecnologías de asistencia como lectores de pantalla. Otro ejemplo de esto es optimizar tu sitio web para varios dispositivos como teléfonos y tabletas.

Ejemplos De Barreras De Accesibilidad En Línea
Estas barreras comunes pueden evitar que los usuarios con discapacidades accedan o interactúen con un sitio web. Aquí hay algunos ejemplos de barreras y cómo afectan a los usuarios.

Falta de texto alternativo para imágenes. Muchos usuarios con discapacidades motoras dependen de la navegación por teclado en lugar de un mouse. Los sitios web que no admiten la navegación por teclado o tienen diseños complejos pueden ser inaccesibles para estos usuarios.

Navegación por teclado inadecuada. Muchos usuarios con discapacidades motoras dependen de la navegación por teclado en lugar de un mouse. Los sitios web que no admiten la navegación por teclado o tienen diseños complejos pueden ser inaccesibles para estos usuarios.

Bajo contraste de colores. El contraste insuficiente entre el texto y los colores de fondo puede hacer que el contenido sea difícil de leer para usuarios con discapacidades visuales, incluido el daltonismo. Esto puede hacer que los textos sean prácticamente invisibles para algunos usuarios.

Texto de enlace no descriptivo. El uso de frases vagas como "haga clic aquí" para el texto de enlace no proporciona suficiente información sobre el destino del enlace, especialmente para los usuarios de lectores de pantalla que pueden navegar por los enlaces fuera de contexto.

Falta de subtitulado o transcripciones para contenido de audio y video. Los usuarios sordos o con discapacidad auditiva dependen de subtítulos o transcripciones para el contenido de audio y video. Sin estos, pueden perder información crucial.

Navegación compleja e inconsistente. La navegación inconsistente o demasiado compleja del sitio web puede ser confusa, especialmente para usuarios con discapacidades cognitivas. Una navegación simple, predecible y consistente ayuda a comprender mejor y facilita su uso.

Contenido e interacciones con límite de tiempo. El contenido que desaparece después de cierto tiempo o requiere una interacción rápida puede ser una barrera para usuarios con discapacidades cognitivas o motoras que pueden necesitar más tiempo para leer o interactuar con el contenido.

Uso de jerga o lenguaje complejo. Un lenguaje demasiado complejo o jerga de la industria puede ser una barrera significativa para usuarios con discapacidades cognitivas o aquellos que no son hablantes nativos del idioma del sitio web.

Por qué Deberías Priorizar la Accesibilidad Web

Las tasas de discapacidad están aumentando a medida que aumenta la esperanza de vida, lo que provoca un aumento de las condiciones de salud crónicas. Las personas con discapacidades merecen poder acceder a la misma información que aquellos sin ellas, razón por la cual es tan importante que todos trabajemos juntos para hacer que el contenido digital sea accesible y eliminar las barreras de accesibilidad en línea.

Como propietario de un sitio web, es importante asegurarse de no excluir a las personas con discapacidades, incluso involuntariamente. La ADA es una ley de derechos civiles que prohíbe a las empresas y organizaciones discriminar por discapacidad, ¡así que si tu sitio web no es accesible para todos, podrías meterte en problemas legales! Pero el cumplimiento legal no es la única razón por la que la accesibilidad debería ser una prioridad principal al diseñar tu sitio.

Hacer que tu sitio web sea accesible envía un mensaje de que tu empresa tiene valores inclusivos, y estudios han demostrado que las empresas que son más diversas e inclusivas tienen hasta un 35% más de probabilidades de tener retornos financieros por encima del promedio de su industria.

Y si bien el diseño web accesible permite que las personas con discapacidades naveguen fácilmente por tu sitio, incluye principios de diseño que pueden mejorar realmente la experiencia del usuario para todos los visitantes de tu sitio.

Experiencia de Usuario (UX)

La experiencia de usuario (UX) se refiere a cómo los visitantes en línea interactúan con un sitio web. Los usuarios suelen evaluar su experiencia en función de la usabilidad y el diseño de un sitio, así como de la impresión general que se lleven de su contenido.

La creación de un sitio web accesible no tiene por qué ser difícil o llevar mucho tiempo. Con solo tomar unos pocos pasos simples, puedes mejorar significativamente la accesibilidad de tu sitio. De esta manera, puedes ampliar tu audiencia y al mismo tiempo contribuir a los esfuerzos de accesibilidad en línea. ¡Incluso puedes inspirar a otros a hacer lo mismo!

Cómo Verificar la Accesibilidad Web de tu Sitio

Antes de adentrarnos en consejos y pasos para diseñar un sitio web accesible, es buena idea empezar por saber en qué punto se encuentra tu sitio actualmente, cómo se mide frente a los estándares de accesibilidad y las Prácticas recomendadas, y qué barreras de accesibilidad puede que necesites superar con cambios o rediseños.

Hay muchas formas diferentes de verificar la accesibilidad de tu sitio. Veamos algunas de las opciones más fáciles y populares.

Usa un Verificador de Accesibilidad en Línea

Una de las formas más rápidas y sencillas de verificar la accesibilidad de tu sitio es mediante el uso de un verificador de accesibilidad en línea, como las (Web Accessibility Evaluation Tools). Herramientas de Evaluación de Accesibilidad Web de WAVE
WAVE es un conjunto de herramientas de evaluación que puedes usar para evaluar tus páginas web y contenido y hacerlos más accesibles para personas con discapacidades. Las herramientas de WAVE verifican el cumplimiento con los estándares de accesibilidad, como las WCAG, pero también pueden facilitar revisiones manuales de tu contenido, si deseas ir un paso más allá.

Para utilizar WAVE, simplemente ingresa la URL de la página web que deseas evaluar en el campo "Web page address " y haz clic en el botón de flecha. WAVE generará un informe que te mostrará cualquier error o posible problema de accesibilidad en esa página. También puedes instalar las extensiones de navegador de WAVE para Chrome, Firefox y Edge para probar la accesibilidad directamente dentro de tu navegador web.

Además del informe de errores, WAVE proporciona retroalimentación sobre cómo puedes mejorar tus páginas para mejorar su accesibilidad. Por ejemplo, puede señalarte imágenes que carecen de texto alternativo o elementos estructurales que están organizados de una manera que podría confundir a los visitantes del sitio.

La extensión ARIA DevTools es un recurso de accesibilidad gratuito y de código abierto que permite a los usuarios personalizar la forma en que interactúan con el contenido web. ARIA está diseñada para mejorar la usabilidad de las páginas web para personas con discapacidades y hacerlas más accesibles para tecnologías de asistencia, como lectores de pantalla.

ARIA hace esto proporcionando un conjunto de atributos que puedes utilizar para mejorar la accesibilidad de los elementos HTML de tu sitio. Por ejemplo, el atributo "aria-label" puede servir como un marcador para un elemento que de otra manera no sería accesible, mientras que el atributo "aria-describedby" se puede utilizar para proporcionar una explicación.

Para usar la extensión ARIA, instálala desde el mercado de extensiones de tu navegador. Es posible que debas habilitarla antes de que comience a funcionar.

Verificación Manual de Problemas de Accesibilidad Comunes

Otra opción para verificar problemas de accesibilidad es utilizar un enfoque manual. Por supuesto, esto puede llevar más tiempo que usar herramientas y extensiones en línea.

Sin embargo, si realizas una verificación manual, puede ser más exhaustiva que algunas herramientas digitales. Además, este método es gratuito y está disponible para todos los propietarios de sitios web.

Contrata a un Experto en Accesibilidad Web para Auditar tu Sitio

En DreamHost, ofrecemos Servicios Profesionales que incluyen , gestión de sitios web y más, lo que puede incluir la identificación y corrección de cualquier problema de accesibilidad en tu sitio.

Nuestro equipo de expertos evaluará cuidadosamente tus páginas web y te proporcionará soluciones de accesibilidad para cualquier barrera que identifiquen. Ponte en contacto con nosotros hoy mismo para obtener más información sobre los Servicios Profesionales o para programar una consulta gratuita

Cómo Diseñar un Sitio Web Accesible (Una Guía Completa)

Prácticas recomendadas:

Asegúrate de que el orden de pestañas de tu sitio web sea lógico. Esto significa que a medida que los usuarios presionan la tecla Tab, el foco debe moverse a través de los elementos interactivos en un orden que tenga sentido, siguiendo típicamente el diseño visual de la página.

Cuando los usuarios navegan usando un teclado, proporciona indicadores visuales claros que muestren qué elemento tiene actualmente el enfoque. Esto podría ser un borde, un cambio de color u otro cambio de estilo notable.

Incluye un enlace "Saltar al contenido principal" en la parte superior de cada página. Esto permite a los usuarios que dependen de los teclados omitir los enlaces de navegación repetitivos y acceder directamente al contenido principal.

Si tu sitio utiliza menús desplegables, asegúrate de que se puedan navegar y activar usando comandos de teclado. Esto incluye poder expandir y contraer los menús y seleccionar elementos dentro de ellos.

La implementación de atajos de teclado personalizados puede mejorar la usabilidad, pero asegúrate de no entrar en conflicto con los atajos de navegador o lectores de pantalla existentes. Documenta claramente los atajos personalizados para los usuarios.

Asegúrate de que los usuarios de teclado no queden atrapados en ninguna parte de tu sitio. Deben poder navegar hacia y desde todos los elementos utilizando solo su teclado.

2. Haz que el Contenido Sea Fácil de Ver y Escuchar

Asegurarse de que el contenido de tu sitio web sea fácil de ver y escuchar es esencial para hacerlo accesible para usuarios con discapacidades visuales y auditivas. Esto incluye a personas ciegas, con baja visión, daltónicas o sordas o con problemas de audición.
Prácticas recomendadas:

Utiliza combinaciones de colores de alto contraste entre texto y fondos para asegurarte de que el texto sea fácilmente legible. Evita usar colores que choquen o se mezclen demasiado. Además, utiliza tamaños y estilos de fuente legibles.

Utiliza una herramienta en línea como Contrast Checker para ayudarte a elegir una paleta de colores con alto contraste para una buena accesibilidad visual.

Asegúrate de que la información transmitida con el color también esté disponible sin color, como a través de etiquetas de texto o patrones. Esto es particularmente importante para usuarios daltónicos.

Permite a los usuarios ajustar el tamaño del texto sin romper el diseño de tu sitio.

Para usuarios con discapacidad visual, asegúrate de que cualquier contenido de audio sea claro, bien marcado y lo suficientemente descriptivo como para transmitir toda la información necesaria.

Utiliza roles y puntos de referencia ARIA (Aplicaciones de Internet Ricas Accesibles). Estos pueden ayudar a los usuarios de lectores de pantalla a comprender el diseño y navegar el contenido de manera más efectiva, especialmente en aplicaciones web complejas.

3. Proporciona Alternativas de Texto

Las alternativas de texto hacen que el contenido no textual de tu sitio sea accesible para personas con discapacidades visuales y auditivas. Estas alternativas proporcionan un equivalente textual de la información transmitida a través de imágenes, videos y archivos de audio, asegurando que todos los usuarios, incluidos aquellos que utilizan lectores de pantalla u otras tecnologías de asistencia, tengan acceso a la misma información.

Prácticas recomendadas:

Cada imagen en tu sitio web debe tener un texto alternativo correspondiente que describa de manera precisa y sucinta el contenido o la función de la imagen. Esta descripción debe transmitir el mismo mensaje o propósito que la imagen para los usuarios que pueden ver.

Agrega texto alternativo a las imágenes en WordPress a través de tu Biblioteca de Medios.

Proporciona subtítulos para los videos, que describan no solo el contenido hablado, sino también otros sonidos relevantes y la información no verbal. Las transcripciones también son importantes, ofreciendo una versión basada en texto de todo el contenido de audio, incluidas las palabras habladas y otros sonidos relevantes.

Para videos, incluye descripciones de audio que narren la información visual. Esto es particularmente importante para el contenido en el que las imágenes transmiten información significativa que no se transmite solo a través del audio.

Asegúrate de que todos los enlaces y botones sean basados en texto o tengan alternativas de texto, para que su función quede clara para los usuarios de lectores de pantalla. Evita usar imágenes como el único medio para transmitir acciones o enlaces importantes.

Para contenido visual complejo como gráficos y diagramas, proporciona un resumen o descripción basada en texto que explique los datos o la información que se presenta.

Los elementos interactivos, como formularios, deben tener etiquetas claras y descriptivas. Esto le ayuda a los usuarios a entender para qué es cada campo del formulario y cómo interactuar con él.

4. Organiza y Estructura el Contenido de una Manera Adaptable

Organizar y estructurar el contenido de manera adaptable ayuda a garantizar que todos los usuarios, independientemente de cómo accedan a tu sitio web, reciban la información de manera coherente y lógica. Este enfoque beneficia a los usuarios que dependen de tecnologías de asistencia, como lectores de pantalla, y a aquellos con discapacidades cognitivas que pueden encontrar confusos los diseños complejos o las estructuras inconsistentes.
Prácticas recomendadas:

Emplea elementos semánticos HTML5 como <header>, <footer>, <nav>, <article> y <section> para estructurar tu contenido de manera clara. Estos elementos proporcionan contexto a las tecnologías de asistencia, permitiéndoles transmitir la estructura y el diseño de tu página web a los usuarios.

Utiliza encabezados (H1, H2, H3, etc.) para estructurar el contenido jerárquicamente y de manera lógica. Asegúrate de que los encabezados sean descriptivos y den una indicación clara del contenido que sigue.

Diseña el diseño de tu sitio web para que sea flexible. Esto significa que debe adaptarse a diferentes tamaños de pantalla y orientaciones sin perder información o funcionalidad. Esto es particularmente importante para los usuarios con baja visión que pueden necesitar hacer zoom o para aquellos que acceden a tu sitio en dispositivos móviles.

Si usas tablas para datos, asegúrate de que estén marcadas correctamente con encabezados de fila y columna. Evita usar tablas con fines de diseño, ya que esto puede ser confuso para los usuarios de lectores de pantalla.

Utiliza listas ordenadas (numeradas) y no ordenadas (con viñetas) para agrupar elementos relacionados. Esto ayuda a que los lectores de pantalla transmitan la estructura y la organización del contenido.

5. Ofrece Formas Alternativas de Consumir Medios Basados en el Tiempo

Los medios basados en el tiempo incluyen contenido de audio y video. Las personas sordas o con problemas de audición, así como aquellas que son ciegas o tienen baja visión, necesitarán formas alternativas de consumir medios basados en el tiempo.
Prácticas recomendadas:
6. Diseña Los Formularios Cuidadosamente

Los formularios son necesarios para muchos sitios, se utilizan para todo, desde información de contacto hasta compras en línea. Los formularios diseñados adecuadamente aseguran que todos los usuarios puedan ingresar su información, hacer selecciones y comprender cualquier error que pueda ocurrir durante el envío de datos.
Prácticas recomendadas:

7. Dale Suficiente Tiempo a los Visitantes para Interactuar con tu Sitio

Algunos visitantes del sitio con discapacidades pueden leer lentamente, tener discapacidades cognitivas o de aprendizaje, o utilizar tecnologías de asistencia que requieren tiempo adicional para navegar e interpretar el contenido. Asegúrate de permitirles tiempo suficiente para leer, ver y utilizar todo en tu sitio.
Prácticas recomendadas:

Si tu sitio web tiene características o contenido con límites de tiempo (como cuestionarios cronometrados, formularios con tiempos de espera de sesión o carruseles giratorios), proporciona una forma para que los usuarios los ajusten, extiendan o desactiven.

Para cualquier contenido en movimiento, parpadeante o desplazable, y para la información que se actualiza automáticamente (como los titulares de noticias), proporciona controles que permitan a los usuarios pausar, detener u ocultarlos.

Evita actualizar automáticamente el contenido sin la iniciativa del usuario, ya que esto puede ser desorientador para los usuarios de lectores de pantalla o aquellos con discapacidades cognitivas.

Si es necesario un tiempo de espera (como por razones de seguridad en un sitio bancario), advierte a los usuarios antes de que expire el tiempo. Esto les da la oportunidad de extender su sesión sin perder datos.

8. Evita el Contenido que Parpadea o Destella

Evitar el contenido que parpadea o destella puede hacer que tu sitio web sea más accesible para los usuarios que son susceptibles a convulsiones causadas por luces o patrones parpadeantes, una condición conocida como epilepsia fotosensible. Además, el contenido que parpadea o destella rápidamente puede ser distractor o incluso doloroso para los usuarios con ciertos trastornos cognitivos, lo que contribuye a una experiencia web desagradable o inaccesible.
Prácticas recomendadas:

Como regla general, evita el contenido que parpadea más de tres veces en cualquier período de un segundo. Esta pauta, parte de las Pautas de Accesibilidad al Contenido en la Web (WCAG), ayuda a reducir el riesgo de convulsiones.

Si tu sitio web debe incluir contenido que parpadea o destella (por razones artísticas o informativas), proporciona una advertencia clara antes de que se muestre el contenido. Esto permite a los usuarios con fotosensibilidad evitar o prepararse para la exposición a dicho contenido.

Ten cuidado con las animaciones y transiciones en el diseño de tu sitio web. Asegúrate de que sean sutiles y no involucren destellos o movimientos rápidos. Proporciona opciones para reducir o desactivar las animaciones si es posible.

En lugar de utilizar contenido que destella para llamar la atención, considera métodos alternativos como el uso de colores llamativos, patrones o gráficos estáticos que sean igualmente efectivos, pero no representen un riesgo para los usuarios.

Cuando tengas dudas, consulta con expertos en accesibilidad web que puedan revisar tu sitio en busca de contenido potencialmente problemático y sugerir alternativas más seguras.

Prácticas recomendadas:

Mantén el diseño de tu navegación consistente en todo el sitio. La consistencia ayuda a los usuarios a aprender y recordar cómo navegar por tu sitio, reduciendo la confusión y la frustración.

Agrupa los elementos de navegación relacionados juntos. Esto se puede lograr a través de menús bien organizados, encabezados de sección claros o un mapa del sitio que proporcione una visión general de la estructura de tu sitio web.

Asegúrate de que todos los menús sean accesibles con la navegación mediante teclado y lectores de pantalla. Esto incluye menús desplegables y otro contenido dinámico.

Para sitios web con múltiples capas de contenido, utiliza rutas de navegación. Estas proporcionan a los usuarios un camino claro desde la página de inicio hasta su ubicación actual y ayudan con la navegación fácil hacia secciones anteriores.

Implementa una función de búsqueda sólida, especialmente para sitios más grandes. Esto permite a los usuarios encontrar rápidamente información sin navegar por múltiples páginas.

10. Haz el Contenido Claro y Fácil de Entender

Hacer que el contenido de tu sitio web sea claro y fácil de entender puede ayudar a los visitantes con discapacidades cognitivas, dificultades de aprendizaje o aquellos que no son hablantes nativos del idioma del sitio. Un contenido claro y directo asegura que la información sea accesible para un público más amplio y ayuda a todos los usuarios a comprender rápidamente el mensaje o la acción prevista.
Prácticas recomendadas:
11. Escribe Mensajes de Error Útiles

Los mensajes de error efectivos guían a los usuarios para resolver los problemas que encuentran, lo cual es particularmente importante para usuarios con discapacidades que pueden encontrar más difícil entender y rectificar errores. Mensajes de error claros e informativos ayudan a prevenir la frustración, asegurando que todos los usuarios puedan interactuar exitosamente con tu sitio web y completar sus acciones previstas.
Prácticas recomendadas:
12. Escribe HTML que Pueda Ser Interpretado

Glosario de DreamHost

HTML

HTML significa lenguaje de marcado de hipertexto. Es el elemento básico más fundamental de la web y el lenguaje de marcado estándar para crear las páginas web y las aplicaciones.
Prácticas recomendadas:
Facilita el Acceso a Tu Sitio Para Todos

Las mejoras continuas en la accesibilidad web son motivo de celebración. Después de todo, si tienes un sitio web de WordPress, quieres llegar a tantas personas como sea posible, incluidas las personas con discapacidades. Afortunadamente, diseñar un sitio web accesible está al alcance de tu mano.

¿Quieres contratar a un desarrollador que pueda maximizar la accesibilidad web para tus proyectos de WordPress en evolución? Si prefieres dejar esta importante tarea en manos de profesionales, ¡consulta nuestros Servicios Pro de Desarrollo de DreamHost

Tu lo Sueñas, Nosotros lo Ponemos en Código

Aprovecha más de 20 años de experiencia en codificación adquiriendo el servicio de Desarrollo Web. Solo déjanos saber qué quieres para tu sitio - nosotros nos encargamos del resto.

# data[].attributes.attachment_link.title
Accesibilidad del sitio web: estrategias de diseño para experiencias web inclusivas

# data[].attributes.attachment_link.description
Explora estrategias clave para la accesibilidad de sitios web en esta guía detallada. Aprende a diseñar sitios web inclusivos y fáciles de usar para una audiencia diversa, garantizando el cumplimiento y una mejor experiencia del usuario.

# data[].attributes.body
Añadir tus propios subtítulos

Los subtítulos hacen que tus vídeos lleguen a una audiencia mayor, entre la que se incluyen las personas sordas o con deficiencia auditiva y quienes no hablan tu idioma. Si ya has añadido subtítulos, descubre cómo editarlos o eliminarlos.

Crear subtítulos

1. Inicia sesión en YouTube Studio.

2. En el menú de la izquierda, selecciona Subtítulos.

3. Haz clic en el vídeo que quieras editar.

4. Haz clic en AÑADIR IDIOMA y selecciona tu idioma.

5. En la columna Subtítulos, haz clic en AÑADIR.

# data[].attributes.attachment_link.readable_text
Fuente especial

Fuente 'Open Dyslexic', hecha por especialistas y pensada para gente con dislexia

Foto por palabra

Diferenciar palabras confusas a través de imágenes con tan solo pasar el mouse sobre éstas

¡Intenta pasar el mouse por esta palabra!

Lectura en voz alta

La computadora lee el texto de forma auditiva, resaltando la palabra en la que se encuentra, y en múltiples idiomas

Reproducir este texto

Compatibilidad con Word

Abrir archivos Word directamente desde la aplicación

Lectura de textos físicos

Subir imágenes de textos físicos a la aplicación y leerlos con todas las funciones anteriormente nombradas

Contamos con el apoyo de la organización Disfam

Como descargar LectO Sobre nosotros Contactanos

© 2021 LectO. Todos los derechos reservados

Este sitio web utiliza Google Analytics para mejorar la experiencia del usuario.

# data[].attributes.attachment_link.title
LectO - Un editor de texto pensado para personas con dislexia

# data[].attributes.attachment_link.description
LectO es un editor de texto pensado para personas con dislexia. A través de distintas funciones, busca facilitar la lectura y escritura a dichas personas.

# data[].attributes.body
L ector inmersivo
Mejorar la comprensión lectora

Aumentar la fluidez de estudiantes del idioma inglés o de los lectores de otros idiomas

Ayudar a fomentar la confianza para que los lectores emergentes que están aprendiendo a leer en los niveles superiores

Ofrecer soluciones de decodificado de texto para estudiantes con diferencias de aprendizaje, como la dislexia

Función:

Ventaja demostrada

Dictado mejorado |

Mejora la redacción de textos
Modo de concentración | Mantiene la atención y mejora la velocidad de lectura
Lectura absorbente |

Mejora la comprensión y mantiene la atención
Espaciado de fuente y líneas cortas |

Mejorar la velocidad de lectura mediante un "agrupamiento visual"
Partes del discurso |

Es compatible con la instrucción y mejora la calidad de redacción
Silabificación |

Mejora el reconocimiento de palabras
Modo de comprensión |

Mejora la comprensión en una media del 10 %

# data[].attributes.attachment_link.title
Los mejores TIPS para usar OneNote en 2020

# data[].attributes.attachment_link.readable_text
¿Cuáles son los beneficios de utilizar una grabadora de voz online?

Algunos de los beneficios de voz a texto pueden parecer obvios y, de entrada, es sencillo ver por qué un software gratuito de voz a texto puede ser útil. Sin embargo, este programa ofrece muchos más beneficios que tal vez no hayas considerado.

Con nuestra herramienta de voz a texto, puedes experimentar una comunicación sin dificultades, una rápida entrega de documentos y, por supuesto, flexibilidad para tu trabajo. ¿Por qué tomarte el tiempo de escribir tus grandes ideas cuando puedes capturarlas rápidamente a través de nuestra herramienta de voz a texto?

¿Alguna vez has tenido una gran idea que no puedes esperar a escribirla, pero una vez que tienes la oportunidad de hacerlo, la has olvidado? O más aún, ¿alguna vez has construido una gran frase en tu cabeza, pero para cuando has abierto un documento para tipearla, tu cerebro ha cambiado totalmente el orden? Nos pasa a todos. Pero con nuestra herramienta que te permite escribir con voz, simplemente ¡hablas en nuestro software y grabas la idea sin mover un dedo! Luego, simplemente imprime la transcripción, guárdala como texto, como correo electrónico o como un documento Word.

Pero eso no es todo, ¡hay una larga lista de beneficios que las herramientas de voz a texto pueden ofrecer! Por ejemplo, el software de voz a texto puede:

Ayudarte a ahorrar tiempo: una herramienta de escritura por voz puede reducir tu tiempo a la mitad (o más) en comparación con tipear algo en un documento.

Ayudarte a realizar multitareas: ¡Esta es una necesidad para las personas ocupadas!

Evitarte errores: cuando se escribe algo, es posible cometer errores y no captar bien una idea. Con un convertidor de voz a texto, puedes capturar la emoción, el mensaje y la transcripción gramaticalmente correcta directamente de tu dicción.

Hacer que trabajar y comunicarte en tu smartphone sea más fácil que nunca: nuestro programa funciona con iPhone, Android, tabletas y más.

Garantizar un camino seguro para tu información, va desde nuestro servicio de transcripción hasta el siguiente lugar que asignes (como un texto, documento Word, documento impreso, etc.).

Agilizar un trabajo tedioso.

Aumentar y mejorar el flujo de trabajo y la visibilidad, permitiendo una gestión más fácil de los proyectos y de los plazos de entrega.

# data[].attributes.attachment_link.title
Voz a texto en línea - ¡Teclee con su voz! - Reconocimiento de voz gratuito y en línea

# data[].attributes.attachment_link.description
De voz a texto en línea - Reconocimiento de voz Online. ¡Tú hablas, yo escribo! Servicio gratuito de reconocimiento de voz y transcripción en directo.

# data[].attributes.attachment_link.readable_text
Comunicador Personal Adaptable es un sistema de comunicación para personas con problemas graves de comunicación (trastornos de espectro autista, trastornos neurológicos, afasias, etc.)

CPA es un proyectos gratuito. Iniciamos nuestra andadura en el año 2003 con unos de os primeros comunicadores táctiles del mercado y hemos llegado hasta esta fecha sin mas apoyo que la satisfacción de muchos usuarios que han utilizado nuestro sistema.

CPA 3.0 incluye muchas opciones de configuración que hacen que el comunicador se adapte a las características y necesidades del usuario.Configura el tipo de letra, la capitalización, la colocación del texto, tamaño de los pictogramas, color de fondo, color de texto y color delborde.

CPA 3.0 está diseñado para resultar fácil. El sistema es muy intutivo y su configuración resulta muy sencilla. La creación de niveles, creación e inserción de vocabulario o la personalización del usuario está al alcance de cualquier persona. No son necesarios conocimientos técnicos para su configuración.

Para el usuario hemos creado un sistema muy intuitivo de navegación, con la posibilidad de crear multiples niveles de vocabulario. Mejoras en el control de uso impidiendo repeticiones involuntarias.

Incluye dirferentes formas de uso para adaptarse a las características comunicativas del usuario... barra de escritura o palabra pivote.

Nuevas formas de visualización... plantilla, scroll vertical o horizontal,barra extra de vocabulario.

También incluye opciones diferentes de comportamiento para obtener la opción deseada al pulsar el pictograma, tales como la lectura inmediata, la utilización de un picto para organizar el vocabulario.

En esta nueva versión hemos mejorado la creación de copias de seguridad, incluido una nueva utilidad para generar un pdf con el vocabulario y la posibilidad de ver las estadísticas de uso.

Como siempre, tendrás acceso al vocabulario de Arasaac de forma directa y en varios idiomas, así como a los recursos gráficos de soy visual.

# data[].attributes.attachment_link.description
Comunicador Personal Adaptable es un sistema de comunicación para personas con problemas graves de comunicación (trastornos de espectro autista, trastornos neurológicos, afasias, etc.) CPA es un proyectos gratuito. Iniciamos nuestra andadura en el año 2003 con unos de os primeros comunicadores táctiles del mercado y hemos llegado hasta esta fecha sin mas apoyo que la satisfacción de muchos usuarios que han utilizado nuestro sistema.

# data[].attributes.attachment_link.title
PROGRAMA PORTABLE (BALABOLKA) PARA CONVERTIR TEXTO A AUDIO + VOCES EN ESPAÑOL

# data[].attributes.attachment_link.title
Escanear documentos con la aplicación de Google Drive

# data[].attributes.attachment_link.title
Immersive Reader Chrome Extension- Español

# data[].attributes.attachment_link.readable_text
The power of the web

The Web is fundamentally designed to work for all people, whatever their hardware, software, language, location, or ability. When the web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability.

Including everyone

Web accessibility is about designing web sites, applications, technologies, tools, products and services in an inclusive manner, and thus lifting barriers to communication and interaction that many people face in the physical world.

The mission of the Web Accessibility Initiative (WAI) is to develop strategies, standards, and supporting resources to help you make the web accessible to people with disabilities, thus enabling everyone to participate equally on the web.

About the Web Accessibility Initiative (WAI)

WAI develops its work through W3C's consensus-based process, involving different stakeholders in web accessibility. These include industry, disability organizations, government, accessibility research organizations, and more, and in partnership with organizations around the world, pursues accessibility of the web through these primary activities:

ensuring that W3C standards support accessibility

developing accessibility guidelines for web content and applications, browsers, and authoring tools

developing resources to improve web accessibility evaluation processes and tools

supporting education and outreach on web accessibility

coordinating with research and development that may impact future accessibility of the web

promoting harmonized international uptake of web accessibility standards

Shape an accessible Web as a W3C Member

W3C Members play a significant role in shaping the Web.

Contact W3C to learn more about the benefits of W3C Membership to play a significant role yourself!

# data[].attributes.attachment_link.description
This page gives a high-level introduction to web accessibility and what the W3C Web Accessibility Initiative (WAI) does.

# data[].attributes.attachment_link.readable_text
Edit caption text

Note: If you're editing captions created automatically, a new caption track that includes your revisions will be generated.

1. Sign in to YouTube Studio.

2. From the left menu, select Subtitles.

3. Click the video you'd like to edit.

4. For the language you'd like to edit, in the "Subtitles" column select Edit.

5. For automatic captions, select DUPLICATE AND EDIT CONTINUE to overwrite your existing draft.

6. Click inside any line in the caption track panel and edit the text.

7. When you've finished making changes, click Publish.

Edit caption timing

You can edit the timing on your caption tracks directly in the YouTube captions editor or by downloading your caption files.

Use the YouTube captions editor

1. Sign in to YouTube Studio.

2. From the left menu, select Subtitles.

3. Click the video you'd like to edit.

4. For the language you'd like to edit, in the "Subtitles" column, select Edit.

5. Select a specific line in the caption track panel:
You can adjust timing by editing the two timestamp boxes beside the caption track.

6. When you've finished making changes, click Publish.

Download & edit caption files

You can edit timestamps by downloading the caption file and using a plain text (.txt) editing program like TextEdit or Notepad to make edits.

1. Sign in to YouTube Studio.

2. From the left menu, select Subtitles.

3. Click the video you'd like to edit.

4. Under Subtitles, click EDIT next to the language you want to edit.

5. Click Options and select Download subtitles. Learn more about caption file formats.

6. Your browser will download a file containing the captions track. Edit the file and save it.

7. Follow the instructions to upload the captions to your video again.

1. Sign in to YouTube Studio.

2. From the left menu, select Subtitles.

3. For the language you'd like to delete, in the "Subtitles" column, select Options Delete .

4. You'll be asked to confirm that you want to delete the captions. Click DELETE CAPTIONS.

# data[].attributes.attachment_link.description
Edit captions You can change the text and timestamps of your captions. You can also use caption editing software or services. Edit caption text

# data[].attributes.attachment_link.readable_text
En esta guía se describen las características de accesibilidad más populares de Windows y Microsoft Office. También cubre los productos de tecnología de asistencia para Windows y Microsoft Office diseñados para personas ciegas o con problemas de visión. Para obtener una información general más completa d ownload la guía completa.

Si tiene alguna pregunta relacionada con la accesibilidad, póngase en contacto con el equipo de Accesibilidad de Microsoft Answer Desk. Este equipo puede ayudarle a usar muchas tecnologías de asistencia populares con soporte técnico en inglés, español, francés y lenguaje de signos americano (ASL).

Si es un usuario gubernamental, comercial o empresarial, consulte Soporte de accesibilidad para empresas.
Para solucionar problemas comunes y obtener más información sobre algunas de nuestras características de accesibilidad, incluidas algunas características que se tratan en esta guía, consulte la lista de reproducción Accesibilidad en el canal de YouTube de soporte al cliente de Microsoft.

En esta guía:

Use Narrador y Cortana para instalar Windows 10

Configurar las opciones de accesibilidad en Windows 10

Use características de accesibilidad en Office

Use Narrador y Cortana para instalar Windows 10

En esta sección se muestra cómo puede usar la voz desde Narrador y Cortana para guiarlo tanto por la instalación Windows como por la configuración del equipo.

Instalar Windows con Narrador

Tan pronto como inicie el equipo, puede usar Narrador para instalar Windows.

1. Presione Ctrl + Windows tecla del logotipo + Entrar para iniciar Narrador.

2. Elija el idioma y la configuración de hora y, a continuación, seleccione Instalar ahora

3. En Activar Windows, escriba la clave de producto.

4. Active la casilla Acepto los términos de licencia.

Activar Cortana para ayudar a configurar Windows

Después de Windows, puede activar Cortana para ayudarle con la experiencia lista para usar.

1. Escribe la información de tu cuenta de Microsoft. Si no tienes una cuenta de Microsoft, selecciona ¿No tienes ninguna cuenta? Crear uno.

2. Elija Sí para crear Cortana asistente personal.

Consulte Descargar Windows 10

Configurar las opciones de accesibilidad en Windows 10

Accesibilidad le permite configurar la configuración de accesibilidad y los programas disponibles en Windows.

Vea Hacer que el equipo sea más fácil de usar

Ver Windows 10 de accesibilidad

Activar las opciones de Acceso fácil

En Windows, puede acceder a las opciones de accesibilidad más usadas directamente desde la pantalla de inicio de sesión. Presione la tecla Windows logotipo + U para abrir la configuración Desasosiete de Access.

Para abrir la configuración de La facilidad de acceso en un dispositivo con pantalla táctil, deslice el dedo desde el borde derecho de la pantalla y seleccione Todas las opciones Configuración >de acceso.

Escuchar texto leído en voz alta con el Narrador

Narrador es el lector de pantalla integrado que lee texto en la pantalla en voz alta y describe eventos, como notificaciones o citas del calendario. Para iniciar o detener narrador, presione Ctrl + Windows tecla del logotipo + Entrar. En Windows dispositivos móviles, presione Windows Tecla del logotipo + Tecla Subir volumen para activar o desactivar Narrador. Para abrir la configuración del Narrador, presione Ctrl + Windows tecla del logotipo + N

Narrador puede saltar entre encabezados y puntos de referencia en aplicaciones. Para habilitar el modo de examen, presione Bloq Mayús + Espacio y, después, use los siguientes métodos abreviados de teclado:

Consulte Introducción al Narrador

Usar la Lupa para ver los elementos de la pantalla

La Lupa es una herramienta que amplía la pantalla para que pueda ver mejor las palabras y las imágenes. Puede ampliar toda la pantalla o solo una parte de ella y mover la lupa donde quiera en el escritorio. La lupa también puede suavizar los bordes de las imágenes y el texto cuando se acerca.

Otros métodos abreviados de teclado:

Abrir la configuración de lupa: Presione Ctrl + Windows tecla del logotipo + M

Activar lupa y acercar: presione Windows tecla del logotipo + signo más (+)

Alejar: Presione Windows tecla del logotipo + signo menos (-)

Lupa de salida: presione Windows tecla del logotipo + Esc

Vea Usar lupa para que las cosas en la pantalla sean más fáciles de ver

Mejorar la visibilidad con contraste alto

El contraste alto aumenta el contraste de color entre el primer plano y el fondo de la pantalla, lo que hace que el texto y las imágenes sean más distintos y más fáciles de identificar. Para activar el contraste alto, presione Alt + Mayús izquierdo + Imprimir pantalla.

Puede elegir diferentes temas en la configuración de contraste alto. Presione la tecla Windows logotipo + U y, a continuación, seleccione Contraste alto. Elija un tema de contraste alto en el menú desplegable y seleccione Aplicar

Vea Usar el modo de contraste alto

Cambiar el tamaño del texto, las aplicaciones y otros elementos

Si el texto y otros elementos del escritorio son demasiado pequeños, puede hacerlos más grandes sin cambiar la resolución de la pantalla ni activar la Lupa.

Para cambiar los tamaños:

1. Abrir Configuración presionando Windows tecla del logotipo + I

2. En Cambiar el tamaño del texto, las aplicaciones y otros elementos, seleccione el tamaño que desee.

Use características de accesibilidad en Office

Microsoft Office incluye características de accesibilidad integradas diseñadas para personas ciegas o con problemas de visión. También puede personalizar las opciones de Office para satisfacer sus necesidades y preferencias de visión individuales.

Opciones de Acceso fácil en Office

Puede personalizar la configuración de accesibilidad común dentro de las opciones de Accesibilidad en Word, Excel, PowerPoint y Outlook.

Para buscar las opciones de Acceso fácil:

1. Abra una Office aplicación.

2. Personalice las opciones de accesibilidad.

Acercar o alejar documentos

Puede aumentar el tamaño de las páginas en documentos de Word, PowerPoint diapositivas, Excel hojas de cálculo y otros documentos en Office.

Vea Acercar o alejar de un documento, presentación o hoja de cálculo

Usar Learning en Word

Learning Las herramientas están disponibles en la Microsoft 365 de Microsoft Word.

Para usar Learning herramientas de Word 2016:

Vea Learning herramientas en Word

# data[].attributes.attachment_link.title
Guía para personas ciegas o con problemas de visión

# data[].attributes.attachment_link.description
En esta guía se describen las características de accesibilidad más populares de Windows y Microsoft Office. También cubre los productos de tecnología de asistencia para Windows y Microsoft Office diseñados para personas ciegas o con problemas de visión. Para obtener una información general más completa d ownload la guía completa.

# data[].attributes.attachment_link.readable_text
Editor de texto profesional con reconocimiento de voz
Aplicación web libre de distracciones, rápida, fácil de usar y gratuita para dictado y escritura

Speechnotes es un potente bloc de notas en línea con reconocimiento de voz, diseñado para dar fuerza a sus ideas mediante un diseño limpio y eficiente, para que pueda concentrarse en crear.
Nos esforzamos por ofrecer la mejor herramienta en línea de dictado empleando tecnología de reconocimiento de voz de última generación para obtener los resultados más precisos que la tecnología puede lograr hoy en día, junto con la incorporación de herramientas integradas (automáticas o manuales) para aumentar la eficiencia, la productividad y la comodidad de los usuarios.

Funciona completamente en línea en su navegador Chrome. No requiere descarga, ni instalación ni tan siquiera registro, para que pueda empezar a trabajar inmediatamente.

Diseñado para inspirar la creatividad y mantenerle enfocado

Speechnotes está especialmente diseñado para proporcionarle un ambiente libre de distracciones.
Cada nota empieza con una nueva hoja en blanco totalmente despejada, para estimular su mente partiendo de cero. Todos los demás elementos excepto el texto en sí se desvanecen fuera de la vista, para que pueda concentrarse en la parte más importante - su propia creatividad.
Además de eso, hablar en lugar de escribir le permite pensar y expresar sus ideas con fluidez y sin interrupciones, lo que a su vez estimula el pensamiento claro y creativo. Las fuentes y los colores en toda la aplicación se diseñaron para ser nítidos y tener una excelente legibilidad.

Opiniones y comentarios de los usuarios

Solo hemos estado en el aire por poco tiempo y ya hemos aparecido en "ProductHunt" y otras revistas internacionales de tecnología. Pero de lo que nos sentimos más orgullosos es de los comentarios de nuestros usuarios. ¡Speechnotes es la aplicación de reconocimiento de voz mejor valorada en la tienda virtual de Chrome, con una puntuación de más de 4,5 estrellas! Muy por encima de otras alternativas en línea. Estas son algunas de las opiniones que nuestros usuarios dejaron en la tienda de Chrome:

"I would like to say that I am very pleased with this dictation plug in. It is better and much more accurate than the other two that I have tried. This is definitely my preferred dictation app.
In fact, I wrote this review using the app.
Thumbs up to the developers!!"

"It does what it says on the tin...& more. Priceless.
Tony Hawes. Whose faith has been restored in Apps by this one."

... And there are many more. Read all of them on the Chrome store

¡Muchas gracias! Sus comentarios son una gran fuente de motivación para continuar desarrollando grandes soluciones

Una alternativa gratuita a Dragon Naturally Speaking

Speechnotes es totalmente gratuito y comparable en cuanto a precisión a Dragon Naturally Speaking. Muchos usuarios nos dijeron que, en cierto modo, incluso supera a Dragon. Debemos mencionar, sin embargo, que Speechnotes es una alternativa a Dragon solo para fines de dictado, no para el control por voz de otros programas ni para la escritura mediante voz dentro de otros programas. Dragon posee estas capacidades adicionales. Sin embargo, si necesita dictar un artículo, encontrará que Speechnotes no solo es más barato, si no tal vez incluso mejor para usted.

Características diseñadas para aumentar la productividad y la eficiencia, tanto para el dictado por voz como para la escritura normal mediante teclado

Para muchos de nosotros, la escritura con el teclado es lenta y requiere mucho tiempo. Speechnotes le permite escribir a la velocidad del habla (habla lenta y clara).
Speechnotes le permite pasar de escritura por voz (dictado) a escritura mediante teclado a la perfección. De esta forma, puede dictar cuando sea conveniente y escribir cuando sea más apropiado. También puede dictar y editar el texto resultante inmediatamente, y continuar dictando. No se necesita cambiar el modo de la aplicación o incluso detener el dictado.
Inserte los signos de puntuación por voz (comandos de voz) o mediante un solo clic.

Otras características diseñadas para una máxima productividad en ambos tipos de escritura son:
Autoguardado que guarda el documento en tiempo real al realizar cualquier cambio, de forma que nunca tenga que preocuparse por ello.
Exportar a Google Drive (guardado en la nube) o descargar como documento a su equipo.
Enviar por correo electrónico o imprimir su nota con un solo clic.
Uso inteligente de mayúsculas automático al comienzo de las oraciones.
No requiere conexión, registro, instalación o descarga. Viene listo para ser usado. Entonces, ¿dónde se almacenan todas las notas guardadas automáticamente? Speechnotes almacena todos sus datos en su propio ordenador, a través de su navegador. La ventaja es que no tiene que iniciar sesión. La desventaja es que no se puede acceder a estos documentos desde otros equipos. Para eso, Speechnotes le permite exportar a Google Drive. Otra pequeña desventaja es que, después de muchas muchas notas, podría quedarse sin espacio de almacenamiento, por lo que es una buena práctica eliminar de vez en cuando las notas más antiguas que ya no necesita.
Uso ilimitado de forma gratuita.

Tecnología líder

Speechnotes se basa en motores de reconocimiento de voz de alta calidad de Google. De hecho, todo lo que dice se envía a Google, donde se interpreta utilizando potentes servidores y algoritmos paralelos, y es enviado de vuelta a Speechnotes como un flujo de posibles resultados de transcripción. Con el procesamiento adecuado de estos resultados y el conjunto de comandos a los motores de conversión de voz a texto, somos capaces de lograr resultados cuya precisión no desciende incluso cuando se compara con el software más profesional y caro disponible en el mercado. Añada la posibilidad de insertar puntuación con un clic y comandos de voz, y el uso inteligente de mayúsculas, y se obtiene una de las aplicaciones más avanzadas que existen.
Cuantitativamente, puede esperar niveles de precisión superiores al 90%.

Beneficios para la salud de la escritura por voz

Estar sentado frente a un ordenador, en general, puede dar lugar a diferentes tipos de lesiones por esfuerzo repetitivo (RSI) relacionadas con el uso de ordenadores. Para evitarlas, la mejor manera es no permanecer sentado frente a la computadora por largos períodos de tiempo. Pero, si tiene que hacerlo, debe ser especialmente cuidadoso con su postura. Puede leer más sobre esto aquí (http://rsi.unl.edu/). La escritura por voz es una de las principales maneras recomendadas para minimizar estos riesgos, ya que le permite sentarse cómodamente, liberando totalmente los brazos, las manos, los hombros y la espalda. Puede volver a escribir una vez que haya terminado de dictar, para realizar correcciones y editar el texto.

Instrucciones y consejos

Antes del uso:
Conecte un micrófono de alta calidad a su PC (si dispone de micrófono incorporado, es posible que ya sea suficientemente bueno).

Para el uso:
1) Haga clic en el micrófono
2) Solo para la primera vez: Su navegador abrirá una solicitud emergente para que permita que el sitio web pueda escuchar su micrófono. Haga clic en "Permitir".
3) Empiece a dictar. Hable despacio y con claridad. Deje espacio entre sus palabras y ponga énfasis en una dicción correcta para obtener mejores resultados.
4) Los resultados intermedios se mostrarán en la memoria temporal. Hay 3 maneras de finalizar y transferir los resultados de la transcripción de la memoria temporal al editor de texto en sí:
(a) Pulsar la tecla de "Enter" en el teclado
(b) Decir o hacer clic en un signo de puntuacion
(c) Esperar

Solución de problemas:
La causas más comunes de errores son:
1) Un problema de hardware con el micrófono
2) Un navegador distinto de Chrome
3) No se ha concedido el permiso para escuchar el micrófono
4) Chrome está escuchando el micrófono equivocado
Para solucionar los dos últimos problemas, debe hacer clic en el pequeño icono de la cámara en la barra de direcciones del navegador (aparecerá después de que haga clic en el micrófono) y, allí, configurar el permiso para Permitir speechnotes y seleccionar el micrófono correcto de la lista desplegable.

¿Quién puede beneficiarse de Speechnotes?

Cualquiera que esté cansado de la escritura habitual mediante teclado podría encontrar Speechnotes útil. También podría ser especialmente útil para las personas con dificultades para escribir. Estas dificultades podrían derivarse de un problema físico, o simplemente de no dominar la técnica de escritura con teclado desde una edad lo bastante temprana.
Además, las personas que escriben mucho como parte de su profesión o hobby podrían encontrar Speechnotes muy útil, ya que escribir con el teclado durante mucho tiempo puede resultar muy cansado, e incluso tener implicaciones médicas como efectos secundarios. Por descontado, los transcriptores (desde estudiantes hasta profesionales) encontrarán Speechnotes tremendamente útil, ya que pueden escuchar una grabación y repetir el discurso en el micrófono, para hacer que Speechnotes lo transcriba por ellos.

Compatibilidad y requisitos del sistema

Speechnotes es realmente una aplicación multiplataforma. Funcionará siempre que lo ejecute a través de un navegador Chrome. No se requiere ninguna instalación, espacio en disco o máquinas de gama alta. Se ejecutará sin problemas en su PC de escritorio, ordenador portátil y Chromebook. Puede probarlo en sus tabletas y teléfonos, pero es posible que tenga problemas con algunos dispositivos.

Privacidad

En Speechnotes valoramos su privacidad, y es por eso por lo que no almacenamos nada de lo que diga o escriba ni, de hecho, ningún otro dato acerca de usted. Su dictado se envía a los motores de conversión de voz a texto de Google para su transcripción.

Descargo de responsabilidad

A pesar de que lo intentamos, los resultados del reconocimiento de voz podrían no ser precisos. Además, Speechnotes es un servicio proporcionado TAL CUAL y no podemos garantizar su continuidad en el futuro. Por esa razón, y por la pequeña posibilidad de que se produzcan fallos de software, le recomendamos que exporte los textos importantes o bien a Google Drive o bien a su ordenador, para estar protegido contra la pérdida de datos inesperada. No nos hacemos responsables de la pérdida de datos o de las inexactitudes en el reconocimiento.

Apreciamos sus comentarios y su apoyo

Speechnotes fue desarrollado en 2015 por los equipos de Speechlogger y TTSReader con el fin de ayudar a la gente en todo el mundo a escribir sus ideas, historias y notas de una forma más fácil y cómoda. Es por eso que Speechnotes es gratuito y está disponible en línea para todo el mundo. La necesidad de una herramienta software de este tipo se hizo evidente a partir de los correos electrónicos con comentarios que recibimos de nuestros usuarios. Si tiene comentarios, ideas o peticiones, póngase en contacto con nosotros, estaremos más que encantados de escuchar sus sugerencias.
Si le gusta Speechnotes, le pedimos que nos muestre su apoyo puntuándonos en la tienda de Chrome, compartiéndolo con sus amigos, o mencionándonos en sus publicaciones y blogs. Sus amigos y seguidores lo apreciarán también. También puede contribuir con una pequeña donación (del estilo "cómprame un café").

# data[].attributes.attachment_link.description
Discurso profesional reconociendo editor de texto. Precisa, libre, fácil de usar y sin límites.

# data[].attributes.attachment_link.readable_text
Una aplicación web que funciona muy bien tanto en Chrome como Safari. Sin necesidad de descargar o instalar, ni molestos procesos para acceder. Basta con pegar el texto y hacer clic en "play".

También funciona en Chrome para móviles. Ideal para escuchar artículos mientras conduces, viajas, haces ejercicio, trabajas y mucho más.

Haz podcast con textos escritos.

Escucha libros y artículos interesantes mientras trabajas o conduces.

TTSReader es sin duda muy útil para quienes desean escuchar contenidos escritos mientras hacen otra cosa.
Por ejemplo - puedes escuchar artículos completos de Wikipedia (tan sólo tienes que copiar y pegarlos aquí), u otros documentos que necesites estudiar para el trabajo o formación personal.
Mira este vídeo de YouTube para ver cómo lee "El gato en el sombrero" del Dr. Seuss. Te sorpenderá.

Te ahorra un montón de tráfico de datos móviles y costes.

La mayoría de aplicaciones de podcast consumen una gran cantidad de datos, ya que cuanto más largo es el archivo de audio, mayor es el tamaño de este. Sin embargo, TTSReader se vale de motores de texto a voz incorporados en tu dispositivo móvil. De esta manera, podrás escuchar horas de podcasts de texto con un consumo de datos casi nulo. Esto lo convierte en un software ideal para conductores y, en realidad, para todo aquel que quiera escuchar material interesante sobre la marcha.

Educativo y ocupacional para niños

A los niños les encanta escuchar buenas historias, algo que a la vez es muy bueno para su desarrollo. Nada puede ser igual que mamá o papá leyendo un cuento cuando se va a la cama, pero con TTSReader ahora puedes dejarles escuchando otras historias además de las que les leen papá y mamá. Pruébalo, ¡las opiniones indican que a los niños les encanta!

Ayuda a personas con dificultades para leer

Las personas con dificultades para leer (de forma regular o temporal), pero no quieren comprometer su auto-desarrollo utilizan TTSReader como su ayudante.

Narra y dobla películas, presentaciones y mucho más

Simplemente escribe el texto que necesitas que sea narrado en el idioma deseado (se puede traducir primero a través del traductor de Google) - haz clic en el botón Play - y graba la voz obtenida.
Acabas de crear tu propio archivo profesional de audio -que se escucha en cualquier idioma.

Valoración y comentarios de los usuarios (¡4,5 estrellas!)

Hicimos este software para nuestros usuarios. Por eso estamos tan contentos de escuchar vuestros comentarios. ¡Nuestros usuarios han clasificado TTSReader en Chrome Store con más de 4,5 estrellas! Muy por encima de otras alternativas en línea. Estas son algunas de las opiniones que nos dejaron los usuarios en la store:

"Funciona perfectamente, y es el mejor lector gratuito con uso ilimitado, a mis hijos les encanta. Muchas gracias"

"Funciona de maravilla. He probado otras aplicaciones y extensiones de "texto a voz" y ¡esta es la única que funciona y lo hace bien !!"

"¡Fantástica! Las oraciones se escuchan con claridad y el ritmo es perfecto! "

... Y hay muchas más. Léelas todas en Chrome store

¡Muchas gracias chicos! Vuestros comentarios son un gran aliciente para seguir desarrollando grandes soluciones

Instrucciones y más

Instrucciones

Pega en el cuadro de texto de la aplicación cualquier texto que desees que te lea.
Haz clic en "play". Eso es todo. TTSReader se hará cargo del resto, para que puedas disfrutar escuchando.

Pausa y reproducir - haciendo clic en el botón central "reproducir / pausa", pausará o reiniciará la lectura desde el punto donde se quedó.
Reanudar - haz clic en el botón "retroceder" para reiniciar la lectura desde el principio.
Ajustar el idioma y el ritmo de lectura - tanto el idioma como el ritmo de lectura pueden ser ajustados para adaptarse a tus necesidades. Soporta los siguientes idiomas: inglés británico, inglés EE.UU., español, francés, italiano, alemán, japonés, coreano y chino.

Compatibilidad

TTSReader es multiplataforma, funcionará siempre y cuando lo ejecutes en Chrome o Safari. Funciona muy bien en cualquier ordenador de sobremesa, portátil, mac, Chromebook e incluso móviles.

Privacidad

En TTSReader.com valoramos mucho tu privacidad, y por eso no guardamos nada que escribas, y por supuesto, cualquier información personal.

Descargo de responsabilidad

Aunque lo intentamos, es posible que las lecturas no sean exactas. Además, TTSReader.com es un servicio proporcionado TAL CUAL y no podemos garantizar que continuará en el futuro (compártelo con tus amigos para asegurar que se quede para siempre :))

Apreciamos tus valoraciones y apoyo

Si tienes comentarios, ideas o peticiones, por favor contacta con nosotros, será un placer escucharte.
Si te gusta TTSReader, por favor, apóyanos valorándonos en Chrome Store, compartiéndolo con amigos, o mencionándonos en vuestros posts y blogs. Tus amigos y seguidores también lo apreciarán. También puedes contribuir con una pequeña donación (del estilo "invítame a un café").

Conoce a mis geniales hermanas - Otras aplicaciones web de voz a texto

SpeechNinja AAC - Si estás buscando una solución de Comunicación Aumentativa y Alternativa (AAC) (un software de texto a sintetizador de voz destinado a textos rápidos y cortos), nuestro nuevo SpeechNinja es la solución que estás buscando.

Speechnotes - Bloc de notas profesional de voz a texto (dictado) para Chrome.

Speechlogger - Subtitulador y traductor instantáneo gratuito en línea.

# data[].attributes.attachment_link.title
Lector de textos con voz. Online. Preciso. Gratis.

# data[].attributes.attachment_link.description
Text To Speech Reader - Lector gratuito online de textos con voz. Preciso, con voces naturales, multilingüe. En tiempo real Gratis ahora y para siempre.

# data[].attributes.attachment_link.readable_text
PictoDroid Lite is an application for Android devices that allows users to communicate through the use of pictograms or Picts (signs that represent schematically a symbol, a real object or a figure).

Kids with communication problems enjoy communication thanks to PictoDroid Lite, it offers pictographic communication for everyone. Used by many kids with Autism Spectrum Disorders (ASD).

This Lite version only allows to express very specific actions in the punctual mode, creating sentences starting with:

-let's go to...
-I want to play...
-I want to go to the bathroom...
-I want to drink...
-I want to eat....
-I am...

Upon the selection of each Pict, the system proceeds to read the pict selected.

In accumulative mode, it allows the creation of simple sentences, by the selection of subjects, verbs, objects, adverbs and adjectives. Upon the completion of the whole sentence created by picts, the system reads the complete sentence.

All Picts may be modified or deleted and you may add as many as needed. The process is explained in the application manual available in www.accegal.org. If you have questions or difficulty in setting PictoDroid Lite you can contact us by email contacto@accegal.org and we will try to help you.

The user's guide is available in http://www.accegal.org/wp-content/uploads/2011/11/manual-pictodroid-lite-english-v2.pdf

The picts in english for the punctual mode can be found in http://www.accegal.org/wp-content/uploads/2011/11/PictoDroidLite.zip and for the accumulative mode in http://www.accegal.org/wp-content/uploads/2011/11/PictoDroidLite_AC.zip. To use them just remove the folders PictoDroidLite and PictoDroidLite_AC in the internal memory of your tablet or cell phone, and substitute them for the folders in the previous zip files.

The application uses the Picts of ARASAAC (http://arasaac.org/), created by Sergio Palao and distributed with Creative Commons license (BY-NC-SA), but you can configure it to use other Picts and even real images.

To make the voice synthesizer work:
For version 2.1:
- Go to page http://code.google.com/p/eyes-free/downloads/list and download packages "tts_3.1_market.apk" and "com.svox.langpack.installer_1.0.1.apk". Install them on the device.

From version 2.2:
- Go to "Settings> Voice Input and Output", click on "Settings speech synthesis" and then "Install voice data files."

Privacy Policy: http://www.accegal.org/privacy-policy-pictodroid-lite/

# data[].attributes.attachment_link.description
PictoDroid Lite is an application for Android devices that allows users to communicate through the use of pictograms or Picts (signs that represent schematically a symbol, a real object or a figure). Kids with communication problems enjoy communication thanks to PictoDroid Lite, it offers pictographic communication for everyone.