presentación de...

27
Accesibilidad en un producto software 04/07/2018

Upload: others

Post on 23-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Accesibilidad en un producto software

04/07/2018

Page 2: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Índice

ILUNION

ILUNION Tecnología y Accesibilidad

Qué es la accesibilidad

Alternativas.

Estructura.

Identificación.

Operatividad.

Uso del color

Page 3: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

ILUNION

Es la consolidación del grupo de empresas de la ONCE y

su Fundación.

Se crea en 2014 a raíz de la fusión de CEOSA y

Fundosa.

Page 4: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Hitos relevantes

1938: Creación de la ONCE.

Page 5: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Hitos relevantes

1938: Creación de la ONCE.

1988: Creación de la Fundación ONCE.

Page 6: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Hitos relevantes

1938: Creación de la ONCE.

1988: Creación de la Fundación ONCE.

1988: Se inicia el proyecto empresarial de la ONCE

y su Fundación.

Page 7: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Hitos relevantes

1938: Creación de la ONCE.

1988: Creación de la Fundación ONCE.

1988: Se inicia el proyecto empresarial de la ONCE

y su Fundación.

2014: Se crea la marca ILUNION.

Page 8: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Hitos relevantes

1938: Creación de la ONCE.

1988: Creación de la Fundación ONCE.

1988: Se inicia el proyecto empresarial de la ONCE

y su Fundación.

2014: Se crea la marca ILUNION.

2015: La marca ILUNION toma cuerpo jurídico.

Page 9: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Hitos relevantes

1938: Creación de la ONCE.

1988: Creación de la Fundación ONCE.

1988: Se inicia el proyecto empresarial de la ONCE

y su Fundación.

2014: Se crea la marca ILUNION.

2015: La marca ILUNION toma cuerpo jurídico.

2016: Inauguración de la sede corporativa única.

Page 10: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Divisiones ILUNION

Business and Facility Services.

Socio-sanitario.

Comercialización.

Turismo.

Consultoría.

Page 11: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

ILUNION Tecnología y Accesibilidad

Consultoría en accesibilidad tecnológica.

Consultoría en accesibilidad en arquitectura

urbanismo y transporte.

Desarrollo de aplicaciones web y móvil.

Business Intelligence.

Discapnet.

Proyecto Dono.

Page 12: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

¿Qué es accesibilidad?

Grado en el que una persona de forma

independiente y con independencia de su

capacidad, puede interactuar con un producto,

bien o servicio.

Page 13: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

La accesibilidad en productos software

Hay que tener en cuenta la accesibilidad desde el

momento en el que se decide diseñar y desarrollar un

producto software.

No es ni difícil, ni costosa, ni crea productos feos. Solo

tiene que ser considerada desde el principio, por todos

los equipos que intervienen en los procesos y en todos

los estadios del desarrollo.

La accesibilidad también es posible utilizando

metodologías Agile.

Page 14: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Requisitos

Alternativas

Estructura

Identificación

Operabilidad

Uso del color

Page 15: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Alternativas

Para los elementos no textuales.

Contenido audio y contenido vídeo.

Imágenes:

• Con función de enlace.

• Decorativas.

• De texto.

Page 16: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Ejemplo: Apple subtitula los vídeos en su web

Fuente: Web de Apple

Page 17: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Estructura

Encabezados.

Listas.

Tablas.

Formularios.

Page 18: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Ejemplo de página con buena estructura

Fuente: gov.uk

Page 19: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Identificación

Etiqueta:

Nombre.

Descripción.

Page 20: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Ejemplo de identificación en formulario

Fuente: uxdesign.cc

Page 21: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Operabilidad

Componentes personalizados.

Independencia del dispositivo.

Page 22: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Ejemplo de firma por posiciones

Page 23: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Uso del color

Contraste del color.

Colour Contrast Analyser

NO usar color como único medio de información.

Page 24: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Ejemplo uso de la herramienta Colour Contrast Analyser

Fuente: Colour Contrast Analyser

Page 25: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Gracias

Page 26: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta:

Datos de contacto

Verónica Martorell Martínez (Directora de Accesibilidad Tecnológica y Estudios);

[email protected]

Daniel Montalvo Charameli (Coordinador de Accesibilidad TIC);

[email protected]

Alberto Calvé García ( Gerente Area Comercial)

[email protected] tf.: 911210330

Page 27: Presentación de PowerPointlocalret.cat/wp-content/uploads/2018/07/2-Com-fer-un-portal-accessi… · Ejemplo de página con buena estructura Fuente: gov.uk. Identificación Etiqueta: