SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Aplicaciones para iPhone
         accesibles
                 @felixzapata

Front-End Manager and Web Accessibility Consultant.
        Madrid WordPress Meetup founder
Mitos
• Los usuarios con problemas de visión son
  siempre ciegos.
• Los usuarios con problemas de visión siempre
  navegan de forma secuencial.
• Los usuarios con problemas de visión
  escuchan todo el texto de la pantalla.
Tipos de soporte de accesibilidad
• Accesibilidad básica de los sistemas operativos.
• Accesibilidad avanzada mediante programas de
  ayuda
  – JAWS
  – VoiceOver
  – Etc.,
• Componentes adicionales
  – Impresoras braille
  – Punteros
  – Etc.,
Accesibilidad de los dispositivos iOS
• Cómo funciona VoiceOver
  – Smartphones Become Essential Accessories for the
    Blind
• Añadiendo accesibilidad a nuestra aplicación:
  • Probablemente el 80% de tu aplicación será accesible.
  • Llegarás al 95% haciendo cambios que no requieran
    modificar líneas de código.
  • Conseguirás el 100% implementando ciertos métodos.
Accesibilidad en Interface Builder
• Accessibility Enabled: aquellos elementos no marcados como accesibles
  serán ignorados.
• Accessibility Label: texto que identifique el control. Pero nunca que
  indique el tipo de control que es.
• Accessibility Hint: descripción de lo que hace. Complementa a un label
  poco descriptivo o insuficiente.
• Accessibility Traits: carácterísticas de la naturaleza y comportamiento de
  un elemento.
Añadiendo accesibilidad a nuestra aplicación:
    – Probablemente el 80% de tu aplicación será accesible.
    – Llegarás al 95% haciendo cambios que no requieran modificar líneas de
      código.
    – Conseguirás el 100% implementando ciertos métodos.
Accesibilidad mediante código
• Escenarios donde con Interface Builder no es suficiente:
1.   La información de accesibilidad del control cambia dependiendo
     del estado de la aplicación.
2.   Creaciones propias de elementos de interfaz.
3.   Estar seguro que el usuario es informado cuando algo del interfaz
     cambia aunque no esté interactuando con la aplicación.

Añadiendo accesibilidad a nuestra aplicación:
     – Probablemente el 80% de tu aplicación será accesible.
     – Llegarás al 95% haciendo cambios que no requieran modificar líneas
       de código.
     – Conseguirás el 100% implementando ciertos métodos.
Enlaces de interés
• Accessibility for iPhone and iPad apps
• Are your mobile apps accessible?
• iOS for the Blind – A Real Eye-Opener
• The Librarian: Accessibility on iOS: Make an
  App for Everyone
• 2010 Developing Apps for iOS
• Hot new iPhone apps by irresponsible
  developers
Enlaces de interés
• Mobile Accessibility
• iAccessibility: iPhones & iPads Mobile Freedom
  for All
• Blog de Accesibilidad Web
Aplicaciones para iphone accesibles

Weitere ähnliche Inhalte

Ähnlich wie Aplicaciones para iphone accesibles

GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
Lisandra Armas
 
Descubriendo Windows Phone App Studio
Descubriendo Windows Phone App StudioDescubriendo Windows Phone App Studio
Descubriendo Windows Phone App Studio
Javier Suárez Ruiz
 
Ionic: el framework para crear aplicaciones-hibridas-multiplataforma
Ionic: el framework para crear aplicaciones-hibridas-multiplataformaIonic: el framework para crear aplicaciones-hibridas-multiplataforma
Ionic: el framework para crear aplicaciones-hibridas-multiplataforma
QuasarMaximus
 

Ähnlich wie Aplicaciones para iphone accesibles (20)

Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Patrones de Diseño en la Arquitectura de Integración Moderna
Patrones de Diseño en la Arquitectura de Integración ModernaPatrones de Diseño en la Arquitectura de Integración Moderna
Patrones de Diseño en la Arquitectura de Integración Moderna
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Accesibilidad en Android
Accesibilidad en AndroidAccesibilidad en Android
Accesibilidad en Android
 
Usos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_movilesUsos y tipos_de_aplicaciones_moviles
Usos y tipos_de_aplicaciones_moviles
 
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
 
Tema las apps
Tema las appsTema las apps
Tema las apps
 
De Windows Phone App Studio a la Store
De Windows Phone App Studio a la StoreDe Windows Phone App Studio a la Store
De Windows Phone App Studio a la Store
 
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
 
Responsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendacionesResponsive Web Design, ventaja, inconvenientes y recomendaciones
Responsive Web Design, ventaja, inconvenientes y recomendaciones
 
Presentacion Apps Moviles Atrapalo.com
Presentacion Apps Moviles Atrapalo.comPresentacion Apps Moviles Atrapalo.com
Presentacion Apps Moviles Atrapalo.com
 
Aplicaciones Móviles
Aplicaciones MóvilesAplicaciones Móviles
Aplicaciones Móviles
 
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
 
Descubriendo Windows Phone App Studio
Descubriendo Windows Phone App StudioDescubriendo Windows Phone App Studio
Descubriendo Windows Phone App Studio
 
Presentaciones Mariano Carrizo - eCommerce IT Camp
Presentaciones Mariano Carrizo - eCommerce IT Camp Presentaciones Mariano Carrizo - eCommerce IT Camp
Presentaciones Mariano Carrizo - eCommerce IT Camp
 
Aplicaciones Móviles Híbridas
Aplicaciones Móviles HíbridasAplicaciones Móviles Híbridas
Aplicaciones Móviles Híbridas
 
An introduction to Mobile Development (Spanish)
An introduction to Mobile Development (Spanish)An introduction to Mobile Development (Spanish)
An introduction to Mobile Development (Spanish)
 
Ionic: el framework para crear aplicaciones-hibridas-multiplataforma
Ionic: el framework para crear aplicaciones-hibridas-multiplataformaIonic: el framework para crear aplicaciones-hibridas-multiplataforma
Ionic: el framework para crear aplicaciones-hibridas-multiplataforma
 
Software en la actualidad
Software en la actualidadSoftware en la actualidad
Software en la actualidad
 
IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataforma
 

Mehr von Jorge Ortiz

Fiscalidad en el app store 2014
Fiscalidad en el app store 2014Fiscalidad en el app store 2014
Fiscalidad en el app store 2014
Jorge Ortiz
 

Mehr von Jorge Ortiz (12)

Fiscalidad en el app store 2014
Fiscalidad en el app store 2014Fiscalidad en el app store 2014
Fiscalidad en el app store 2014
 
Fiscalidad en el app store 2014
Fiscalidad en el app store 2014Fiscalidad en el app store 2014
Fiscalidad en el app store 2014
 
Automatización de interfaces e introducción a bdd
Automatización de interfaces e introducción a bddAutomatización de interfaces e introducción a bdd
Automatización de interfaces e introducción a bdd
 
Ui design patterns
Ui design patternsUi design patterns
Ui design patterns
 
Multipeer Connectivity Framework
Multipeer Connectivity FrameworkMultipeer Connectivity Framework
Multipeer Connectivity Framework
 
iBeacons
iBeaconsiBeacons
iBeacons
 
Kata tdd
Kata tddKata tdd
Kata tdd
 
Autolayout
AutolayoutAutolayout
Autolayout
 
Crashlitycs
CrashlitycsCrashlitycs
Crashlitycs
 
¿Cuánto cuesta una app?
¿Cuánto cuesta una app?¿Cuánto cuesta una app?
¿Cuánto cuesta una app?
 
Runtime
RuntimeRuntime
Runtime
 
Introduccion a core plot
Introduccion a core plotIntroduccion a core plot
Introduccion a core plot
 

Kürzlich hochgeladen

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Kürzlich hochgeladen (11)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 

Aplicaciones para iphone accesibles

  • 1. Aplicaciones para iPhone accesibles @felixzapata Front-End Manager and Web Accessibility Consultant. Madrid WordPress Meetup founder
  • 2. Mitos • Los usuarios con problemas de visión son siempre ciegos. • Los usuarios con problemas de visión siempre navegan de forma secuencial. • Los usuarios con problemas de visión escuchan todo el texto de la pantalla.
  • 3. Tipos de soporte de accesibilidad • Accesibilidad básica de los sistemas operativos. • Accesibilidad avanzada mediante programas de ayuda – JAWS – VoiceOver – Etc., • Componentes adicionales – Impresoras braille – Punteros – Etc.,
  • 4. Accesibilidad de los dispositivos iOS • Cómo funciona VoiceOver – Smartphones Become Essential Accessories for the Blind • Añadiendo accesibilidad a nuestra aplicación: • Probablemente el 80% de tu aplicación será accesible. • Llegarás al 95% haciendo cambios que no requieran modificar líneas de código. • Conseguirás el 100% implementando ciertos métodos.
  • 5.
  • 6. Accesibilidad en Interface Builder • Accessibility Enabled: aquellos elementos no marcados como accesibles serán ignorados. • Accessibility Label: texto que identifique el control. Pero nunca que indique el tipo de control que es. • Accessibility Hint: descripción de lo que hace. Complementa a un label poco descriptivo o insuficiente. • Accessibility Traits: carácterísticas de la naturaleza y comportamiento de un elemento. Añadiendo accesibilidad a nuestra aplicación: – Probablemente el 80% de tu aplicación será accesible. – Llegarás al 95% haciendo cambios que no requieran modificar líneas de código. – Conseguirás el 100% implementando ciertos métodos.
  • 7. Accesibilidad mediante código • Escenarios donde con Interface Builder no es suficiente: 1. La información de accesibilidad del control cambia dependiendo del estado de la aplicación. 2. Creaciones propias de elementos de interfaz. 3. Estar seguro que el usuario es informado cuando algo del interfaz cambia aunque no esté interactuando con la aplicación. Añadiendo accesibilidad a nuestra aplicación: – Probablemente el 80% de tu aplicación será accesible. – Llegarás al 95% haciendo cambios que no requieran modificar líneas de código. – Conseguirás el 100% implementando ciertos métodos.
  • 8. Enlaces de interés • Accessibility for iPhone and iPad apps • Are your mobile apps accessible? • iOS for the Blind – A Real Eye-Opener • The Librarian: Accessibility on iOS: Make an App for Everyone • 2010 Developing Apps for iOS • Hot new iPhone apps by irresponsible developers
  • 9. Enlaces de interés • Mobile Accessibility • iAccessibility: iPhones & iPads Mobile Freedom for All • Blog de Accesibilidad Web