SlideShare una empresa de Scribd logo
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.
Aplicaciones para iphone accesibles
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

Más contenido relacionado

PDF
Servicios API para sitios web y dispositivos
Hernan Guzman
 
PDF
Masterclass: Apps, sin redes sociales estais perdidas
On Egon
 
PDF
Tech Talk #5 : KIF-iOS Integration Testing Framework - Nguyễn Hiệp
Nexus FrontierTech
 
PDF
Automated UI testing for iOS apps using KIF framework and Swift
Jurgis Kirsakmens
 
PDF
Appsaccesibles
Cristopher Alejos Ascue
 
PDF
Apps accesibles
Ceapat de Imserso
 
PPTX
Usabilidad y Accesibilidad en Productos Digitales
Carlos J Carvajalino M
 
PPTX
Accesibilidad en Android
Marco Avendaño
 
Servicios API para sitios web y dispositivos
Hernan Guzman
 
Masterclass: Apps, sin redes sociales estais perdidas
On Egon
 
Tech Talk #5 : KIF-iOS Integration Testing Framework - Nguyễn Hiệp
Nexus FrontierTech
 
Automated UI testing for iOS apps using KIF framework and Swift
Jurgis Kirsakmens
 
Appsaccesibles
Cristopher Alejos Ascue
 
Apps accesibles
Ceapat de Imserso
 
Usabilidad y Accesibilidad en Productos Digitales
Carlos J Carvajalino M
 
Accesibilidad en Android
Marco Avendaño
 

Similar a Aplicaciones para iphone accesibles (20)

PDF
Shift left a11y: Haz tu aplicación accesible para más de mil millones de usua...
Lisandra Armas
 
PPS
Clase7 diseñode interacciónblackberry–iphone
Christian Cabrera
 
PPTX
Simulacion de Usuarios para evaluar apps
ssuser345de3
 
PDF
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Lisandra Armas
 
PDF
TestingUY 2016 - Pruebas de Accesibilidad para aplicaciones móviles
Lisandra Armas
 
PDF
Taller evento TestingUY 2016 - Pruebas de Accesibilidad para Aplicaciones Mov...
TestingUy
 
PDF
Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
Lisandra Armas
 
KEY
Presentacion cw2012
Alberto Garrido
 
PDF
Shift Left a11y - Aftertest
Lisandra Armas
 
PPT
diseño web
baby1
 
PDF
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
Lisandra Armas
 
PPTX
Multimedia2
BELKIS121519
 
PDF
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
Lisandra Armas
 
PPT
Sitios Web Gobierno
GrupoIHC.org
 
PPT
Fundamentos de sitios web accesibles 2012
Daniel Seara
 
PDF
Presentación Accesibilidad ASPACENET
Droidcon Spain
 
PDF
Human centered design
Bellatrix Martinez
 
PPTX
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Juan Paulo Madriaza
 
DOCX
Usabilidad
José Gregorio Calderón
 
PDF
Proyecto recursos alumnos con discapacidad visual
Mariana Calle
 
Shift left a11y: Haz tu aplicación accesible para más de mil millones de usua...
Lisandra Armas
 
Clase7 diseñode interacciónblackberry–iphone
Christian Cabrera
 
Simulacion de Usuarios para evaluar apps
ssuser345de3
 
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Lisandra Armas
 
TestingUY 2016 - Pruebas de Accesibilidad para aplicaciones móviles
Lisandra Armas
 
Taller evento TestingUY 2016 - Pruebas de Accesibilidad para Aplicaciones Mov...
TestingUy
 
Evento IxDD 2018 - Accesibilidad en aplicaciones web y mobile
Lisandra Armas
 
Presentacion cw2012
Alberto Garrido
 
Shift Left a11y - Aftertest
Lisandra Armas
 
diseño web
baby1
 
Webinar con QA Lovers - Shift left a11y: Haz tu aplicación accesible para más...
Lisandra Armas
 
Multimedia2
BELKIS121519
 
GeneXus 29 - ¿Cómo hacer mi aplicación accesible para más de un 1 billón de u...
Lisandra Armas
 
Sitios Web Gobierno
GrupoIHC.org
 
Fundamentos de sitios web accesibles 2012
Daniel Seara
 
Presentación Accesibilidad ASPACENET
Droidcon Spain
 
Human centered design
Bellatrix Martinez
 
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Juan Paulo Madriaza
 
Proyecto recursos alumnos con discapacidad visual
Mariana Calle
 
Publicidad

Más de Jorge Ortiz (12)

PDF
Fiscalidad en el app store 2014
Jorge Ortiz
 
PDF
Fiscalidad en el app store 2014
Jorge Ortiz
 
PDF
Automatización de interfaces e introducción a bdd
Jorge Ortiz
 
PDF
Ui design patterns
Jorge Ortiz
 
PDF
Multipeer Connectivity Framework
Jorge Ortiz
 
PDF
iBeacons
Jorge Ortiz
 
PDF
Kata tdd
Jorge Ortiz
 
PDF
Autolayout
Jorge Ortiz
 
PDF
Crashlitycs
Jorge Ortiz
 
PDF
¿Cuánto cuesta una app?
Jorge Ortiz
 
KEY
Runtime
Jorge Ortiz
 
PDF
Introduccion a core plot
Jorge Ortiz
 
Fiscalidad en el app store 2014
Jorge Ortiz
 
Fiscalidad en el app store 2014
Jorge Ortiz
 
Automatización de interfaces e introducción a bdd
Jorge Ortiz
 
Ui design patterns
Jorge Ortiz
 
Multipeer Connectivity Framework
Jorge Ortiz
 
iBeacons
Jorge Ortiz
 
Kata tdd
Jorge Ortiz
 
Autolayout
Jorge Ortiz
 
Crashlitycs
Jorge Ortiz
 
¿Cuánto cuesta una app?
Jorge Ortiz
 
Runtime
Jorge Ortiz
 
Introduccion a core plot
Jorge Ortiz
 
Publicidad

Último (20)

PDF
Excel avanzado trabajo grupal tecnologia
mapaulahiguita
 
PPTX
Telecomunicaciones proyeccion de ventas 2025.pptx
miguelolivarren2
 
PDF
Chile Claro Swap Project Guidebook Version 1.4.1b.pdf
DarkoAlmanzaTrujillo
 
PDF
Trabajo Tecnología #2 Periodo (1).pdf ajdj
colgess2
 
PDF
VelezOrtiz_Yadira_M1S3AI6 Presentación digital
Yadira Elizabeth Vélez Ortiz
 
DOCX
#USOLASTICPARA Proyecto integrador M1S4PI JuarezGonzalez _Maria_M1S4PI.doc...
MariaSusanaJuarezGon
 
PDF
2do grado medios de transportes.pdf para el primario
AndreaAlegre18
 
PDF
Conceptos básicos de programación - Paula Obando
edeppaulaobando
 
PDF
Estructuras básicas Conceptos básicos de programación.pdf
sdbdsamuel
 
PPTX
CamposFlores_Fernando_M1S3AI6-PrepaLineaSEP
231464482
 
PDF
Conceptos básicos de programación trabajo grupal
darcyrobayo2007
 
PDF
Trabajo grupal segundo periodo Tecnología .pdf
edepemanuelflechas
 
PDF
Trabajo de tecnologia en equipo (1).pdf
jjfch3110
 
PDF
actividad tecnologia (1).pdflksjksIUQWDIUWEGDHI
anavallejo2323
 
PDF
Trabajo Tecnología Diagrama De Pareto.pdf
srsantiagof09
 
DOCX
Informe de Tecnologia Diagrama de Pareto Juan Martinez, Alexandra Delgado, L...
edepisabellanaranjo
 
PDF
Distribución de frecuencias y diagrama de pareto en Excel
Eleazar88
 
DOCX
tecnologia actividad segundo periodo.docx
samuelcuaran
 
PDF
Diagrama de Pareto en PDF pareto el mejor
zaidmarinb11
 
PPTX
Actividad integradora 6 Crear un archivo multimedia
susana0271
 
Excel avanzado trabajo grupal tecnologia
mapaulahiguita
 
Telecomunicaciones proyeccion de ventas 2025.pptx
miguelolivarren2
 
Chile Claro Swap Project Guidebook Version 1.4.1b.pdf
DarkoAlmanzaTrujillo
 
Trabajo Tecnología #2 Periodo (1).pdf ajdj
colgess2
 
VelezOrtiz_Yadira_M1S3AI6 Presentación digital
Yadira Elizabeth Vélez Ortiz
 
#USOLASTICPARA Proyecto integrador M1S4PI JuarezGonzalez _Maria_M1S4PI.doc...
MariaSusanaJuarezGon
 
2do grado medios de transportes.pdf para el primario
AndreaAlegre18
 
Conceptos básicos de programación - Paula Obando
edeppaulaobando
 
Estructuras básicas Conceptos básicos de programación.pdf
sdbdsamuel
 
CamposFlores_Fernando_M1S3AI6-PrepaLineaSEP
231464482
 
Conceptos básicos de programación trabajo grupal
darcyrobayo2007
 
Trabajo grupal segundo periodo Tecnología .pdf
edepemanuelflechas
 
Trabajo de tecnologia en equipo (1).pdf
jjfch3110
 
actividad tecnologia (1).pdflksjksIUQWDIUWEGDHI
anavallejo2323
 
Trabajo Tecnología Diagrama De Pareto.pdf
srsantiagof09
 
Informe de Tecnologia Diagrama de Pareto Juan Martinez, Alexandra Delgado, L...
edepisabellanaranjo
 
Distribución de frecuencias y diagrama de pareto en Excel
Eleazar88
 
tecnologia actividad segundo periodo.docx
samuelcuaran
 
Diagrama de Pareto en PDF pareto el mejor
zaidmarinb11
 
Actividad integradora 6 Crear un archivo multimedia
susana0271
 

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.
  • 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