Are you over 18 and want to see adult content?
More Annotations
A complete backup of tonnymuiruri.com
Are you over 18 and want to see adult content?
A complete backup of spacecoastdaily.com
Are you over 18 and want to see adult content?
A complete backup of updatemybrowser.org
Are you over 18 and want to see adult content?
A complete backup of streetfoodfinder.com
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of fashion-entertainments.com
Are you over 18 and want to see adult content?
A complete backup of tomdavenport.com
Are you over 18 and want to see adult content?
A complete backup of europeanpharmaceuticalreview.com
Are you over 18 and want to see adult content?
A complete backup of womensrefuge.org.nz
Are you over 18 and want to see adult content?
A complete backup of aussieexotics.com
Are you over 18 and want to see adult content?
A complete backup of liquidagency.com
Are you over 18 and want to see adult content?
A complete backup of shakopeedakota.org
Are you over 18 and want to see adult content?
A complete backup of impartialreporter.com
Are you over 18 and want to see adult content?
A complete backup of tradewindsimports.com
Are you over 18 and want to see adult content?
Text
AUDIT TOOL WCAG 2.1
Audit Tool WCAG 2.1 es una excel que: permite ir registrando los datos obtenidos durante la revisión automática y manual de un sitio o aplicación web de acuerdo a las WCAG 2.1; genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio REQUISITOS DE ACCESIBILIDAD DE LA EN 301 549 …TRANSLATE THIS PAGE El objetivo de este artículo es clarificar qué requisitos tienen que cumplir las apps nativas para ser conformes con la norma de accesibilidad EN 301 549. WCAG 2.1 COMPRENDER EL CRITERIO "2.1.4 ATAJOS DE …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM CUSTOMER JOURNEY MAP, MAPA DE EMPATÍA Y …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM SIRIUS. NUEVO SISTEMA PARA LA EVALUACIÓN DE LA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM ACTITUDES Y APTITUDES DE UN ARQUITECTO DE INFORMACIÓNTRANSLATE THISPAGE
Supone analizar, asimilar, comprender, sintetizar, organizar y estructurar cantidades ingentes de información. Creo por tanto que son aptitudes, junto con la capacidad de concentración y autodisciplina, imprescindibles. Para un proyecto de ese tipo me gustaría contar con alguien que pueda leer un libro en dos días ysintetizarlo y
AYUDA CONTEXTUAL DE LOS FORMULARIOS MÁS ACCESIBLE …TRANSLATE THISPAGE
Ayuda contextual de los formularios más accesible con "aria-describedby" (WAI-ARIA) Hace una semanas os explicaba lo sencillo que es usar del atributo aria-live para mejorar la accesibilidad de los contenidos que se actualizan automáticamente (ver Live Regions y WAI-ARIA. Cómo mejorar la accesibilidad de contenidos que se actualizan USABLE Y ACCESIBLE. OLGA CARRERAS. BLOGTRANSLATE THIS PAGE Blog de la consultora de accesibilidad Olga Carreras. Información actualizada sobre: legislación, normativa, WCAG, EN 301 549, Real Decreto 1112/2018, herramientas, reseñas de libros. BUENAS PRÁCTICAS EN INDESIGN PARA GENERAR PDF …TRANSLATE THIS PAGE Buenas prácticas en InDesign para generar PDF accesibles. Después de 12 años convirtiendo PDF en PDF accesibles y cientos de documentos trabajados, puedo asegurar que la clave para crear un PDF reamente accesible, de la manera más sencilla y económica posible, reside en tres pasos clave: Trabajar, siempre que se pueda, una serie de buenas LIBRO "ACCESIBILIDAD WEB. WCAG 2.1 DE FORMA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COMAUDIT TOOL WCAG 2.1
Audit Tool WCAG 2.1 es una excel que: permite ir registrando los datos obtenidos durante la revisión automática y manual de un sitio o aplicación web de acuerdo a las WCAG 2.1; genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio REQUISITOS DE ACCESIBILIDAD DE LA EN 301 549 …TRANSLATE THIS PAGE El objetivo de este artículo es clarificar qué requisitos tienen que cumplir las apps nativas para ser conformes con la norma de accesibilidad EN 301 549. WCAG 2.1 COMPRENDER EL CRITERIO "2.1.4 ATAJOS DE …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM CUSTOMER JOURNEY MAP, MAPA DE EMPATÍA Y …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM SIRIUS. NUEVO SISTEMA PARA LA EVALUACIÓN DE LA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM ACTITUDES Y APTITUDES DE UN ARQUITECTO DE INFORMACIÓNTRANSLATE THISPAGE
Supone analizar, asimilar, comprender, sintetizar, organizar y estructurar cantidades ingentes de información. Creo por tanto que son aptitudes, junto con la capacidad de concentración y autodisciplina, imprescindibles. Para un proyecto de ese tipo me gustaría contar con alguien que pueda leer un libro en dos días ysintetizarlo y
AYUDA CONTEXTUAL DE LOS FORMULARIOS MÁS ACCESIBLE …TRANSLATE THISPAGE
Ayuda contextual de los formularios más accesible con "aria-describedby" (WAI-ARIA) Hace una semanas os explicaba lo sencillo que es usar del atributo aria-live para mejorar la accesibilidad de los contenidos que se actualizan automáticamente (ver Live Regions y WAI-ARIA. Cómo mejorar la accesibilidad de contenidos que se actualizan AUDIT TOOL WCAG 2.1TRANSLATE THIS PAGE Audit Tool WCAG 2.1 es una excel que: permite ir registrando los datos obtenidos durante la revisión automática y manual de un sitio o aplicación web de acuerdo a las WCAG 2.1; genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio EN 301 549: NORMA EUROPEA DE ACCESIBILIDAD PARA …TRANSLATE THIS PAGE Última actualización: 31/05/2021. Este artículo integra las novedades de la actualización de la norma EN 301 549 V3.2.1 (2021-03) (PDF, 2.2MB).. Recordemos que el Real Decreto 1112/2018 sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público dicta que los portales y apps del sector público deben cumplir con la última versión de la EN 301 549. SIRIUS. NUEVO SISTEMA PARA LA EVALUACIÓN DE LA …TRANSLATE THIS PAGE El objetivo de este artículo es doble: por un lado difundir el nuevo sistema de evaluación de la usabilidad web propuesto por Mª del Carmen Suárez Torrente en su tesis: Sirius: Sistema de Evaluación de la Usabilidad Web Orientado al Usuario y basado en la Determinación de Tareas Críticas (PDF, 3.39 MB) de febrero de 2011 compartir una excel que ayude a evaluar la usabilidad de los WCAG 2.1 COMPRENDER EL CRITERIO "2.1.4 ATAJOS DE …TRANSLATE THISPAGE
El objetivo de este artículo es explicar mediante ejemplos el nuevo criterio "2.1.4 Atajos de teclado" (A) de las WCAG 2.1. El criterio dice así: 2.1.4 Atajos de teclado (A) Si se implementa un atajo de teclado de un solo carácter (letra mayúscula o minúscula, signo de puntuación, número o símbolo) al menos se puede hacer una de las CUSTOMER JOURNEY MAP, MAPA DE EMPATÍA Y …TRANSLATE THIS PAGE Customer Journey Map, Mapa de empatía y Personas en UX Research. Son muchas las técnicas que podemos utilizar para conocer a nuestra audiencia o público objetivo, según las posibilidades y características de cada proyecto, y que nos permitirán recopilar diferentes datos, cuantitativos o cualitativos, según el caso:diferentes tipos de
SITEIMPROVE, HERRAMIENTA PARA EL ANÁLISIS …TRANSLATE THIS PAGE Resumen: En este artículo os voy a hablar del producto Siteimprove, una herramienta online para el análisis programado o manual de sitios completos o secciones concretas.. Las evaluaciones detectan problemas de accesibilidad en las páginas y PDF de acuerdo a las WCAG 2.0 (en los tres niveles: A, AA, AAA); pero también, y entre otros, los enlaces rotos, las faltas de ortografía en WCAG 2.1, RECOMENDACIÓN HASTA LAS WCAG 3.0TRANSLATE THIS PAGE WCAG 2.1, recomendación hasta las WCAG 3.0. En el artículo " WCAG 2.0 Extensions. "WCAG Cognitive Extension", "WCAG Mobile Extension", y nueva versión de las WCAG 2.0 " de noviembre de 2015, comentaba el mapa de ruta del Grupo de Trabajo de las WCAG (WCAG WG), que incluía publicar en 2018 dos extensiones de las WCAG 2.0 y los requisitos de METODOLOGÍA DE EVALUACIÓN DE CONFORMIDAD CON LATRANSLATE THIS PAGE La WCAG-EM (Website Accessibility Conformance Evaluation Methodology) WCAG-EM pretende proporcionar una metodología armonizada internacionalmente para la evaluación de todo tipo de sitios web (estáticos, dinámicos, responsive design, versiones móviles, etc.) de acuerdo con las WCAG 2.0. HTML5 Y ACCESIBILIDAD: NUEVOS TIPOS DE INPUT, …TRANSLATE THIS PAGE HTML5 y accesibilidad: nuevos tipos de input, atributos asociados y validación nativa. Una de las novedades de HTML5 son los nuevos tipos de input en los formularios y los nuevos atributos de los mismos. En (X)HTML tenemos input de tipo text, password, HTML 5 Y ACCESIBILIDAD La especificación de HTML 5 pretende ser una especificación pensada para incluir dinamismo y a la vez accesibilidad desde su concepción. Por tanto, la ventaja principal que tendrá es que los desarrolladores que la utilicen podrán generar efectos de presentación muy atractivos sin limitar la interacción por parte de usuarios de ayudas USABLE Y ACCESIBLE. OLGA CARRERAS. BLOGTRANSLATE THIS PAGE Blog de la consultora de accesibilidad Olga Carreras. Información actualizada sobre: legislación, normativa, WCAG, EN 301 549, Real Decreto 1112/2018, herramientas, reseñas de libros. LIBRO "ACCESIBILIDAD WEB. WCAG 2.1 DE FORMA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COMAUDIT TOOL WCAG 2.1
Audit Tool WCAG 2.1 es una excel que: permite ir registrando los datos obtenidos durante la revisión automática y manual de un sitio o aplicación web de acuerdo a las WCAG 2.1; genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio WCAG 2.1 COMPRENDER EL CRITERIO "2.1.4 ATAJOS DE …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM REQUISITOS DE ACCESIBILIDAD DE LA EN 301 549 …TRANSLATE THIS PAGE El objetivo de este artículo es clarificar qué requisitos tienen que cumplir las apps nativas para ser conformes con la norma de accesibilidad EN 301 549. CUSTOMER JOURNEY MAP, MAPA DE EMPATÍA Y …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM SIRIUS. NUEVO SISTEMA PARA LA EVALUACIÓN DE LA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM NOVEDADES DE ADOBE ACROBAT XI PRO RELACIONADAS …TRANSLATE THIS PAGE Los que estéis familiarizados con la conversión de PDF en PDF accesibles notaréis en seguida las mejoras en la herramienta "Retocar orden de lectura" que es una de las que más utilizamos. Las nuevas opciones son: Posibilidad de marcar encabezados de nivel 4, 5 y 6. Antes solo podíamos marcar los de nivel 1, 2 y 3, el resto de niveles WCAG 2.1, RECOMENDACIÓN HASTA LAS WCAG 3.0TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM ACTITUDES Y APTITUDES DE UN ARQUITECTO DE INFORMACIÓNTRANSLATE THISPAGE
Supone analizar, asimilar, comprender, sintetizar, organizar y estructurar cantidades ingentes de información. Creo por tanto que son aptitudes, junto con la capacidad de concentración y autodisciplina, imprescindibles. Para un proyecto de ese tipo me gustaría contar con alguien que pueda leer un libro en dos días ysintetizarlo y
USABLE Y ACCESIBLE. OLGA CARRERAS. BLOGTRANSLATE THIS PAGE Blog de la consultora de accesibilidad Olga Carreras. Información actualizada sobre: legislación, normativa, WCAG, EN 301 549, Real Decreto 1112/2018, herramientas, reseñas de libros. LIBRO "ACCESIBILIDAD WEB. WCAG 2.1 DE FORMA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COMAUDIT TOOL WCAG 2.1
Audit Tool WCAG 2.1 es una excel que: permite ir registrando los datos obtenidos durante la revisión automática y manual de un sitio o aplicación web de acuerdo a las WCAG 2.1; genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio WCAG 2.1 COMPRENDER EL CRITERIO "2.1.4 ATAJOS DE …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM REQUISITOS DE ACCESIBILIDAD DE LA EN 301 549 …TRANSLATE THIS PAGE El objetivo de este artículo es clarificar qué requisitos tienen que cumplir las apps nativas para ser conformes con la norma de accesibilidad EN 301 549. CUSTOMER JOURNEY MAP, MAPA DE EMPATÍA Y …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM SIRIUS. NUEVO SISTEMA PARA LA EVALUACIÓN DE LA …TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM NOVEDADES DE ADOBE ACROBAT XI PRO RELACIONADAS …TRANSLATE THIS PAGE Los que estéis familiarizados con la conversión de PDF en PDF accesibles notaréis en seguida las mejoras en la herramienta "Retocar orden de lectura" que es una de las que más utilizamos. Las nuevas opciones son: Posibilidad de marcar encabezados de nivel 4, 5 y 6. Antes solo podíamos marcar los de nivel 1, 2 y 3, el resto de niveles WCAG 2.1, RECOMENDACIÓN HASTA LAS WCAG 3.0TRANSLATE THIS PAGESEE MORE ON OLGACARRERAS.BLOGSPOT.COM ACTITUDES Y APTITUDES DE UN ARQUITECTO DE INFORMACIÓNTRANSLATE THISPAGE
Supone analizar, asimilar, comprender, sintetizar, organizar y estructurar cantidades ingentes de información. Creo por tanto que son aptitudes, junto con la capacidad de concentración y autodisciplina, imprescindibles. Para un proyecto de ese tipo me gustaría contar con alguien que pueda leer un libro en dos días ysintetizarlo y
AUDIT TOOL WCAG 2.1
Audit Tool WCAG 2.1 es una excel que: permite ir registrando los datos obtenidos durante la revisión automática y manual de un sitio o aplicación web de acuerdo a las WCAG 2.1; genera automáticamente gráficas, estadísticas y tablas resumen de cumplimiento e incumplimiento de la muestra completa, pero también detalladas por página, nivel (A, AA), criterio de conformidad o principio RESEÑA "GUÍA TODO EN UNO SOBRE LA ACCESIBILIDAD …TRANSLATE THISPAGE
Esta guía recoge por una parte las obligaciones vigentes sobre accesibilidad web, tanto para las empresas privadas como para los organismos públicos en España; y por otra, incluye diferentes artículos, a modo de mini guías "How-to", sobre cómo hacer más accesible un sitio web. He colaborado en su elaboración, en concreto,escribiendo el
WCAG 2.1 COMPRENDER EL CRITERIO "2.1.4 ATAJOS DE …TRANSLATE THISPAGE
El objetivo de este artículo es explicar mediante ejemplos el nuevo criterio "2.1.4 Atajos de teclado" (A) de las WCAG 2.1. El criterio dice así: 2.1.4 Atajos de teclado (A) Si se implementa un atajo de teclado de un solo carácter (letra mayúscula o minúscula, signo de puntuación, número o símbolo) al menos se puede hacer una de las CUSTOMER JOURNEY MAP, MAPA DE EMPATÍA Y …TRANSLATE THIS PAGE Customer Journey Map, Mapa de empatía y Personas en UX Research. Son muchas las técnicas que podemos utilizar para conocer a nuestra audiencia o público objetivo, según las posibilidades y características de cada proyecto, y que nos permitirán recopilar diferentes datos, cuantitativos o cualitativos, según el caso:diferentes tipos de
WCAG 2.1, RECOMENDACIÓN HASTA LAS WCAG 3.0TRANSLATE THIS PAGE WCAG 2.1, recomendación hasta las WCAG 3.0. En el artículo " WCAG 2.0 Extensions. "WCAG Cognitive Extension", "WCAG Mobile Extension", y nueva versión de las WCAG 2.0 " de noviembre de 2015, comentaba el mapa de ruta del Grupo de Trabajo de las WCAG (WCAG WG), que incluía publicar en 2018 dos extensiones de las WCAG 2.0 y los requisitos de SIRIUS. NUEVO SISTEMA PARA LA EVALUACIÓN DE LA …TRANSLATE THIS PAGE El objetivo de este artículo es doble: por un lado difundir el nuevo sistema de evaluación de la usabilidad web propuesto por Mª del Carmen Suárez Torrente en su tesis: Sirius: Sistema de Evaluación de la Usabilidad Web Orientado al Usuario y basado en la Determinación de Tareas Críticas (PDF, 3.39 MB) de febrero de 2011 compartir una excel que ayude a evaluar la usabilidad de los SITEIMPROVE, HERRAMIENTA PARA EL ANÁLISIS …TRANSLATE THIS PAGE Resumen: En este artículo os voy a hablar del producto Siteimprove, una herramienta online para el análisis programado o manual de sitios completos o secciones concretas.. Las evaluaciones detectan problemas de accesibilidad en las páginas y PDF de acuerdo a las WCAG 2.0 (en los tres niveles: A, AA, AAA); pero también, y entre otros, los enlaces rotos, las faltas de ortografía en ACTITUDES Y APTITUDES DE UN ARQUITECTO DE INFORMACIÓNTRANSLATE THISPAGE
Supone analizar, asimilar, comprender, sintetizar, organizar y estructurar cantidades ingentes de información. Creo por tanto que son aptitudes, junto con la capacidad de concentración y autodisciplina, imprescindibles. Para un proyecto de ese tipo me gustaría contar con alguien que pueda leer un libro en dos días ysintetizarlo y
2007 - OLGACARRERAS.BLOGSPOT.COMTRANSLATE THIS PAGE A partir del 31 de diciembre de 2008 deberán satisfacer como mínimo el nivel medio "de los criterios de accesibilidad al contenido generalmente reconocidos" (entendemos que el cumplimiento de las prioridades 1 y 2 de la Norma UNE 139803:2004, como se establece en el Reglamento para el acceso de las personas con discapacidad a la Sociedad de la Información, aprobado el 21 de noviembre) no METODOLOGÍA DE EVALUACIÓN DE CONFORMIDAD CON LATRANSLATE THIS PAGE La WCAG-EM (Website Accessibility Conformance Evaluation Methodology) WCAG-EM pretende proporcionar una metodología armonizada internacionalmente para la evaluación de todo tipo de sitios web (estáticos, dinámicos, responsive design, versiones móviles, etc.) de acuerdo con las WCAG 2.0. Ir al contenido | Versión móvil* blog
* sobre mí
* servicios
* recursos
HISTÓRICO DE ARTÍCULOS* Por temas
* Por fecha
* RSS
* Glosario
domingo, 1 de septiembre de 2019 GUÍA BÁSICA DE ACCESIBILIDAD PARA EDITORES DE CONTENIDO Este artículo es una guía con 10 SENCILLAS PRÁCTICAS que pueden aplicar los PUBLICADORES DE CONTENIDO para hacer sus contenidos MÁS ACCESIBLES PARA TODAS LAS PERSONAS. Estas buenas prácticas son además independientes del gestor de contenidos que usen. No son todas las recomendaciones que se pueden dar, pero sí son las más importantes y en las que más errores se cometen. Además, aplicarlas asegura un alto porcentaje de cumplimiento de la norma de accesibilidad EN 301 549 dentro del contenido de las páginas.ÍNDICE:
* Estructura el contenido mediante TÍTULOS reales, concisos yúnicos
* Pon descripción a las IMÁGENES * Redacta ENLACES con un texto de enlace comprensible * Usa las LISTAS de elementos * Incluye una TABLA solo si es imprescindible * REDACTA de manera sencilla * Usa las herramientas del editor, NO SIMULES ELEMENTOS * Borra el formato al PEGAR DESDE WORD * RESALTA el contenido de manera adecuada * No incluyas SALTOS DE PÁRRAFO ni falsos retorno de carro * ... aplica estas mismas reglas en tus DOCUMENTOS de ofimática 1. ESTRUCTURA EL CONTENIDO MEDIANTE TÍTULOS REALES, CONCISOS YÚNICOS
Un contenido organizado en secciones precedidas de un título es mucho más fácil de comprender y de ojear por todos los usuarios. El requisito más importante de esta pauta es crear TÍTULOS REALES, es decir, usar la opción que el editor tiene para marcar los títulos. La inmensa mayoría de los gestores de contenido y de los procesadores de texto tienen una opción para marcar un texto como untítulo.
Lo habitual es que esta opción esté en un desplegable: Pero también hay gestores en los que cada sección tiene su propio formulario y el título de la sección se incluye en un campo detexto.
Título de sección en Vignette NUNCA SIMULES UN TÍTULO. Un título simulado es, por ejemplo, modificar el estilo de un texto (tamaño, color, negrita, etc. según permita el editor) para simular que es un título. O, por ejemplo, usar una tabla de una fila, con un color de fondo y un texto en su interior, para que parezca un título. Otras buenas prácticas a la hora de redactar los títulos son: * Deben ser CONCISOS. * Deben ser ÚNICOS en la página: no incluyas en la misma página dos títulos con el mismo texto. * Deben ser DESCRIPTIVOS para saber qué información encontrarásen su sección.
* Deben seguir una JERARQUÍA LÓGICA. Piensa que el título de la página es el título de nivel 1, así que cada una de las grandes secciones en las que dividas tu contenido deberá tener un título de nivel 2; y dentro de estas, si tienen subsecciones, estarán precedidas de un título de nivel 3. Exactamente igual que si estuvieras redactando un documento de Word. Contenido con títulos correctamente jerarquizados. 2. PON DESCRIPCIÓN A LAS IMÁGENES La descripción de una imagen será, por ejemplo, la que se muestre si la imagen no se carga, o será la que lea el lector de pantalla a la persona con baja visión, ciega o sordociega que no puede verla. El requisito más importante de esta pauta es incluir una descripción que TRANSMITA LA MISMA INFORMACIÓN O FUNCIÓN que la imagen transmite a las personas que pueden verla. La inmensa mayoría de los gestores de contenido y de los procesadores de texto permiten poner una descripción a las imágenes. Lo habitual es que esta opción esté en las propiedades de la imagen y que se llame “Texto alternativo” o “Descripción de la imagen”. Puede ser que se pida desde un primer momento, o que debas ir a las propiedades de la imagen para incluirla: Propiedades de una imagen en CKEditor Otras buenas prácticas a la hora de redactar la descripción de lasimágenes son:
* La descripción debe ser CONCISA. * Si la descripción necesita MÁS DE 150 CARACTERES (por ejemplo, la descripción de una gráfica), en la descripción solo debes identificar qué imagen es y avisar de que incluyes la descripción detallada a continuación, en el contenido. Puede haber editores en los que se haya creado un campo específico de descripción extensa de la imagen para simplificar la labor del publicador. Campo personalizado creado en Liferay para la descripción extensa delas imágenes
* EVITA LAS IMÁGENES DE TEXTO. Si incluyes una imagen con texto, a menos que la imagen sea vectorial, el texto se verá borroso al hacer zoom y los usuarios que lo necesiten no podrán personalizar esetexto.
Si necesitas usar una imagen de texto (por ejemplo, la imagen de un esquema) asegúrate de que tiene la máxima calidad y de que la información que transmite también está presente en el contenido, enformato texto.
* Si la IMAGEN ES PURAMENTE DECORATIVA se puede dejar la descripción vacía, de este modo, el lector de pantalla ignorará la imagen. Pero pregúntate primero si de verdad la imagen no transmite ninguna información. 3. REDACTA ENLACES CON UN TEXTO DE ENLACE COMPRENSIBLE Imagina que tienes los ojos cerrados y que un compañero te va leyendo el texto de los enlaces de la página: “pulsa aquí”, “enlace”, “más información”, “más información”, “descarga el documento”. Hay personas que recorren los enlaces o acceden a los mismos de una manera muy similar. No solo personas,también Google.
Sabrías a dónde te lleva el enlace “pulsa aquí”? ¿Sabrías qué diferencia hay entre pulsar el primer o el segundo “más información”? ¿Sabrías qué documento se va a descargar, qué formato o tamaño tiene? Cuando redactes el texto de un enlace, lo más importante es que te esfuerces en que tenga TODA LA INFORMACIÓN que el usuario necesita para saber QUÉ PASARÁ CUANDO LO PULSE. Otras buenas prácticas a la hora de redactar los enlaces son: * Si el enlace va a descarga un fichero, indica siempre el FORMATO YTAMAÑO.
* Los enlaces pueden tener un título. Normalmente se indica en las propiedades del enlace: Propiedades de un enlace en CKEditor * NO incluyas un título igual al texto del enlace. * Si el enlace se abre en VENTANA NUEVA, puedes usar el título para indicarlo (a no ser que se haya ideado otra forma de indicarlo, estandarizada para todo el portal). 4. USA LAS LISTAS DE ELEMENTOS Los gestores de contenido y procesadores de texto tienen botones para marcar el texto como listas numeradas o listas con viñetas. Las listas de elementos permiten comprender y escanear mejor la información que si redactas el mismo texto en línea, separado porcomas.
El requisito más importante de esta pauta es que NO SIMULES NUNCA LAS LISTAS DE ELEMENTOS. Es muy habitual encontrar listas que en realidad son párrafos con un guion, un asterisco, una letra o número inicial para simular la lista. Esto NO es una lista (está simulada con un *):* elemento 1
* elemento 2
Esto SÍ es una lista (está creada con la herramienta lista deleditor):
* Elemento 1
* Elemento 2
Crear listas reales permite que los productos de apoyo, como un lector de pantalla o una línea braille, anuncien a sus usuarios las listas, cuántos elementos tienen y que los usuarios puedan saltarlas con un atajo del propio producto de apoyo. 5. INCLUYE UNA TABLA SOLO SI ES IMPRESCINDIBLE Las tablas son un formato más difícil de comprender y de recorrer linealmente que otros, por ejemplo que una lista (a no ser que la lista tenga varios niveles de anidación). Las tablas deben usarse SOLO SI ES EL FORMATO ADECUADO para mostrar los datos, porque estos son realmente datos tabulares. NUNCA USES LAS TABLAS PARA maquetar el texto, posicionar texto en pantalla o resaltar un contenido. Las buenas pautas que debes seguir al crear una tabla son: * Haz la tabla LO MÁS SENCILLA POSIBLE. Si es compleja, siempre puedes dividirla en dos más sencillas. * NO UNAS O COMBINES CELDAS. * Intenta que todas las celdas tengan un dato, aunque sea 0 o estérepetido.
* Indica en las propiedades de la tabla si esta tiene una FILA Y/O UNA COLUMNA DE ENCABEZADO. Propiedades de una tabla en CKEditor * Intenta que la tabla NO tenga varios niveles de encabezado. * Las tablas tienen que tener UNA BREVE DESCRIPCIÓN que identifique la tabla y ayude a comprender lo más relevante de su estructura. La descripción ayuda a que las personas que no pueden verla tengan esa primera información que obtienen en un primer vistazo las personas que sí pueden verla, por ejemplo, que en la última columna están los enlaces de descarga o que en la última fila están los totales. * Los gestores de contenido y los procesadores de texto suelen permitir asociar un TÍTULO a la tabla, que se muestra antes o después de la misma, como un pie. Es recomendable incluirlo, pero ten en cuenta que el título de la tabla no tiene la misma función que la descripción, y que el texto de ambos no debería ser redundante sinocomplementario.
Ejemplo de tabla con descripción visible y útil para todos los usuarios y título en el pie: Tabla creada con Liferay: con título en el pie identificado la tabla (la tabla)
Descripción: Listado de recursos humanos de Empresa XYZ. En cada fila se indica el número de personas por tipo de personal en Huesca, Zaragoza y Teruel. En la última columna y en la última fila se muestran los totales. Título: Recursos humanos de Empresa XYZ. Datos de 2018 6. REDACTA DE MANERA SENCILLA En el año 2013 la OCDE (Organización para la Cooperación y el Desarrollo Económicos) publicó los resultados del estudio sobre las competencias básicas de la población adulta. El informe señalaba que, en España, un adulto medio puede realizar con soltura tareas lectoras de nivel 2. Un nivel 2 de comprensión lectora implica que: * cuesta extraer conclusiones de una lectura, * se tienen problemas para entender textos densos, * cuesta interpretar estadísticas sencillas, * se pierden en un texto de cierta profundidad y riqueza, * cuesta manejarse en la lectura de textos digitales. Redacta por tanto de una manera clara, concisa, directa y sencilla para que la mayoría de las personas pueda comprender fácilmente elmensaje:
* Redacta con frases cortas y sencillas, con UNA IDEA POR FRASE. * Redacta con párrafos cortos, con UN TEMA POR PÁRRAFO. * Respeta el ORDEN DE LA FRASE: sujeto + verbo + complementos. * Es preferible usar la voz activa, el indicativo y oracionesafirmativas.
* USA LAS LISTAS para romper la monotonía del texto y ayudar aojear el contenido.
* Utiliza un LÉXICO SENCILLO. * Revisa la ORTOGRAFÍA. * Incluye la forma extendida de los ACRÓNIMOS la primera vez que los uses, por ejemplo, BOE (Boletín Oficial del Estado) * NO USES ABREVIATURAS a menos que sean de uso común, como c/ oetc.
* Comienza con lo más relevante, y si es posible y pertinente, incluye un resumen al comienzo y unas conclusiones al final. * El programa gratuito Inflesz orienta sobre la dificultad de lectura que tiene un texto. Artículos relacionados: * Lectura Fácil. Pautas y recomendaciones. UNE 153101:2018 EX * Reseña: "Cómo escribir para la Web" de Guillermo Franco * Medición de la readability o comprensión de los textos en español. Estado actual y retos. 7. USA LAS HERRAMIENTAS DEL EDITOR Los gestores de contenido y procesadores de texto pueden tener muchas y variadas herramientas: marcar una cita, crear una nota al pie, incluir un índice de contenidos, marcar un texto como párrafo destacado, marcar un texto en otro idioma, incluir un pie de foto,etc.
La regla básica es la misma que he indicado al hablar de los títulos y las listas: usa las herramientas que te da el gestor de contenidos o el procesador de texto, y NO SIMULES ELEMENTOS PARA LOS CUALES TIENESUNA HERRAMIENTA.
Si creas los contenidos con la herramienta adecuada, en vez de simularlos, los productos de apoyo van a poder reconocerlos y anunciarlos. Además, ayudas a mantener la consistencia del diseño y facilitas los futuros cambios de diseño y migraciones de contenido. 8. BORRA EL FORMATO AL PEGAR DESDE WORD Las consecuencias negativas de pegar contenido directamente desde Word al editor de texto del gestor de contenidos varía de unos a otros. Pero, incluso en aquellos que por defecto limpian el código pegado, o tienen una opción específica “Pegar desde Word”, ocurre que a menudo el contenido se pega con alguna etiqueta no semántica, y por tanto no permitida (, , ). Intenta NO PEGAR EL CONTENIDO DIRECTAMENTE DESDE WORD, y si lo haces, pégalo como TEXTO PLANO o BÓRRALE EL FORMATO (si existen estas opciones en el gestor): Si no tiene estas opciones, pegar el texto desde Word al bloc de notas y de este al gestor, tiene el mismo efecto. 9. RESALTA EL CONTENIDO DE MANERA ADECUADA Cuando se intentan resaltar muchos elementos en una página, se acaba por no resaltar nada, porque hay demasiados elementos intentando captar nuestra atención. RESALTA SOLO LO REALMENTE IMPORTANTE, y sigue estas pautas: * Usa la NEGRITA para resaltar palabras clave. No uses la negrita para resaltar párrafos enteros. * No escribas en MAYÚSCULAS para resaltar un texto. Las mayúsculas son más difíciles de leer. * Evita escribir en ITÁLICA, y no la uses nunca para resaltar un texto. El texto en itálica es más difícil de entender. * No uses una TABLA para resaltar un párrafo, aprovechando que a la tabla se le puede dar un borde o color. * Si el editor permite aplicar un estilo destacado a un párrafo, úsalo, pero con moderación. * Si el editor tiene la herramienta “Cita”, úsala solo para marcar citas, no para resaltar un párrafo. 10. NO INCLUYAS SALTOS DE PÁRRAFO NI FALSOS RETORNO DE CARRO Cada retorno de carro extra crea un párrafo vacío. Si pulsas la tecla “Enter” mientras tienes pulsada la tecla “Mayúsculas”, lo habitual es que se cree un falso retorno de carro (etiqueta). Los retornos de carro extra y los falsos retornos de carro rompen la consistencia del diseño y, lo que es peor, son anunciados a los usuarios de productos de apoyo (como lectores de pantalla o línea braille). Esto es especialmente grave si, como ocurre a menudo, estos párrafos vacíos se quedan con un estilo de título. Si crees que el portal necesita algún cambio en el espaciado de los elementos, debes solicitar que se haga de forma generar en las CSS del
portal.
APLICA ESTAS MISMAS REGLAS EN TUS DOCUMENTOS DE OFIMÁTICA Seguir estas mismas buenas prácticas en tus documentos de ofimática (por ejemplo, Word) te va ayudar a crear documentos accesibles.Recuerda que:
* En las últimas versiones de Office hay un validador de accesibilidad en "Archivo" > "Información" > "Comprobar si hayproblemas".
* Cuando exportes el documento a PDF marca siempre en las opciones deexportación:
* PDF etiquetado (o Etiquetas de la estructura del documento paraaccesibilidad)
* Crear marcadores
* Todos los documentos que se adjuntan a las páginas deberían seraccesibles.
Artículos relacionados: * Documentos electrónicos accesibles: word, excel, powerpoint, openoffice, pdf y más* PDF accesibles
* PDF accesibles (2): metodología AUTOR: Olga Carreras Montoto ETIQUETAS: accesibilidad general,
accesibilidad gestores contenido,
accesibilidad PDF
,
accesibilidad word
COMPÁRTELO EN:
AddThis Share
Blogger Digg Bit.ly
HISTÓRICO DE ARTÍCULOS: Por temas| Por fecha
| RSS | Glosario
COMENTARIOS: 0 comentarios en el artículo " Guía básica de accesibilidad para editores decontenido "
Subir al comienzo de la página OLGA CARRERAS MONTOTO CONSULTORA FREELANCE Accesibilidad web. Auditoría y formación. Conversión de PDF a PDF accesible. carreras.olga@gmail.com*
*
*
*
*
*
SUSCRIPCIÓN POR EMAIL:DESCARGA GRATUITA
Herramienta para generar gráficas, estadísticas y tablas resumen para informes de accesibilidad web respecto a las WCAG 2.1. También disponible para WCAG 2.0Zona de descargas
LIBROS PUBLICADOS:
"Accesibilidad Web. WCAG 2.1 de forma sencilla", 2018, Olga
Revilla, Olga Carreras El libro explica de forma sencilla todos los criterios de las WCAG 2.1. Incluye capítulos monográficos: ARIA; Documentos electrónicos; WCAG-EM; Recursos y herramientas. ------------------------- "Pioneros y Hacedores. Fundamentos y Casos de Diseño de Interacción con estándares de Accesibilidad y Usabilidad", 2013
Coautora junto a Steve Krug, Jakob Nielsen, Don Norman, Jared Spool, Emmanuelle Gutiérrez y Restrepo, Yusef Hassan Montero, Sergio Ortega, Verónica Traynor y otros. Descarga mi capítulo ampliado "Accesibilidad y SEO" (PDF, 248).
PROFESORA EN:
"Aprende Accesibilidad Web Paso a Paso" CÁTEDRA TELEFÓNICA - UNIVERSIDAD DE ALICANTE Curso online y gratuito. Más de 6 horas de vídeo. -------------------------Máster en UX
POSTGRADO UNIVERSITAT POMPEU FABRA. BARCELONA LO MÁS LEÍDO SOBRE ACCESIBILIDAD * Real Decreto 1112/2018 sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público * Directiva 2019/882 sobre los requisitos de accesibilidad de los productos y servicios. European Accessibility Act. * Legislación española y europea relacionada con la accesibilidadweb
* EN 301 549: norma europea de Accesibilidad para productos y servicios TIC (versión 2018 equivalente WCAG 2.1)* WCAG 2.1
* Requisitos de accesibilidad de la EN 301 549 aplicables a laspáginas web
* Requisitos de accesibilidad de la EN 301 549 aplicables a las appsmóviles nativas
* Apps nativas de Android accesibles * PDF accesible correctamente etiquetado desde inDesign * CheatSheet Etiquetas Estándar en PDF accesibles* PDF accesibles
* WAI-ARIA. Introducción, referencias, ejemplos, herramientas * Novedades WAI-ARIA 1.1 * Live Regions y WAI ARIA. Cómo mejorar la accesibilidad de contenidos que se actualizan automáticamente * Landmark Roles (WAI-ARIA). Navegación más accesible y semánticaen 2 minutos.
* Responsive Design y accesibilidad. Buenas y malas prácticas.Errores comunes.
* HTML5 y accesibilidad: nuevos tipos de input, atributos asociados y validación nativa * WCAG 2.1. Criterio 1.4.12 (AA) Herramienta gratuita para evaluarlo * Metodologías, certificaciones y entidades certificadoras de la accesibilidad web en España * Pautas de usabilidad y accesibilidad móvil. "Accesible Mobile Interfaces" y "Mobile Navigation" de Funka * Section 508 y WCAG 2.0 * Herramienta de ayuda para realizar una consultoría de accesibilidad de acuerdo a las WCAG 2.1 * aXe Rules, Google ADT Rules y el Mobile Web Accessibility Checker LO MÁS LEÍDO SOBRE USABILIDAD * Customer Journey Map, Mapa de empatía y Personas en UX Research * Priorizar las actividades críticas y frecuentes. "Red routes" aplicadas a UX. Ejemplos, plantilla, árbol de decisión * Estándares formales de usabilidad y su aplicación práctica en una evaluación heurística * Web Usability Guidelines–Directrices de usabilidad web * Sirius. Herramienta para evaluaciones heurísticas * Arquitectura de información. Fundamentos* Wireframes
* Usabilidad e internacionalización * Vídeo "Prototipado" para el curso iDESWEB de la Univ. de Alicante * Formularios usables: 60 Directrices de Usabilidad * Aceptar/Cancelar o Cancelar/Aceptar * Reseña: "Cómo escribir para la Web" de Guillermo Franco * Reseña: "Psicología del color" de Eva Heller * Todas las reseñas de librosETIQUETAS
* accesibilidad certificación( 8 )
* accesibilidad discapacidad cognitiva( 3 )
* accesibilidad documentos electrónicos( 13 )
* accesibilidad ePub( 1 )
* accesibilidad excel( 1 )
* accesibilidad Flash( 2 )
* accesibilidad general( 63 )
* accesibilidad gestores contenido( 1 )
* accesibilidad HTML5( 8 )
* accesibilidad inDesign( 1 )
* accesibilidad javascript( 10 )
* accesibilidad legislación( 33 )
* accesibilidad metodología( 14 )
* accesibilidad móvil( 10 )
* accesibilidad multimedia( 9 )
* accesibilidad openoffice( 1 )
* accesibilidad PDF
(
14 )
* accesibilidad powerpoint( 1 )
* accesibilidad software( 7 )
* accesibilidad sordos( 4 )
* accesibilidad word( 2 )
* arquitectura de información( 2 )
* CSS ( 2 )
* cursos ( 5
)
* documentación
(
34 )
* EN 301 549
( 7 )
* general blog
( 24 )
* HTML 5 (
7 )
* imagenes
( 2 )
* lectura fácil
( 1 )
* navegadores
( 11 )
* noticias
( 35 )
* RD 1112/2018
( 7
)
* recursos
( 52 )
* redes sociales
( 3
)
* reseñas
( 35 )
* Section 508
( 1 )
* SEO ( 5 )
* usabilidad estándares( 3 )
* usabilidad formularios( 2 )
* usabilidad general( 31 )
* usabilidad internacionalización( 1 )
* usabilidad metodología( 14 )
* usabilidad móvil
( 7 )
* usabilidad software( 6 )
* usabilidad textos
(
4 )
* WAI-ARIA
( 16 )
* WCAG 1.0
( 5 )
* WCAG 2.0
( 41 )
* WCAG 2.1
( 12 )
* XHTML ( 4 )
ÍNDICE DE CONTENIDOS* blog
* Última entrada
* RSS
* Histórico por tema * Histórico por fecha* Versión móvil
* sobre mí
* Contacto
* Curriculum
* Mi perfil en LinkedIn* servicios
* Accesibilidad web
* Cursos de accesibilidad* PDF accesibles
* recursos
* Descargas
* Glosario UX&AX
* Glosario SEO
* Libros
* Mis validadores
* Enlaces de interés* redes sociales
* Youtube
* Slideshare
Contacto | Mapa web
| Accesibilidad
| Términos y
condiciones
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0