sitios web gobierno
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
-