Este documento habla sobre la creación de sitios web accesibles. Explica que la accesibilidad web significa que las personas con discapacidad pueden percibir, entender, navegar e interactuar con la web. También describe varios tipos de discapacidades y problemas que enfrentan los usuarios, e indica que mejorar la accesibilidad beneficia a todos los usuarios. Además, cubre varios principios y estándares de accesibilidad como las WCAG, y ofrece consejos sobre cómo mejorar aspectos como imágenes, formularios, colores
Curso Especializado en Metodologías de Usabilidad y Accesibilidad, organizado por Ainda.info en colaboración con el Instituto Canario de Telecomunicaciones (IT7) y el Gobierno de Canarias. Módulo de Accesibilidad Web. Mayo de 2006
Curso Especializado en Metodologías de Usabilidad y Accesibilidad, organizado por Ainda.info en colaboración con el Instituto Canario de Telecomunicaciones (IT7) y el Gobierno de Canarias. Módulo de Accesibilidad Web. Mayo de 2006
Esta diapositiva se realciona a la fermentacio de la uva, esta presentacion es de autoria de las chicas del terver año de bachillerato del beatriz cueva de ayora
Esta diapositiva se relaciona a la fermentación de la uva.... ésta presentación es de autoría de las chicas del tercer año de bachillerato del colegio beatriz cueva de ayora
Creando aplicaciones modernas con Joomla! y Vue.js - Roberto Segurajoomlaes
Explicaremos cómo se puede usar Joomla como backend para crear aplicaciones modernas cuyo frontend es una aplicación realizada con Vue.js. La evolución natural de los CMS como servidores de contenido y posiblemente lo que usarás para migrar tu sitio web joomla.
Tras 18 años de andadura profesional en el mundo web, 14 de ellos usando Joomla! casi en exclusiva, quiero demostrar que resulta una herramienta eficaz para todo tipo de proyectos, independientemente de su tamaño o complejidad.
Os explicaré cómo afrontar cualquier reto empresarial con una herramienta tan potente como Joomla! Veremos diferentes ejemplos y casos de éxito que van desde el proyecto corporativo más pequeño, pasando por otro de corte institucional y riguroso como es un ayuntamiento, hasta llegar a una macro empresa a nivel mundial de 700 millones de facturación anual. Todos ellos construidos eficazmente con Joomla!
Queremos enseñaros cuál es el proceso de trabajo de todas nuestras webs, enumerando en cada caso de éxito las herramientas utilizadas para cada propósito: nativas, gratuitas, de pago o ad hoc.
More Related Content
Similar to Accesibilidad web - Creando webs para todos - Pablo Aria
Esta diapositiva se realciona a la fermentacio de la uva, esta presentacion es de autoria de las chicas del terver año de bachillerato del beatriz cueva de ayora
Esta diapositiva se relaciona a la fermentación de la uva.... ésta presentación es de autoría de las chicas del tercer año de bachillerato del colegio beatriz cueva de ayora
Creando aplicaciones modernas con Joomla! y Vue.js - Roberto Segurajoomlaes
Explicaremos cómo se puede usar Joomla como backend para crear aplicaciones modernas cuyo frontend es una aplicación realizada con Vue.js. La evolución natural de los CMS como servidores de contenido y posiblemente lo que usarás para migrar tu sitio web joomla.
Tras 18 años de andadura profesional en el mundo web, 14 de ellos usando Joomla! casi en exclusiva, quiero demostrar que resulta una herramienta eficaz para todo tipo de proyectos, independientemente de su tamaño o complejidad.
Os explicaré cómo afrontar cualquier reto empresarial con una herramienta tan potente como Joomla! Veremos diferentes ejemplos y casos de éxito que van desde el proyecto corporativo más pequeño, pasando por otro de corte institucional y riguroso como es un ayuntamiento, hasta llegar a una macro empresa a nivel mundial de 700 millones de facturación anual. Todos ellos construidos eficazmente con Joomla!
Queremos enseñaros cuál es el proceso de trabajo de todas nuestras webs, enumerando en cada caso de éxito las herramientas utilizadas para cada propósito: nativas, gratuitas, de pago o ad hoc.
En seguridad, todo cuenta - Jose Antonio Luquejoomlaes
Daremos un enfoque general en seguridad para ver que todo cuenta a la hora de proteger nuestra web Joomla. Como siempre mostraré casos reales para que la ponencia sea eminentemente práctica y lo más amena posible.
Convierte tu Joomla! a estático, haciéndola inhackeable y ultrarrápida - Javi...joomlaes
Hoy en día las webs sufren constantemente ataques y esto nos obliga a estar siempre pendientes de nuevas actualizaciones o a revisar constantemente por si nuestra web ha podido ser hackeada. Esto consume tiempo y recursos, y muchas veces actualizamos la versión de nuestro Joomla! muchas más veces que el propio contenido de la web.
¿Qué pasaría si tu web fuera inhackeable? Ahorrarías mucho tiempo y ganarías en tranquilidad, ¿no?
En esta charla veremos las ventajas y desventajas de las webs estáticas y en qué casos nos puede interesar.
Luego veremos diversas formas de conseguir este objetivo y a qué funcionalidades tenemos que renunciar y a cuáles no.
Buscadores, formularios, comentarios, eCommerce ¿podrían seguir funcionando? Veremos cómo mantener tu Joomla en tu entorno de desarrollo (local u online) y cómo desplegar una versión estática a tu alojamiento, pero ahora ya sólo cuando cambies el contenido.
Búsquedas Instantáneas con Algolia en Joomla (WPO) - Anibal Sánchezjoomlaes
Algolia ayuda a las empresas de todos los sectores a crear rápidamente experiencias de búsqueda y descubrimiento relevantes, escalables y rápidas como el rayo. Algolia es la manera más inteligente de mejorar la búsqueda en su sitio. Se incluye Autocompletar y Búsqueda instantánea, junto con un control total sobre el aspecto, la sensación y la relevancia.
En esta ponencia, vamos a presentar varias experiencias, y proyectos donde Algolia fue integrado exitosamente; asi como tambien la técnicas necesarias para su implementación.
Joomla: "Jaque Mate" - Andrea Gentil y Carlos Cámarajoomlaes
El próximo movimiento de Joomla viene dispuesto a revolucionar nuevamente el mundo de la gestión de contenidos con un sistema nativo capaz de cubrir todas las necesidades de la publicación de contenidos.
En esta sesión descubriremos las nuevas funcionalidades de Joomla 4 que harán que ames aun más a este CMS.
JoomlaES, el portal comunitario sobre Joomla! en español - JuanKa Díaz e Isid...joomlaes
Con este Joomla!Day son 10 los eventos que desde JoomlaES hemos organizado. JoomlaES es un portal sin ánimo de lucro que nace de la necesidad de tener organizado, ordenado y relativamente estandarizado todo lo que envuelve a estos eventos así como a la comunidad Joomla! española e hispanohablante en general.
En esta ponencia veremos de la mano de JuanKa Díaz e Isidro Baquero, creadores y actuales administradores del portal, qué decisiones técnicas se han llevado a cabo, las tripas en sí de este proyecto, así como posibles ideas y mejoras a futuro.
Veremos cómo usando Joomla! podemos ayudar a continuar difundiendo Joomla! de una manera centralizada y ordenada.
Dile hola al primer puesto de Google. Prepárate para la mejor charla de SEO con Joomla que puedas pensar, descubriendo los trucos más ocultos y sorprendentes que te dejará boquiabierto. Tocaremos todos los puntos para armar tu estrategia de posicionamiento web para que en 2019 nadie te quite del primer puesto.
Los puntos que de deben tener en cuanta principalmente cuando realizamos una auditoria a una web con el fin de mejorar el Posicionamiento web. Puntos como la indexación, los códigos respuesta, la velocidad, la arquitectura, las Keywords por las que posiciona y muchos más factores que analizar para duplicar las visitas de nuestros sitios.
En Joomla! tenemos muchos componentes que funcionan de una forma maravillosa y que nos ayudan a realizar webs y cumplir objetivos fácilmente. Además muchos de ellos tienen un acabado y una funcionalidad capaces de plantar cara a productos que derrochan millones en conseguir cosas parecidas sin conseguirlo.
En esta sesión hablaré de esas herramientas únicas de Joomla! que nos hacen no envidiar a ninguna otra plataforma.
En esta ponencia vamos a ver la importancia que tiene el software libre, sus ventajas y también sus inconvenientes.
Veremos lo que se entiende por web abierta y neutralidad de la red, por qué están en peligro y quién está defendiéndolas.
Comentaré algunas ideas y nuestro papel para mantener y mejorar la situación actual.
Me gustaría hacer reflexionar así como abrir un diálogo entorno a este tema.
Nos centraremos en explicar algunas medidas de seguridad que Joomla incorpora por defecto y que hacen nuestra web más segura sin necesidad de extensiones de terceros. Además, mostraremos ejemplos de ataques para que sepáis cómo protegeros y explicaremos medidas complementarias para alcanzar un nivel de seguridad adecuado en vuestra web.
Ingresos pasivos y olvídate de los clientes joomlaes
¿Estás cansado de lidiar con clientes? ¿Quieres tener ingresos pasivos? ¿Estás preparado para monetizar tu web? Hay un mundo más allá de los clientes que te contratan para un proyecto. Deja de centrarte en el 10% de las formas de ganar dinero creando y desarrollando webs y descubre el 90% de las formas de monetizar tu talento.
Si eres un profesional o emprendedor que no consigues aplicar los pasos necesarios para poder ganar dinero con tus proyectos online, esta es tu charla.
Para poder llegar a monetizar y generar ingresos pasivos hay que hacer muchas pruebas y tener cierta experiencia en las técnicas aplicadas, aquí te voy a contar mi experiencia en este campo para que empieces o mejores tus técnicas de monetización.
Apertura del JoomlaDay Madrid 2018 en la que daremos la bienvenida a los asistentes y haremos una breve introducción al gestor de contenidos de código abierto Joomla.
Durante esta introducción veremos aspectos clave de este CMS para implantarlo dentro de entidades y sociedades como solución web: ventajas, buenas prácticas y ejemplos de uso.
Tanto en páginas web simples como en sitios más complejos, la adaptación de Joomla a las necesidades finales del proyecto te dan una garantía de éxito debido a su funcionalidad, estabilidad, seguridad y escalabilidad.
Notas sobre tests de aceptación en Joomla!joomlaes
Los tests de aceptación sirven para comprobar que una aplicación funciona como el usuario espera. En esta ponencia se darán algunas ideas de cómo definir una estrategia de test, y se presentarán algunas herramientas para automatizarlos como Selenium IDE, Codeception, Cypress o Puppeteer.
En esta sesión haremos un breve repaso sobre qué son los campos personalizados, qué posibilidades tienen, qué tipos tenemos (tanto nativos como de terceros) y las ventajas que presentan a la hora de crear vistas personalizadas.
Debemos recordar que podemos utilizar los campos personalizados en los artículos, en los formularios de contacto y en los usuarios de Joomla dentro de una instalación por defecto.
De la misma manera analizaremos los contra que tienen a la hora de mostrarse en la parte de Front (la que ven los usuarios) y lo compararemos con la extensión EasyLayouts a través de un ejemplo práctico para comprobar cómo mejorar esta "deficiencia".
Si necesitas controlar al máximo la presentación del contenido en tu página web los campos personalizados serán tus mejores amigos. Veremos cómo crear layouts (fichas) de forma fácil y asignarlas a diferentes categorías de manera que cada una presente una diferente.
Crear plantillas personalizadas para joomla joomla day madrid 2017 - 03-05-...joomlaes
Vamos a conocer cómo funciona el sistema de plantillas de Joomla así como ver las posibilidades para crear una plantilla personalizada. Ya sea desde cero o utilizando frameworks de los principales proveedores de plantillas (Helix, Gantry y T3) para construir el aspecto web deseado.
Si bien los hospitales conjuntan a profesionales de salud que atienden a la población, existe un equipo de organización, coordinación y administración que permite que los cuidados clínicos se otorguen de manera constante y sin obstáculos.
Mario García Baltazar, director del área de Tecnología (TI) del Hospital Victoria La Salle, relató la manera en la que el departamento que él lidera, apoyado en Cirrus y Estela, brinda servicio a los clientes internos de la institución e impulsa una experiencia positiva en el paciente.
Conoce el Hospital Victoria La Salle
Ubicado en Ciudad Victoria, Tamaulipas, México
Inició operaciones en el 2016
Forma parte del Consorcio Mexicanos de Hospitales
Hospital de segundo nivel
21 habitaciones para estancia
31 camas censables
13 camillas
2 quirófanos
+174 integrantes en su plantilla
+120 equipos médicos de alta tecnología
+900 pacientes atendidos
Servicios de +20 especialidades
Módulos utilizados de Cirrus
HIS
EHR
ERP
Estela - Business Intelligence
2. Pablo
Arias
Desarrollo, mantenimiento y asistencia web
Certificado Profesional Joomla
Organizador del Grupo de Usuarios de Joomla de Vigo
|www.PabloArias.eu @PabloAriasRamos
7. "Es como permitir que otras personas conduzcan y enseñarles
cómo hacerlo."
"No solo te dejamos echar un vistazo, te invitamos a meterte
bajo el capó y jugar con el motor."
8. "No se refiere a algo creado y comprendido por solo unos
cuantos guardianes."
"No significa esconder información a los usuarios."
"No significa vigilancia secreta"
9. "La Web es más que una tecnología; es un recurso público.
Es una fuerza común para hacer el bien.
Es como la Octava Maravilla del mundo y nos pertenece a
todos."
Mark Surman, Director Ejecutivo de Mozilla
10. "Un gran poder conlleva una gran"Un gran poder conlleva una gran
responsabilidad"responsabilidad"
Crear webs también
11. Usabilidad y accesibilidadUsabilidad y accesibilidad
Crear una web útil para personas
Proporcionar la información necesaria
Para cualquier usuario
En cualquier dispositivo
Respetar los estándares
13. SEO y accesibilidadSEO y accesibilidad
Dos disciplinas con muchos puntos de encuentro.
Google es el usuario ciego y sordo más rico del mundo, y el que
más navega por tu web.
14. ¿Qué significa "accesibilidad web"?¿Qué significa "accesibilidad web"?
La accesibilidad web significa que las
personas con discapacidad pueden percibir,
entender, navegar e interactuar con la Web.
WAI-W3C
15. Antes de empezar con las WCAG, antes de
estudiar los resultados de las herramientas
de evaluación, primero comprende los
problemas.
S. L. Henry
16. Tipos de discapacidadesTipos de discapacidades
Visuales
Auditivas
Motrices
Neurológicas o cognitivas
Derivadas del envejecimiento
Derivadas del entorno
25. El poder de la web reside en su universalidad.
El acceso para todo el mundo, a pesar de la
discapacidad, es un aspecto esencial.
Tim Berners-Lee (Director e inventor de la Red
Mundial Web, en Wikipedia)
26. Problemas frecuentesProblemas frecuentes
No poder usar solo el teclado para navegar.
Enlaces ambiguos, casi infinitos
o repetidos con diferente nomenclatura.
Imágenes sin texto alternativo o mal establecido.
Formularios complejos y Captcha
Encabezados mal utilizados.
Y muchos más...
27. La accesibilidad web se puede dividir en tres
categorías principales: del contenido, de la
navegación y de la interacción.
J. Thatcher.
28. Diseño y CSSDiseño y CSS
El CSS para el diseño
no contenidos
Ejemplos:
Imagen de fondo: diseño, no informativa.
No introducir texto informativo con "content"
29. Contenidos y HTMLContenidos y HTML
Contenidos en HTML, evitando el diseño.
Ejemplos a evitar:
Usar encabezados (h1, h2) para hacer textos más grandes.
Usar Tablas para ubicar diferentes elementos.
30. ResponsiveResponsive
Diseño adaptable al tamaño del dispositivo.
Preferible una única web, sin versión móvil.
Separar contenido de presentación o diseño.
En general: respetar estándares web.
Nota: Criterio 1.3.4 WCAG 2.1: Orientación.
31. ImágenesImágenes
Procurar no insertar texto.
Las imágenes introducidas con CSS son decorativas.
Describir con el atributo alt la imagen.
Mapa de decisión para textos alternativos, por Olga
Carreras
Asistente para textos alternativos, por Olga Carreras
32. EnlacesEnlaces
Incluir la información relevante en el texto.
No usar "Pincha aquí", "Más información", "Leer más"...
Usar siempre el mismo título para el mismo destino.
Usa hreflang para indicar un cambio de idioma.
No solo un color diferente, subrayar.
Diferenciar enlaces visitados de no visitados.
aria-label
34. TablasTablas
Usar solo para datos tabulares.
Identificar encabezados con th.
Para tablas complejas usar scope.
caption: título de la tabla, visible, no obligatorio.
O atributo aria-describedby.
35. FormulariosFormularios
Etiquetas (label) para los campos.
Asegurarse de que se puede navegar con el teclado.
Usar el atributo autocomplete.
Informar correctamente de campos obligatorios.
Fieldsets para organizar (mejor con leyenda).
Validación también en cliente y efectiva
(no usar solo color rojo ante un error).
Requerir confirmación para tareas importantes
irreversibles.
Sistema para deshacer, si se puede.
36. Documentos, vídeos y otros formatosDocumentos, vídeos y otros formatos
Todos los elementos del sitio deben ser accesibles
37. Títulos de páginaTítulos de página
Describir temática o propósito con claridad
Ayudan a cambiar de pestaña, por ejemplo
38. Enlaces "Saltar a"Enlaces "Saltar a"
Para ir al contenido relevante y saltarse el repetitivo.
Deben ir al principio de la página.
No deben ser más de 2 o 3.
39. NavegaciónNavegación
Lista de enlaces. Etiqueta nav en HTML5.
Indicar situación actual al usuario. Usar migas de pan.
Usar mapa web.
Mantener coherencia en todo el sitio.
Indicar submenús.
"Megamenús" usables con teclado también.
41. En HTML5 aparecieron múltiplesEn HTML5 aparecieron múltiples
header
nav
main
aside
etc
42. No siempre se anuncian estas etiquetas semánticas por lo que
se sigue usando el rol ARIA, mediante el atributo role=""
Previo a HTML5 había que establecer un DTD específico.
43. Roles, estados y propiedadesRoles, estados y propiedades
Útiles para hacer accesibles elementos como:
Pestañas
Barras de progreso
Acordeones
Ventanas modales
Etc.
Ayudan a hacer Javascript accesible
44. ColoresColores
No usar colores como único método de distinción.
Contraste mínimo en texto normal: 4.5 (7 para AAA).
Contraste mínimo en texto grande: 3 (4,5 para AAA).
Utilizar herramientas de medición de contraste.
Tratar de ofrecer distintas combinaciones de colores.
45. TextosTextos
Definir tamaño de forma relativa (%, em, rem),
no absoluta (px o pt).
Evitar fuentes con caracteres muy similares.
Evitar "efecto río" con texto justificado.
Evitar largos textos en cursiva.
Interlineado mínimo de 1.5
46. Google es un usuario ciego. Un usuario
billonario ciego con millones de amigos que
siguen cada una de sus palabras.
Karsten M. Self
48. Accesibilidad obligatoria para...Accesibilidad obligatoria para...
Webs y apps de Administraciones públicas
(o que reciban financiación pública)
Empresas:
Más de 100 empleados o
facturación mayor a 6 millones de euros.
49. Pautas, Normativa y leyesPautas, Normativa y leyes
Web Accesibility Initiative - WAI
Grupo de trabajo permanente de la W3C
Hacen las WCAG
Real Decreto 1112/2018 - 20 septiembre 2018
Primera legislación española de accesibilidad web: año
2002
50. Evaluación de la accesibilidadEvaluación de la accesibilidad
Website Accessibility Conformance Evaluation Methodology
WCAG-EM 1.0
51. PasosPasos
1. Definir alcance de evaluación
2. Explorar sitio para comprender uso
3. Seleccionar muestra
4. Auditar muestra
5. Generar informe
52. ReferenciasReferencias
Libro "Accesibilidad Web. WCAG 2.1 de forma sencilla"
WAI (Web Accessibility Initiative) de W3C
Portal Accesibilidad Web, Universidad de Alicante
Web de Olga Carreras (ver blog también)
Web de Sergio Luján
Blog Mª Carmen de Alba
WAI Tutorials
Web Accessibility In Mind
Sección Accesibilidad en Portal Administración Electrónica
Curso "Aprende Accesibilidad Web paso a paso"
53. Esto es todo, de momentoEsto es todo, de momento
¿Dudas, preguntas?
|www.PabloArias.eu @PabloAriasRamos
¡Gracias!¡Gracias!