+ All Categories
Home > Technology > Sitios Web Gobierno

Sitios Web Gobierno

Date post: 26-Jul-2015
Category:
Upload: grupoihcorg
View: 624 times
Download: 2 times
Share this document with a friend
Popular Tags:
23
Usabilidad y Accesibilidad en sitios web Cuáles son las consecuencias de no tomarlos en cuenta? Federico Zoufaly – 1 Octubre 2008 IHC CR
Transcript

Usabilidad y Accesibilidad en sitios web

Cuaacuteles son las consecuencias de no tomarlos en cuenta

Federico Zoufaly ndash 1 Octubre 2008 IHC CR

Industria Automobiliacutestica

Industria Automobiliacutestica

Industria de la Construccioacuten

Industria del Software

httpwwwuxmatterscomMTarchives000132php

Avances de Accesibilidad

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Industria Automobiliacutestica

Industria Automobiliacutestica

Industria de la Construccioacuten

Industria del Software

httpwwwuxmatterscomMTarchives000132php

Avances de Accesibilidad

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Industria Automobiliacutestica

Industria de la Construccioacuten

Industria del Software

httpwwwuxmatterscomMTarchives000132php

Avances de Accesibilidad

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Industria de la Construccioacuten

Industria del Software

httpwwwuxmatterscomMTarchives000132php

Avances de Accesibilidad

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Industria del Software

httpwwwuxmatterscomMTarchives000132php

Avances de Accesibilidad

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Avances de Accesibilidad

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Modern Web Interfaces

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

DHL Usable

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Section 508 - USA

bull ldquoSection 508 of the Workforce Rehabilitation Act 1998rdquo

bull Requiere que las paacuteginas Web de los sitios Federales sean Accesibles

bull Conformidad con estaacutendaresbull Desarrollo de sitios web usando tecnologiacutea y mejores praacutecticas

httpwwwaccess-boardgov508htm

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

UK-Central Office of Information

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Ley 7600 ndash CR 1996

bull ldquoIgualdad de Oportunidades para Personas con discapacidadrdquo

bull Capiacutetulo VIbull ACCESO A LA INFORMACIOacuteN Y A

LA COMUNICACIOacuteN

bull Artiacuteculo 50- Informacioacuten accesiblebull Las instituciones puacuteblicas y privadas deberaacuten

garantizar que la informacioacuten dirigida al puacuteblico sea accesible a todas las personas seguacuten sus necesidades particulares

httpdigitalcommonsilrcornelledugladnetcollect72

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Desarrollo de Sitios Web Usables y Accesibles

Contenido Coacutedigo

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Consideraciones para coacutedigo accesible

bull Separar disentildeo de contenido (Usar Cascade Style Sheets)

bull Sustituir frames por disentildeobull Proveer texto alternativo para las imaacutegenesbull Proveer encabezado para las tablasbull Asegurar que usuarios pueden completar y

enviar todos los datos a traveacutes de formulariosbull Asegurar que los enlaces (links) tiene significado

fuera del contexto

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Consideraciones para coacutedigo accesible

bull Proveer acceso alternativo a multimedios (Ejemplo video con texto audio con texto etc)

bull Proveer acceso a contenido no HTML (archivos pdf MS Office Flash)

bull Permitir a los usuarios ignorar contenido que se repite en todas las paacuteginas (Ejemplo Menuacute)

bull Permitir navegacioacuten con tecladobull Disminuir uso de colores para transmitir

contenido

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Esto no es faacutecil

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Herramientas para Desarrolladores

Web Developer 116

Cynthia Says

Screen Readers

httpvalidatorw3org

httpwavewebaimorg

httpwwwcynthiasayscom

readimobi testing tool

httpwwwaggiornocom

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Gracias

fzoufalyartinsoftcomTwittercomfzoufalywwwaggiornocom

  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23
  • Slide 1
  • Slide 2
  • Slide 3
  • Slide 4
  • Slide 5
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Slide 23

Recommended