SlideShare una empresa de Scribd logo
1 de 43
Descargar para leer sin conexión
Liferay y la nueva norma UNE
sobre accesibilidad
Julio Camarero
Liferay Core Developer, WCM Lead
@juliocamarero
#LRESP2012
¿Accesibilidad?
La accesibilidad es el grado en el que todas las
personas pueden utilizar un objeto, visitar un lugar o
acceder a un servicio, independientemente de sus
capacidades técnicas, cognitivas o físicas.
... en cifras...
Casi 1 de cada 5
personas sufre de
alguna discapacidad 



(de los que la mitad son severas)
Más de 4 millones
de Españoles
202,860,000 (80.6%)
24,819,000 (9.9%)
24,117,000 (9.6%)
with a disability, not severe
with a severe disability
with no disability
... en cifras...
77.4%
¿Por qué?
c
Aumenta el número de usuarios
mismas

oportunidades...
Mejor experiencia
de usuario
Motivación para la accesibilidad
• Aumenta el número potencial de usuarios
• Damos las mismas oportunidades a todas las personas
• Ventajas técnicas
• mejora del SEO
• Usabilidad
un ejemplo muy
sencillo...
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
Usuarios beneficiados
• Usuarios con discapacidad y ...
• mayores
• con conexiones lentas
• con equipos viejos o software antiguo
• con poca experiencia en internet
• con móviles
• con dificultades en el idioma del sitio web
• ¡Robots! (indexadores...)
Entendiendo a
los usuarios
La tecnología está cambiando cómo vive
la gente con alguna discapacidad...
x
¿Cómo utilizan internet?
redimiensionan

la página


cambian el
contraste,
quitan css


lectores de
pantalla



¿Cómo utilizan internet?
Utilizan el teclado


Otros
dispotivos que
enfocan
elementos


Nueva norma
UNE 139803
Julio 2012
¿Para quién?
administración
pública
empresas con más de 100
trabajadores o que
facturen más de 6 millones €


empresas privadas
que reciban
financiación pública
entidades y empresas que se
encarguen de gestionar servicios
públicos
... y qué hay que cumplir?
Nivel AA
WCAG2.0
Liferay 6.2 y la norme UNE de accesibilidad
...y Liferay cumple
con la norma?
Si, pero ten en cuenta que...
Llevamos desde 2008 aplicando WCAG2.0...
• Revisando todas las funcionalidades del portal:
• aplicando ARIA
• mejorando el código html generado
• muchos más detalles en mi blog:

http://www.liferay.com/web/julio.camarero/blog
• Contribuciones de la comunidad y partners
• Incorporando pruebas de accesibilidad al equipo de QA
• Nuestro objetivo
• Alcanzar nivel AA de WCAG2.0 en todo el portal
• Validar HTML5
• ¿Dónde estamos?
• Garantizamos Nivel AA para usuarios no autenticados (cubierto
por soporte EE)
• Cerca del 80% Nivel AA para usuarios autenticados colaborando
y creando contenidos
• Cerca del 70% Nivel AA para tareas de administración
... y existen sitios hechos
con Liferay certificados
con WCAG2.0 ?
Sitios accesibles
http://www.liferay.com/es/community/wiki/-/wiki/Main/Accessible+Liferay+Websites
¿Qué dicen las
WCAG2.0?
Nivel A y Nivel AA
Perceptible
El contenido debe poder ser percibido por
todos los usuarios (de forma visual, sonora,
táctil...)
Asegúrate de que la información no está
únicamente en el medio visual
• Información basada en colores o css
• Imágenes sin atributo alt
• Ficheros multimedia sin transcripcción
Operable
El contenido debe ser manejable usando los
dispositivos de entrada de los usuarios (ratón,
teclado...)
Evita usar únicamente eventos javascript ligados al
ratón: onMouseOver, onDoubleClick, onRightClick...
• Editores WYSIWYG (ckeditor)
• menús de navegación
• usuarios atrapados!
Comprensible
Los usuarios deben ser capaces de entender el
contenido, su organización y su manejo.
Muestra de manera sencilla y consistente al
usuario dónde está y cómo llegar al resto de sitios
• menús siempre en el mismo sitio
• utilizando breadcrumbs
• enlace al inicio del contenido
• no hagas cosas raras :S
Robusto
El contenido debe estar correctamente
estructurado para garantizar un adecuado
funcionamiento con las aplicaciones de usuario
• Evita usar tablas para maquetar
• Etiqueta correctamente las tablas que estructuran datos
• Etiqueta bien los formularios
• Aplica ARIA a componentes javascript
¿Cómo puedo probar
la accessibilidad de
mi sitio web?
Cómo probar el 90% de las experiencias de usuario
25%
1. ¿Es fácil de usar?



¿Sería mi madre capaz de usarlo
por si misma?
Cómo probar el 90% de las experiencias de usuario
50%
2. Cambia el tamaño del texto,
deshabilita el CSS y las imágenes



¿todavía se puede utilizar?
Cómo probar el 90% de las experiencias de usuario
75%
3. ¿Funciona sin ratón?

Cómo probar el 90% de las experiencias de usuario
90%
4. ¿Y con los ojos
cerrados? 



usando un lector de pantalla...
¡Gracias!
@liferay
@juliocamarero
julio.camarero@liferay.com
Imágenes utilizadas (Creative Commons)
•Population: http://www.flickr.com/photos/anirudhkoul/3786725982/sizes/l/
•wall: http://www.flickr.com/photos/adrianismyname/6207758517/sizes/l/
•woman: http://www.flickr.com/photos/adonis_pulatus/5881940531/sizes/l/
•wheelchair: http://www.flickr.com/photos/yourdon/2819627118/sizes/l/
•mother stroller: http://www.flickr.com/photos/paul-w-locke/6849441063/sizes/l/
•wheelchair injured: http://www.flickr.com/photos/elizabethclaireoleary/4815049279/sizes/l/
•Elevator: http://www.flickr.com/photos/25103209@N06/2625260355/sizes/l/
•crutches: http://www.flickr.com/photos/repose/4930951225/sizes/l/
•biking: http://www.flickr.com/photos/cityeyes/4005533058/sizes/z/

Más contenido relacionado

La actualidad más candente

Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobileEvento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobileLisandra Armas
 
Pruebas de accesibilidad ¿por dónde empezar?
Pruebas de accesibilidad ¿por dónde empezar?Pruebas de accesibilidad ¿por dónde empezar?
Pruebas de accesibilidad ¿por dónde empezar?Lisandra Armas
 
La revolución UX en Mobile Testing
La revolución UX en Mobile TestingLa revolución UX en Mobile Testing
La revolución UX en Mobile TestingBelatrix Software
 
patrones de diseño web.
  patrones de diseño web.   patrones de diseño web.
patrones de diseño web. Diana Luna
 
Accesibilidad vs usabilidad
Accesibilidad vs usabilidadAccesibilidad vs usabilidad
Accesibilidad vs usabilidadSol Escobar
 
Ventajas y desventajas de usar las herramientas web2.0
Ventajas y desventajas de usar las herramientas web2.0Ventajas y desventajas de usar las herramientas web2.0
Ventajas y desventajas de usar las herramientas web2.0Jessy Morales
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMorkai
 

La actualidad más candente (9)

Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobileEvento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
 
Pruebas de accesibilidad ¿por dónde empezar?
Pruebas de accesibilidad ¿por dónde empezar?Pruebas de accesibilidad ¿por dónde empezar?
Pruebas de accesibilidad ¿por dónde empezar?
 
Patrones de diseño web
Patrones de diseño webPatrones de diseño web
Patrones de diseño web
 
La revolución UX en Mobile Testing
La revolución UX en Mobile TestingLa revolución UX en Mobile Testing
La revolución UX en Mobile Testing
 
patrones de diseño web.
  patrones de diseño web.   patrones de diseño web.
patrones de diseño web.
 
Accesibilidad vs usabilidad
Accesibilidad vs usabilidadAccesibilidad vs usabilidad
Accesibilidad vs usabilidad
 
Ventajas y desventajas de usar las herramientas web2.0
Ventajas y desventajas de usar las herramientas web2.0Ventajas y desventajas de usar las herramientas web2.0
Ventajas y desventajas de usar las herramientas web2.0
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Ecsl
EcslEcsl
Ecsl
 

Similar a Liferay 6.2 y la norme UNE de accesibilidad

Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1Julio Camarero
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoInés Laitano
 
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.Arantxa Hernandez
 
La certificación como garante de la calidad en accesibilidad web
La certificación como garante de la calidad en accesibilidad webLa certificación como garante de la calidad en accesibilidad web
La certificación como garante de la calidad en accesibilidad webJavier Merino
 
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasBiblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasSocialBiblio
 
La accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de informaciónLa accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de informaciónSocialBiblio
 
Innovación y el diseño para todas las personas
Innovación y el diseño para todas las personasInnovación y el diseño para todas las personas
Innovación y el diseño para todas las personasAlejandro Rodríguez
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebJesus Jimenez
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webqweos
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Tanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebTanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebAccenture Digital
 
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?Marta Torre
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptxAngel Perez
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009qweos
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carreraBorja Merino
 
Accesibilidad web.
Accesibilidad web.Accesibilidad web.
Accesibilidad web.José María
 
iCapax Soluciones Informáticas para todos
iCapax Soluciones Informáticas para todosiCapax Soluciones Informáticas para todos
iCapax Soluciones Informáticas para todosmanuel.escobar
 

Similar a Liferay 6.2 y la norme UNE de accesibilidad (20)

Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
 
La certificación como garante de la calidad en accesibilidad web
La certificación como garante de la calidad en accesibilidad webLa certificación como garante de la calidad en accesibilidad web
La certificación como garante de la calidad en accesibilidad web
 
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasBiblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
 
La accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de informaciónLa accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de información
 
Innovación y el diseño para todas las personas
Innovación y el diseño para todas las personasInnovación y el diseño para todas las personas
Innovación y el diseño para todas las personas
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Tanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebTanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad Web
 
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carrera
 
Accesibilidad web.
Accesibilidad web.Accesibilidad web.
Accesibilidad web.
 
iCapax Soluciones Informáticas para todos
iCapax Soluciones Informáticas para todosiCapax Soluciones Informáticas para todos
iCapax Soluciones Informáticas para todos
 
Intro a la accesibilidad digital
Intro a la accesibilidad digitalIntro a la accesibilidad digital
Intro a la accesibilidad digital
 
Web Social
Web SocialWeb Social
Web Social
 

Más de Julio Camarero

Make the most of Audience Targeting 2.0
Make the most of Audience Targeting 2.0Make the most of Audience Targeting 2.0
Make the most of Audience Targeting 2.0Julio Camarero
 
Reaching the right audience
Reaching the right audienceReaching the right audience
Reaching the right audienceJulio Camarero
 
How to Extend Audience Targeting (Liferay 6.2)
How to Extend Audience Targeting (Liferay 6.2)How to Extend Audience Targeting (Liferay 6.2)
How to Extend Audience Targeting (Liferay 6.2)Julio Camarero
 
Leverage OSGI to create Extensible plugins for Liferay 6.2
Leverage OSGI to create Extensible plugins for Liferay 6.2Leverage OSGI to create Extensible plugins for Liferay 6.2
Leverage OSGI to create Extensible plugins for Liferay 6.2Julio Camarero
 
Introducing Audience Targeting for Liferay 6.2
Introducing Audience Targeting for Liferay 6.2Introducing Audience Targeting for Liferay 6.2
Introducing Audience Targeting for Liferay 6.2Julio Camarero
 
Optimizando Liferay 6.2 para dispositivos móviles
Optimizando Liferay 6.2 para dispositivos móvilesOptimizando Liferay 6.2 para dispositivos móviles
Optimizando Liferay 6.2 para dispositivos móvilesJulio Camarero
 
Taking Staging to a whole new level in Liferay 6.2
Taking Staging to a whole new level in Liferay 6.2Taking Staging to a whole new level in Liferay 6.2
Taking Staging to a whole new level in Liferay 6.2Julio Camarero
 
Using the Advanced Search Framework in Liferay 6.2
Using the Advanced Search Framework in Liferay 6.2Using the Advanced Search Framework in Liferay 6.2
Using the Advanced Search Framework in Liferay 6.2Julio Camarero
 
Using the Recycle Bin Framework in Liferay 6.2
Using the Recycle Bin Framework in Liferay 6.2Using the Recycle Bin Framework in Liferay 6.2
Using the Recycle Bin Framework in Liferay 6.2Julio Camarero
 
Facebook Integration with Liferay 6.2
Facebook Integration with Liferay 6.2Facebook Integration with Liferay 6.2
Facebook Integration with Liferay 6.2Julio Camarero
 
Desarrollo de temas de apariencia para Liferay 6.1
Desarrollo de temas de apariencia para Liferay 6.1Desarrollo de temas de apariencia para Liferay 6.1
Desarrollo de temas de apariencia para Liferay 6.1Julio Camarero
 
Gestión eficiente de Múltiples sitios web sobre Liferay 6.1
Gestión eficiente de Múltiples sitios web sobre Liferay 6.1Gestión eficiente de Múltiples sitios web sobre Liferay 6.1
Gestión eficiente de Múltiples sitios web sobre Liferay 6.1Julio Camarero
 
Cómo construir portales para móviles y tables con Liferay 6.1
Cómo construir portales para móviles y tables con Liferay 6.1Cómo construir portales para móviles y tables con Liferay 6.1
Cómo construir portales para móviles y tables con Liferay 6.1Julio Camarero
 
What's coming in WCM for Liferay 6.2?
What's coming in WCM for Liferay 6.2?What's coming in WCM for Liferay 6.2?
What's coming in WCM for Liferay 6.2?Julio Camarero
 
Liferay 6.1 Roadmap - What's next!
Liferay 6.1 Roadmap - What's next!Liferay 6.1 Roadmap - What's next!
Liferay 6.1 Roadmap - What's next!Julio Camarero
 
Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Julio Camarero
 

Más de Julio Camarero (17)

Make the most of Audience Targeting 2.0
Make the most of Audience Targeting 2.0Make the most of Audience Targeting 2.0
Make the most of Audience Targeting 2.0
 
Reaching the right audience
Reaching the right audienceReaching the right audience
Reaching the right audience
 
How to Extend Audience Targeting (Liferay 6.2)
How to Extend Audience Targeting (Liferay 6.2)How to Extend Audience Targeting (Liferay 6.2)
How to Extend Audience Targeting (Liferay 6.2)
 
Leverage OSGI to create Extensible plugins for Liferay 6.2
Leverage OSGI to create Extensible plugins for Liferay 6.2Leverage OSGI to create Extensible plugins for Liferay 6.2
Leverage OSGI to create Extensible plugins for Liferay 6.2
 
Introducing Audience Targeting for Liferay 6.2
Introducing Audience Targeting for Liferay 6.2Introducing Audience Targeting for Liferay 6.2
Introducing Audience Targeting for Liferay 6.2
 
Optimizando Liferay 6.2 para dispositivos móviles
Optimizando Liferay 6.2 para dispositivos móvilesOptimizando Liferay 6.2 para dispositivos móviles
Optimizando Liferay 6.2 para dispositivos móviles
 
Taking Staging to a whole new level in Liferay 6.2
Taking Staging to a whole new level in Liferay 6.2Taking Staging to a whole new level in Liferay 6.2
Taking Staging to a whole new level in Liferay 6.2
 
Using the Advanced Search Framework in Liferay 6.2
Using the Advanced Search Framework in Liferay 6.2Using the Advanced Search Framework in Liferay 6.2
Using the Advanced Search Framework in Liferay 6.2
 
Using the Recycle Bin Framework in Liferay 6.2
Using the Recycle Bin Framework in Liferay 6.2Using the Recycle Bin Framework in Liferay 6.2
Using the Recycle Bin Framework in Liferay 6.2
 
Facebook Integration with Liferay 6.2
Facebook Integration with Liferay 6.2Facebook Integration with Liferay 6.2
Facebook Integration with Liferay 6.2
 
Desarrollo de temas de apariencia para Liferay 6.1
Desarrollo de temas de apariencia para Liferay 6.1Desarrollo de temas de apariencia para Liferay 6.1
Desarrollo de temas de apariencia para Liferay 6.1
 
Gestión eficiente de Múltiples sitios web sobre Liferay 6.1
Gestión eficiente de Múltiples sitios web sobre Liferay 6.1Gestión eficiente de Múltiples sitios web sobre Liferay 6.1
Gestión eficiente de Múltiples sitios web sobre Liferay 6.1
 
Cómo construir portales para móviles y tables con Liferay 6.1
Cómo construir portales para móviles y tables con Liferay 6.1Cómo construir portales para móviles y tables con Liferay 6.1
Cómo construir portales para móviles y tables con Liferay 6.1
 
What's coming in WCM for Liferay 6.2?
What's coming in WCM for Liferay 6.2?What's coming in WCM for Liferay 6.2?
What's coming in WCM for Liferay 6.2?
 
Liferay 6.1 Roadmap - What's next!
Liferay 6.1 Roadmap - What's next!Liferay 6.1 Roadmap - What's next!
Liferay 6.1 Roadmap - What's next!
 
Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1
 
Disasters2.0
Disasters2.0Disasters2.0
Disasters2.0
 

Último

Simuladores de circuitos electrónicos.pdf
Simuladores de circuitos electrónicos.pdfSimuladores de circuitos electrónicos.pdf
Simuladores de circuitos electrónicos.pdfLeonardoOa4
 
Virus -Josue Cabascango _20240322_194349_0000.pdf
Virus -Josue Cabascango _20240322_194349_0000.pdfVirus -Josue Cabascango _20240322_194349_0000.pdf
Virus -Josue Cabascango _20240322_194349_0000.pdfMiSpotify
 
Algoritmos Paralelos - Actividad 14 - UNIBE.pdf
Algoritmos Paralelos - Actividad 14 - UNIBE.pdfAlgoritmos Paralelos - Actividad 14 - UNIBE.pdf
Algoritmos Paralelos - Actividad 14 - UNIBE.pdfdarosario3d
 
Los mejores simuladores electrónicos que se pueden utilizar
Los mejores simuladores electrónicos que se pueden utilizarLos mejores simuladores electrónicos que se pueden utilizar
Los mejores simuladores electrónicos que se pueden utilizarjosuesj13
 
02 - RUP_Introduccion_Definicion.pdf
02 - RUP_Introduccion_Definicion.pdf02 - RUP_Introduccion_Definicion.pdf
02 - RUP_Introduccion_Definicion.pdfRodrigo Cerón
 
Formato de práctica reflexiva ante una problemática social.docx.pdf
Formato de práctica reflexiva ante una problemática social.docx.pdfFormato de práctica reflexiva ante una problemática social.docx.pdf
Formato de práctica reflexiva ante una problemática social.docx.pdfjuanrubenc78
 
03 - RUP_Elaboracion_Construccion_1_2024.pdf
03 - RUP_Elaboracion_Construccion_1_2024.pdf03 - RUP_Elaboracion_Construccion_1_2024.pdf
03 - RUP_Elaboracion_Construccion_1_2024.pdfRodrigo Cerón
 
Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...
Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...
Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...AlexaRamirez39
 
Herramientas de Mantenimiento_Soporte Técnico_David Andrade.pdf
Herramientas de Mantenimiento_Soporte Técnico_David Andrade.pdfHerramientas de Mantenimiento_Soporte Técnico_David Andrade.pdf
Herramientas de Mantenimiento_Soporte Técnico_David Andrade.pdfdaa100407
 

Último (9)

Simuladores de circuitos electrónicos.pdf
Simuladores de circuitos electrónicos.pdfSimuladores de circuitos electrónicos.pdf
Simuladores de circuitos electrónicos.pdf
 
Virus -Josue Cabascango _20240322_194349_0000.pdf
Virus -Josue Cabascango _20240322_194349_0000.pdfVirus -Josue Cabascango _20240322_194349_0000.pdf
Virus -Josue Cabascango _20240322_194349_0000.pdf
 
Algoritmos Paralelos - Actividad 14 - UNIBE.pdf
Algoritmos Paralelos - Actividad 14 - UNIBE.pdfAlgoritmos Paralelos - Actividad 14 - UNIBE.pdf
Algoritmos Paralelos - Actividad 14 - UNIBE.pdf
 
Los mejores simuladores electrónicos que se pueden utilizar
Los mejores simuladores electrónicos que se pueden utilizarLos mejores simuladores electrónicos que se pueden utilizar
Los mejores simuladores electrónicos que se pueden utilizar
 
02 - RUP_Introduccion_Definicion.pdf
02 - RUP_Introduccion_Definicion.pdf02 - RUP_Introduccion_Definicion.pdf
02 - RUP_Introduccion_Definicion.pdf
 
Formato de práctica reflexiva ante una problemática social.docx.pdf
Formato de práctica reflexiva ante una problemática social.docx.pdfFormato de práctica reflexiva ante una problemática social.docx.pdf
Formato de práctica reflexiva ante una problemática social.docx.pdf
 
03 - RUP_Elaboracion_Construccion_1_2024.pdf
03 - RUP_Elaboracion_Construccion_1_2024.pdf03 - RUP_Elaboracion_Construccion_1_2024.pdf
03 - RUP_Elaboracion_Construccion_1_2024.pdf
 
Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...
Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...
Diseño de Algoritmos Paralelos. Mejorando la eficiencia computacional aprovec...
 
Herramientas de Mantenimiento_Soporte Técnico_David Andrade.pdf
Herramientas de Mantenimiento_Soporte Técnico_David Andrade.pdfHerramientas de Mantenimiento_Soporte Técnico_David Andrade.pdf
Herramientas de Mantenimiento_Soporte Técnico_David Andrade.pdf
 

Liferay 6.2 y la norme UNE de accesibilidad

  • 1. Liferay y la nueva norma UNE sobre accesibilidad Julio Camarero Liferay Core Developer, WCM Lead @juliocamarero #LRESP2012
  • 2. ¿Accesibilidad? La accesibilidad es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.
  • 3. ... en cifras... Casi 1 de cada 5 personas sufre de alguna discapacidad 
 
 (de los que la mitad son severas) Más de 4 millones de Españoles 202,860,000 (80.6%) 24,819,000 (9.9%) 24,117,000 (9.6%) with a disability, not severe with a severe disability with no disability
  • 6. c Aumenta el número de usuarios
  • 9. Motivación para la accesibilidad • Aumenta el número potencial de usuarios • Damos las mismas oportunidades a todas las personas • Ventajas técnicas • mejora del SEO • Usabilidad
  • 17. Usuarios beneficiados • Usuarios con discapacidad y ... • mayores • con conexiones lentas • con equipos viejos o software antiguo • con poca experiencia en internet • con móviles • con dificultades en el idioma del sitio web • ¡Robots! (indexadores...)
  • 19. La tecnología está cambiando cómo vive la gente con alguna discapacidad... x
  • 20. ¿Cómo utilizan internet? redimiensionan
 la página 
 cambian el contraste, quitan css 
 lectores de pantalla
 

  • 21. ¿Cómo utilizan internet? Utilizan el teclado 
 Otros dispotivos que enfocan elementos 

  • 23. ¿Para quién? administración pública empresas con más de 100 trabajadores o que facturen más de 6 millones € 
 empresas privadas que reciban financiación pública entidades y empresas que se encarguen de gestionar servicios públicos
  • 24. ... y qué hay que cumplir? Nivel AA WCAG2.0
  • 27. Si, pero ten en cuenta que...
  • 28. Llevamos desde 2008 aplicando WCAG2.0... • Revisando todas las funcionalidades del portal: • aplicando ARIA • mejorando el código html generado • muchos más detalles en mi blog:
 http://www.liferay.com/web/julio.camarero/blog • Contribuciones de la comunidad y partners • Incorporando pruebas de accesibilidad al equipo de QA
  • 29. • Nuestro objetivo • Alcanzar nivel AA de WCAG2.0 en todo el portal • Validar HTML5 • ¿Dónde estamos? • Garantizamos Nivel AA para usuarios no autenticados (cubierto por soporte EE) • Cerca del 80% Nivel AA para usuarios autenticados colaborando y creando contenidos • Cerca del 70% Nivel AA para tareas de administración
  • 30. ... y existen sitios hechos con Liferay certificados con WCAG2.0 ?
  • 33. Perceptible El contenido debe poder ser percibido por todos los usuarios (de forma visual, sonora, táctil...) Asegúrate de que la información no está únicamente en el medio visual • Información basada en colores o css • Imágenes sin atributo alt • Ficheros multimedia sin transcripcción
  • 34. Operable El contenido debe ser manejable usando los dispositivos de entrada de los usuarios (ratón, teclado...) Evita usar únicamente eventos javascript ligados al ratón: onMouseOver, onDoubleClick, onRightClick... • Editores WYSIWYG (ckeditor) • menús de navegación • usuarios atrapados!
  • 35. Comprensible Los usuarios deben ser capaces de entender el contenido, su organización y su manejo. Muestra de manera sencilla y consistente al usuario dónde está y cómo llegar al resto de sitios • menús siempre en el mismo sitio • utilizando breadcrumbs • enlace al inicio del contenido • no hagas cosas raras :S
  • 36. Robusto El contenido debe estar correctamente estructurado para garantizar un adecuado funcionamiento con las aplicaciones de usuario • Evita usar tablas para maquetar • Etiqueta correctamente las tablas que estructuran datos • Etiqueta bien los formularios • Aplica ARIA a componentes javascript
  • 37. ¿Cómo puedo probar la accessibilidad de mi sitio web?
  • 38. Cómo probar el 90% de las experiencias de usuario 25% 1. ¿Es fácil de usar?
 
 ¿Sería mi madre capaz de usarlo por si misma?
  • 39. Cómo probar el 90% de las experiencias de usuario 50% 2. Cambia el tamaño del texto, deshabilita el CSS y las imágenes
 
 ¿todavía se puede utilizar?
  • 40. Cómo probar el 90% de las experiencias de usuario 75% 3. ¿Funciona sin ratón?

  • 41. Cómo probar el 90% de las experiencias de usuario 90% 4. ¿Y con los ojos cerrados? 
 
 usando un lector de pantalla...
  • 43. Imágenes utilizadas (Creative Commons) •Population: http://www.flickr.com/photos/anirudhkoul/3786725982/sizes/l/ •wall: http://www.flickr.com/photos/adrianismyname/6207758517/sizes/l/ •woman: http://www.flickr.com/photos/adonis_pulatus/5881940531/sizes/l/ •wheelchair: http://www.flickr.com/photos/yourdon/2819627118/sizes/l/ •mother stroller: http://www.flickr.com/photos/paul-w-locke/6849441063/sizes/l/ •wheelchair injured: http://www.flickr.com/photos/elizabethclaireoleary/4815049279/sizes/l/ •Elevator: http://www.flickr.com/photos/25103209@N06/2625260355/sizes/l/ •crutches: http://www.flickr.com/photos/repose/4930951225/sizes/l/ •biking: http://www.flickr.com/photos/cityeyes/4005533058/sizes/z/