Pasar al contenido principal

Criterios de accesibilidad

Te acercamos los criterios _"Accesibilidad Web. WCAG 2.1 de forma sencilla"_ , para fortalecer nuestra responsabilidad a la hora de crear productos digitales para las personas

Criterios de accesibilidad para diseñadores

---------------------CriterioNivelDescripciòn
Asegurar el contraste1.4.3AAContraste mínimo
1.4.11AAContraste no textual
1.4.6AAAContraste Mejorado
No usar solo el color para informar
1.4.1AUso del color
Elementos interactivos fáciles de identificar
2.4.7AAFoco visible
3.2.4AAIdentificación consistente
Navegación Clara
2.4.4APropósito de los enlaces (en contexto)
2.4.5AAMultiples vías
3.2.3AANavegación coherente
2.4.8AAAUbicación
2.4.9AAAPropósito de los enlaces (sólo el enlace)
3.3.5AAAAyuda
Formularios Claros
3.3.2AEtiquetas o instrucciones
2.4.6AAEncabezados y etiqueas
3.3.4AAPrevención de errores en páginas legales. financieras y de datos
3.3.6AAAPrevención de errores en todo tipo de páginas
Feedback Claros
3.3.1AEIdentifiación de errores
3.3.3AASugerencias ante errores
Organización del contenido clara
2.4.6AAEncabezados y etiqueas
1.4.8AAAPresentación visual
2.4.10AAAEncabezados de sección
Diseña para diferentes tamaños
1.3.4AAOrientación de la pantalla
1.4.4AACambio de tamaño del texto
1.4.10AAReajuste de elementos
1.4.12AAEspaciado del texto
2.5.5AAATamaño del área de interacción
Imagenes, videos y audios
1.1.1AContenido no textual
1.4.2AControl del audio
2.2.2APoner en pausa,detener, ocultar
Manejo sencillo
2.5.1AGestos del puntero
2.5.2ACancelación del puntero
2.5.4AActuación por movimiento
1.4.13AAEspaciado del texto
2.5.6AAAMecanismo de entrada concurrentes
Sin agobios de tiempo
2.2.1ATiempo ajustable
2.2.3AAASin tiempo
2.2.6AAALímites de tiempo
No incomodar al usuario
2.2.4AAAInterrupciones
2.2.5AAARe - autentificación
No tomes decisiones por el usuario
3.2.1AAl recibir el foco
3.2.2AAl recibir entradas
3.2.5AAACambios a petición
Molestias físicas
2.3.1AUmbral de tres destellos o menos
2.3.2AAATres destellos
2.3.3AAAAnimaciones desde interacciònes

Criterios de accesibilidad para desarrolladores

---------------------CriterioNivelDescripciòn
Código válido
4.1.1AProcesamiento y código limpio
Estructura la información de forma semántica
1.3.1AInformación y relaciones
1.3.2ASecuencia significativa
3.3.2AEtiquetas o instrucciones
1.4.13AAContenido en hover o focus
4.1.3AAMensajes de estado
Identifica los controles y su propósito
4.1.2ANombre, función y valor
2.4.4APropósito de los enlaces (en contexto)
2.5.3AEtiqueta en el nombre
1.3.5AAIdentificación del propósito del campo
1.3.6AAAIdentificación del propósito
2.4.9AAAPropósito de los enlaces (sólo enlaces)
Separa el contenido de la presentación
1.1.1AContenido no textual
1.4.5AAImágenes de texto
1.4.9AAAImágenes de texto (sin excepciones)
Uso mediante teclado
2.1.1ATeclado
2.1.2ASin trampas para el foco del teclado
2.1.4AAtajos de teclado
2.4.3AOrden del foco
2.4.7AAFoco visible
2.1.3AAATeclado (sin excepciones)
Facilitar la navegación
2.4.1AEvitar bloques
2.4.2ATitulado de páginas
2.4.8AAAUbicación
Idioma
3.1.1AIdioma de la página
3.1.2AAIdioma de las partes de la página
Ayuda a rellenar formularios
3.3.1AIdentificación de errores
3.3.2AEtiquetas o instrucciones
3.3.3AASugerencias ante errores
3.2.4AAIdentificación consistente
No incomodar al usuarios
2.2.4AAAInterrupciones
2.2.5AAARe-autentificación
2.2.1ATiempo ajustable
Sin agobios de tiempo
2.2.3AAASin tiempo
2.2.6AAALímites de tiempo
Maqueta para diferentes tamaños
1.3.4AAOrientación de la pantalla
1.4.4AACambio de tamaño del texto
1.4.10AAReajuste de elementos
1.4.12AAEspaciado del texto

Criterios de accesibilidad para creadores de contenidos

---------------------CriterioNivelDescripciòn
Imágenes,videos y audios
1.1.1AContenido no textual
1.2.1AAudio solo o video solo (grabado)
1.2.2AAudio sincronizado con subtítulos (grabado)
1.2.3AVideo con audiodescripción o medio alternativo (grabado)
1.4.2AControl del audio
1.2.4AAAudio sincronizado con subtítulos (en directo)
1.2.5AAVideo con audiodescripción (grabado)
1.2.6AAAAudio sincronizado con lengua de signos (grabado)
1.2.7AAAVideo con audiodescripción ampliada (grabado)
1.2.8AAAVideo solo o medio sincronizado con un medio alternativo (grabado)
1.2.9AAAAudio solo (en directo)
Redacción sencilla
1.3.3ACaracterísticas sensoriales
2.4.2ATitulado de página
2.4.4APropósito de los enlaces (en contexto)
3.3.2AEtiquetas o instrucciones
2.4.6AAEncabezados y etiquetas
3.2.4AAIdentificación consistente
2.4.9AAAPropósito de los enlaces (sólo enlaces)
2.4.10AAAEncabezados de sección
3.3.5AAAAyuda
Lenguaje Sencillo
3.1.3AAAPalabras inusuales
3.1.4AAAAbreviaturas
3.1.5AAANivel de lectura
Formateo Sencillo
1.3.1AInformación y relaciones)
2.4.1AEvitar bloques
1.4.4AACambio de tamaño del texto
1.4.5AAImágenes de texto
1.4.10AAReajuste de elementos
1.4.9AAAImágenes de texto (sin excepciones)
Idioma
3.1.1AIdioma de la página
3.1.2AAIdioma de las partes de la página
3.1.6AAAPronunciación
Contraste auditivo
1.4.7AAASonido de fondo bajo o ausente
Asegurar el contraste
1.4.3AAContraste mínimo
1.4.11AAContraste no textual
1.4.6AAAContraste mejorado
No usar solo el color para infromar
1.4.1AUso del color
Molestias físicas
2.3.1AUmbral de tres detellos o menos
2.3.2AAATres destellos
2.3.3AAAAnimaciones desde interacciones

Fuente: Accesibilidad Web. WCAG 2.1 de forma sencilla// Autoras: Olga Revilla Muñoz y Olga Carreras Montoto

Logo del sistema de diseño Obelisco
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative Commons Reconocimiento 2.5 Argentina License.