Mobile App Accesibilidad Yant’awi 101: WCAG ukan phuqhawipa & Suma lurawinakapa

Móvil App Accesibilidad Yant’awix chiqapawa, apps ukanakax taqi jaqinakar mantañapataki, juk’ampis discapacitados ukanakar jamp’att’añataki. Uka lurawixa mä aplicación ukan diseño, contenido ukat funcionamiento ukanaka uñakipañawa, ukhamata:

• Ukax WCAG (Guías de Accesibilidad de Contenido Web) ukan kamachinakaparjamaw phuqhi.

• Ukax tecnología de ayuda ukampiw chikancht’asi, pantalla uñakipirinaka, controles de voz ukat yaqha thakhinak mantañ thakhinakampi.

  
  

Akax kunatix Mobile App Accessibility Testing ukax wakisi:

• Kamachirjam phuqhaña : Accesibilidad digital ukan kamachinakaparjam phuqhañax, ADA ukat Ley Europea de Accesibilidad ukarjam phuqhañax kamachinak tuqit jan walt’awinak, multa ukat suma uñt’at jan walt’awinak jark’aqi.

• Inclusión ukat Igual Acceso : Accesibilidad yant’awix apps móviles ukanakax sapa mayni discapacitados ukanakan apnaqañapatakiw uñji, chiqapar mantañapataki ukhamarak taqinitak ch’amanchañataki.

• Jach’a uñjirinakar puriñ : Accesible apps ukax juk’amp jach’a uñjirinakaruw chikañchaspa, millones de discapacidades ukanakampi, apnaqirinakan experienciap jach’anchayasa ukat machaq qhathunak uñstayañataki.

• Usuario Experiencia jach’anchayata : Accesibilidad ukan lurawinakapaxa, qhana navegación ukat diseño intuitivo, walja kutiw taqpach apnaqirin satisfacción ukat app ukan calificacionanakap askinchapxi.

• Responsabilidad Social : Accesibilidad ukar compromiso uñacht’ayañax mä empresan inclusividad ukat responsabilidad social ukar ch’amanchatap uñacht’ayi.

• Retrabajo ukat Costo ukanakat jithiqt : Nayra accesibilidad yant’awinakax qullqit rediseños ukat askichawinak jark’aqañatakiw yanapt’i, aljirinakax quejas ukat post-launch jan walt’awinak jisk’achañataki.

WCAG ukan phuqhawipax App Móvil ukan Accesibilidad ukatakiw

WCAG (Guías de Accesibilidad de Contenido Web) ukarjam phuqhañax wali wakiskiriwa, ukhamat apps móviles ukanakax discapacitados ukanakar puriñapataki. Qalltanx contenido web ukatakiw lurasiwayi, WCAG uka amuyunaka ukat criterios ukax apps móviles ukaruw apnaqasispa.

Akax kunjams WCAG ukarjam phuqhañax app móvil ukar puriñapatakix jan walt’ayi:

1. Uñt’aña

• Jan qillqat yänakatakix amuyañjam qillqat lantintañanak churaña, fotonaka jan ukax icononaka. Amuyt’añataki, fotonakatak alt texto jan ukax icono etiquetas ukanakamp chikancht’asiñax pantalla uñakipirinakax uka yänak uñjañ jan walt’ayat apnaqirinakar yatiyapxañapatakiw uñji.

  
  

• Uñakipt’añani kunatix contenido ukax walja formatos ukan (jan ukax mä sanu layout) jan yatiyawinak chhaqhayasaw puriyasispa. Apps móviles ukatakix akax mä paisaje ukat retrato modalidad ukax accesible ukhamaw qhiparaspa.

• Usuarionakax material uñch’ukiñ ukhamarak ist’añax jasakiw lurasi, qillqat ukhamarak telón de fondo colores ukanakan suma contraste ukar uñjasa ukat qillqat tama ukat volumen ukar mayjt’ayañatakix ajlliwinak uñacht’ayasa, jan app ukan irnaqawipar jan walt’ayasa.

  
  

2. Operable sata luraña

• Taqi programa capacidades ukax teclado jan ukax teclado ukar uñtasit mantañ apnaqañapawa, kunjamatix switches ukanakax discapacidad de movilidad ukan apnaqirinakataki. Ukax controles de navegación, formularios ukat características interactivas ukanakamp chikancht’atawa.

• Usuarionakax mä suma pachaw ullart’añatakis ukat contenidonak manq’añatakis churapxi, pantallanak automáticamente nayrar sartayañataki jan ukax sesiones ukanakar sinti jank’ak pachar tukuyasa.

• Convulsiones ukar puriyir contenidonak jan lurañamäkiti, sañäni, qhana qhananaka jan ukax pantalla jankʼak machaqar tukuyaña.

• Usuarionakax sarapxañapataki, contenido jikxatañataki, ukat app ukan kawkhans jikxatasipxi uk yatiñatakiw amtawinak churaña. Ukax qhana etiquetado botones ukat patrón de navegación constante ukanakaw utji.

  
  

3. Amuyaña

• Qillqata yatiyawinakxa liyt’añataki ukhamaraki amuyt’añataki luraña. Ukatakix nayrïr aru apnaqaña, jargon ukar jan arsuña, ukat pantalla ullart’irinakan qillqatanakax liyt’añapataki.

• Web ukan páginas ukanakax uñstañapawa ukat irnaqañapawa, ukax yatiñatakiw. Amuyt’añataki, mä botón ukax programa ukanx sapa kutiw lurañapa, ukatx contenido ukax janiw jan suyt’at mayjt’ayañapäkiti.

• Usuarionakax pantjasiwinak jark’aqañataki ukhamarak askichañatakiw yanapt’apxi. Ukax qhana pantjasiw yatiyawinakampi ukhamarak jasak yanapt’añ yänakampi.

  
  

4. Ch’amani

• Uñakipt’añaw app ukax jichha pachan ukhamarak jutïr pachan yanapt’ir tecnología ukamp irnaqañapataki, pantalla uñakipirinakampi, arut apnaqañamp ukhamarak lupanakampi.

• Suma técnicas de codificación apnaqaña, ukhamat app ukax kunayman agentes de usuarios ukanakamp irnaqañapataki, sistemas operativos, navegadores ukat dispositivos ayudas ukanakamp irnaqañapataki.

WCAG Niveles de Cumplimiento ukax mä juk’a pachanakanwa

• Nivel A: Accesibilidad web básica ukan lurawinakapa (nivel mínimo). Wali wakiskiriwa accesibilidad uka mayiwinakaru juk’ampi wakiskiri phuqhañataki.

• Nivel AA: Discapacitados ukanakatakix jach’a ukat típicos barreras ukanakaruw askichi. Jilapachax mä nivel apropiado ukhamaw uñjasi, productos digitales públicos ukanakataki.

• Nivel AAA: Grado de accesibilidad ukax juk’amp nayrar sartatawa ukat taqpachankiwa. Taqi Nivel AAA ukan kamachinakaparjam phuqhañax wali askiwa, ukampis janiw sapa kutix taqi géneros materiales ukanakatakix lurañjamakiti.

Uñacht’awix App Móvil ukan Accesibilidad ukan yant’awipawa

Uñacht’awi 1: Pantalla Uñakipirinakampi yant’aña

• Proceso: Pantalla uñakipirimpi VoiceOver (iOS) jan ukax TalkBack (Android) ukham app tuqi sarañataki. Yant’irix taqi elementos ukanakax chiqaparu yatiyatäñapataki ukhamarak flujo de navegación ukax lógico ukhamarak intuitivo ukhamäñapatakiw uñjañapa.

• Amtawi: Taqi elementos interactivos (botones, enlaces, campos de formulario) ukanakaxa chiqaparu uñt’ayata uñakipaña ukhamaraki mä contexto suficiente uka apnaqiriru churañataki.

• Ukax akham sañ muni: Yaqhip botones ukanakax etiquetas descriptivas ukanakan jan utjatapa, ukat jan uñjir jaqinakatakix kuna amtampis lurasi uk amuyañax ch’amakïspawa.

  
  

2 uñacht’awi: Saminakan mayjt’awinakapat yant’awi

• Proceso: Texto ukat fondo colores ukanakan contraste ratio ukarux amparampix mä herramienta de contraste de colores ukamp jan ukax uñjañ uñakipañampiw uñakipt’añama.

• Amtawi: Qillqataxa jani uñjkaya apnaqirinakatakixa jasa liyt’añapataki, juk’ampirusa saminakani jani uñjkaya jaqinakatakixa.

• Kunjamsa lurasini: Inas yaqhep textonakan elementonakapajj jan sum contrastatätap amuychisma, ukatwa liytʼañajj chʼamäspa.

Kunjamas Herramienta de Accesibilidad de Aplicaciones Móviles ukax chiqap jikxatasi?

Akax mä thakhinchawiwa, ukax chiqap herramienta ajlliñ yanapt’añatakiwa:

• Yant’añ munañanakam amuyañamawa aka tuqinakat uñakipt’asa:

  • Tipos de Discapacidades, kunjamatixa uñjaña, ist’aña, motor jan ukaxa cognitiva ukanaka.

  • Plataforma ukax herramienta ukax yanapt’iwa (iOS, Android, jan ukax panpachani).

    
    

• Jasakiw apnaqaña: Herramienta ukax jasakiw utt’ayaña ukat apnaqaña, juk’ampirus lurayirinakataki ukhamarak yant’irinakataki, jupanakax inas jan accesibilidad ukan especializatäpkchiti.

  
  

• Mayacht’asiñ ch’amanchawinaka: Uñakipt’aña herramienta ukax utjki uka lurawimp, CI/CD ukat yant’äw lurañ thakhinakampi mayacht’asitapa.

  
  

• Yatiyawi ukhamaraki qillqatanaka: Herramienta ukaxa qhana ukhamaraki lurañataki yatiyawinakxa churañapawa. Uñakipt’aña lurawinakata kunjamatixa yatiyawinakxa kunaymana formatos ukanakana exportación, sistemas de seguimiento de problemas ukanakampi mayachaña, ukhamaraki documentación ukanakaxa jan walt’awinaka askichañataki.

  
  

• Yanapt’awi ukat Comunidad: Suma yanapt’awinakampi, yatichañ yänakampi, ukhamarak mä activo usuario comunidadampi herramientas ukanakat amuyt’aña.

  
  

• Qullqi: Yaqhip herramientanakax inakiw (Fuente Abierta), yaqhipanakax suscripción jan ukax mä kuti alañaw wakisispa. Ajlliwimx presupuesto ukat características ukanakamp chikancht’asiñamawa, Retorno de Inversión (ROI) ukar equilibrar.

  
  

• Inaki yant’awinaka: Walja herramientas ukanakax inaki yant’awinak jan ukax demostración ukan versión ukanakaw utji. Ukanakax yant’äw pachanx herramienta ukan askinjam luratapat uñakipañatakiw apnaqasi.

  
  

• Chiqpach Uraqpachan Yant’awinaka: Herramienta ukax mä jisk’a t’aqa app ukan yant’atawa, chiqpach escenarios ukan kunjams irnaqaski uk uñjañataki.

App móvil ukan Accesibilidad ukar yant’añatak yänaka

Jichhax mä qawqha uñt’at Herramientas de Accesibilidad de Apps Móviles ukanakaw qhathunakan apnaqasiski. Yaqhipanakax Android jan ukax iOS ukan irnaqapxi, yaqhipanakax plataforma cruzada ukhamarak:

Android Accesibilidad yant’añataki yänaka

• Google Accessibility Scanner ukax Android apps ukarux automáticamente uñakipi, kunatix accesibilidad ukan jan walt’awinakax utjki ukanakataki, kunjamakitix etiquetas ukanakax chhaqhata, jisk’a llamkt’añ amtanaka, ukat colores contraste ukan jan walt’awinaka.Kunapachatix inakiw, apnaqañax jasakiwa, Google ukan chiqak; ukax jan walt’awinak uñt’ayañakiw utji, janiw manqhan yant’äwinak lurañax utjkiti.

  
  

• TalkBack Accesibilidad: TalkBack Accesibilidad ukax apnaqirinakarux Android dispositivos ukan Pantalla Lectoranak apnaqañapatakiw yanapt’i. Ukax luratawa, ukampirus amparamp lurat lurawiwa ukatx sum yant’añatakix pachaw munasispa.BrowserStack App Accessibility Tool ukax chiqpach Android dispositivonakan TalkBack Screen Reader ukar mantañapatakiw yanapt’i.

iOS Accesibilidad yant’añataki yänaka

• Xcode Accesibilidad Inspector: Xcode ukan lurat herramienta uñakipañataki ukhamarak yant’añataki atributos accesibilidad iOS apps ukan.Kunapachatix Xcode ukar Integrado ukhamarak chiqpach pachan uñakipañataki, ukat yant’añataki; ukax iOS ukan lurañ utanakaparuw uñt’ayasi, ukatx janiw mä automático yant’äwix utjkiti.

  
  

• VoiceOver: Akax mä pantalla uñakipiriw nativo dispositivos iOS ukataki, ukax kunjams apps ukanakax pantalla uñakipirinak apnaqirinakamp chikt’atäpxi uk yant’añatakiw apnaqasi. Ukax luratawa, ukax amparamp lurat lurawiwa ukatx sum yant’añatakix pachaw munasiraki.BrowserStack App Accessibility Tool ukax chiqpach iOS dispositivonakan VoiceOver Screen Reader ukar mantañapatakiw yanapt’i.

Plataforma Cruz (Android ukat iOS) Accesibilidad yant’äw yänaka

• BrowserStack App Accessibility ukax Native ukar uñtasit lurawinakampiw plataforma cruzada ukamp Android ukat iOS uka teléfonos ukan uñt’ayi. Pantalla uñakipiri yant’awimpi chika accesibilidad uñakipañanaka apnaqaña ukhamaraki BrowserStack App Accessibility herramienta apnaqañampi accesibilidad uñakipaña. Ukan jach’a lurawinakapax akanakawa:

  
  

  • Chiqpach iOS ukat Android dispositivonakar jank’ak mantañax cero configuración ukampi.

  • Escáner de flujo de trabajo, BrowserStack ukax motor propietario de regla ukampiw ch’amanchasi, ukax accesibilidad yant’awinak 5x juk’amp jayaruw tukuyi.

  • Mä clic ukampiw TalkBack ukat VoiceOver pantalla ullart’irinakar mantasma, ukax grabaciones ukat pantallanak tuqiw jan walt’awinak katjañataki.

  • Dashboard centralizado de informes ukax pantallas anotadas ukampiw amuyunaka ukat accionable remediación thakhinak jasak askichañatak uñacht’ayi.

    
    

¿Kunjamsa Aplicaciones móviles ukan Accesibilidad ukan yant’äwinak lurañax?

Paso 1. Accesibilidad ukatakixa wakisirinaka amtaña

• Uñakipt’añataki kamachinaka: Accesibilidad ukan kamachinakapat yatxatañamawa, ukax Accesibilidad de Contenido Web ukan kamachinakaparjamawa (WCAG) ukat plataforma ukan kamachinakaparjama (santi, Apple ukan Accesibilidad ukan kamachinakaparjama ukat Google ukan Accesibilidad de Diseño de Materiales ukan kamachinakaparjama).

  
  

• Usuario Objetivo uñt’ayaña: Kunayman jan walt’awinakan apnaqirinakan mayiwinakap amuyt’aña, sañäni, uñjañ, ist’añ, motor ukat cognitivo ukanakan limitaciones ukanaka.

  
  

• Yant’añ amtanaka utt’ayaña: Kawkïr accesibilidad lurawinakas yant’atäñapa uk amtaña, sañäni, pantalla uñakipirin compatibilidad, colores contraste, tamaños de metas táctiles ukat qillqat jach’anchayaña.

  
  

2. Chiqapa Herramientas ukanaka ajlliñani

• Manual de prueba herramientas: Pantalla ullart’irinakampi VoiceOver (iOS) ukat TalkBack (Android) ukanakamp apnaqañamawa, kunjams jan uñjir jaqinakax app ukamp chikt’asipxi uk amparamp yant’añataki.

  
  

• Automatizado Yant’awi yänaka: BrowserStack App Accessibility, jan ukax Google Accessibility Scanner ukham automático herramientas ukanakamp apnaqaña, ukhamat común accesibilidad jan walt’awinak uñt’ayañataki.

  
  

• Usuario yant’awi yänaka: Plataformas apnaqaña amuyt’aña kunjamatixa UserZoom jan ukaxa Loop11 chiqapa jaqinakampi yant’awinaka lurañataki jan walt’awinakampi.

  
  

3. Yatiyawinak uñakipaña

Uñstayata yatiyawinak uñakipt’aña, kawkhantix juk’amp askinak lurañax wakiski uk jikxatañataki. Uka yatiyawinakanx sapa kutiw kunayman jan walt’awinakax utjawayi, kawkhans utjawayi, ukat askichañ tuqit iwxt’awinakas utjarakiwa.

4. Discapacidad ukan apnaqirinakar uñt’ayaña

• Yant’irinakar jawst’aña: Chiqpach apnaqirinakaruw jawillt’añama, jan ch’amanïpki ukanakaru, app yant’añataki. Jupanakax wali aski amuyunaka churapxaspaw, ukax automático jan ukax manual yant’awinakax janiw utjkaspati.

  
  

• Amuyunaka apthapiñani: Kunjams uka apnaqirinakax app ukamp chikt’asipxi uk uñjapxam ukat apnaqañ tuqit amuyt’awinak mayipxam ukat kuna jark’awinaktix uñjapki ukanak mayipxam.

  
  

5. Jan walt’awinaka uñakipaña ukhamaraki askichaña

• Askichawinak nayrar sartayaña: Automatizado, manual ukat usuario yant’awinakarjam jan walt’awinak nayrar sartayaña, wakiskir jark’awinak accesibilidad ukar jach’añchasa.

• Chiqañchäwinak phuqhaña: Desarrolladores ukanakamp yanapt’asiñaw wakisi chiqañchäwinak phuqhañataki, app ukax juk’amp askinak jikxatañataki.

  
  

6. Wasitat yant’aña ukatxa chiqapa luraña

• Wasitat yant’aña: Mayjt’awinak lurañ tukuyasax, app ukar wasitat yant’aña, ukhamat accesibilidad ukan jan walt’awinakapax askichatäñapataki.

• Sapa kuti uñjaña: Accesibilidad yant’awixa sarantañapawa. Sapa kutiw machaq jach’anchayäwinak ukat lurawinakat yant’añama, ukhamat wali utjatapat chiqañchañataki.

  
  

Paso 7. Qillqaña ukatxa Yatiyawi

Taqi uñt’ata jan walt’awinaka, kuna lurawinakasa askichañatakixa lurasi, ukatxa qhipa lurawinakata taqpacha qillqantayaña.

Aplicaciones móviles ukan Accesibilidad ukar yant’añatakix wali suma lurawinakawa

Lista de comprobación ukax App Móvil ukan Accesibilidad ukan yant’äwinakapawa

Akax 5-Paso Lista de comprobación ukawa, Accesibilidad de Apps móviles ukar puriñatakiwa

1. Taqi kuna lurañanaka

• App ukax mä qhana sutimp uñt’ayatawa.

• Mä suma jerarquía de p’iqinchaw taqpach app ukan uñjañamawa.

ARIA Landmark Roles (kunjamakitix thakhi, navegación, contenido info, complementario, ukat banner) apnaqañax app jan ukax página ukar sum uñt’ayañataki.

Toque eventos ukatakix, aka condicionanakat mayniruw phuqhañama:

• Janiw kuna lurañs mä down-event ukamp qalltañamäkiti.
• Luräwinakax mä up-event ukamp qalltañawa, janïr tukuykasax lurañ cancelañ jan ukax reversión uka amtawimpi.
• Up-event ukax mä down-event ukan qalltat lurawinakap chhaqtayañatakiw apnaqaña.
• Luräwinak qalltaña, apnaqirin amtap qhan uñacht’ayañ tukuyatat.
• Ukhamaraki, llamkt’añ amtanakax wali jach’apuniwa, ukhamat jasakiw llamkt’añataki.

2. Ratios de Contraste de Colores ukanaka

• WCAG 2.1 AA nivel de colores contraste uka mayiwinakaru phuqhaña, ukhamata jani uñjirinakaru yanapt’añataki.
• Texto estándar ukatakix 4,5:1 ukja contraste ukar puriñawa.
• Jach’a qillqatanakatakix 3:1 contraste ukaniwa.
• Ukhamaraki saminakaru uñt’ayata yatiyawinaka yaqha tuqinakata puriñapataki.

3. Gestos ukat Retroalimentación Háptica ukanakamp llamkt’añamawa

• Gestos táctiles ukat retroalimentación háptica ukanakamp phuqhaña, app ukan lurawip ukhamarak apnaqirin experienciap Android ukat iOS ukanakan juk’amp jach’anchayañataki.

• Operaciones básicas ukax janiw gestos táctiles ukat dependerkiti, ukampirus accesibilidad ukat atractivo ukanak juk’amp askinjamaw uñjasispa, juk’ampis mä juk’a liyiñ yatiñan apnaqirinakataki.

4. Layouts ukat Navegación constante ukanaka

• Contenido, layout ukat navegación ukanakan mäkiptañap uñjaña, ukhamat apnaqirin experienciap juk’amp askiptañataki.

• Diseñar apps móviles ukax navegación ayuda ukampiw apnaqirinakar menús ukan irpañataki, juk’ampis khitinakatix motor ukan jan walt’awinakanïpki jupanakatakix khitinakatix apps móviles ukanakax navegadores web ukanakat sipans juk’amp munapxchispa.

• Layouts ukanakax suma wakicht’ata ukhamarak uñjañ tuqit chiqapar uñjañaw jan ch’axwañataki ukhamarak accesibilidad ukar ch’amanchañataki.

5. App Contenido/Medios de Comunicación ukar sum uñakipaña

• Contenido de app ukat medios de comunicación ukanakax jisk’a jach’a pantallanakan uñjatäñapatakiw mayjt’ayaña.

• Uñakipt’aña elementos interactivos, kunjamatixa “click” amtawi ukhamaraki funcionalidades de carrito de compras, ukaxa apnaqiriru ukhamaraki puriñapataki.

• Uñakipañjam p’iqinchäwinak apnaqaña ukat contenido ukan uñstawip sum apnaqaña, ukhamat discapacidad cognitiva ukan apnaqirinakar yanapt’añataki, app ukar amuyañataki ukhamarak sarañataki.

• Uñacht’awinakataki qhana qillqatanaka churaña, ukhamata ist’irinakataki ukhamaraki jan uñjirinakataki accesibilidad ukar yanapt’añataki.

Accesibilidad ukar app móvil ukar uñstayañax janiw mä requisito legal jan ukax ético ukakikiti, jan ukasti mä componente necesario ukhamawa, mä experiencia de usuario inclusiva ukan uñacht’ayañataki. Uñstayata kamachinakarjama, automático ukhamaraki manual yant’awinaka apnaqasa, ukhamaraki chiqpach apnaqirinakaru jan walt’awinakampi chikañchasa, software ukaxa taqiniru puriñapataki. Llamkt’añ amtanaka, colores contraste ukat yatiyawinak uñacht’ayañax taqpachaw sapa kuti sumachatäspa, kunayman apnaqirinakan mayitaparjam juk’amp sum uñt’ayañataki.

BrowserStack ukan plataforma apnaqasa , app ukax walja chiqpach dispositivos ukan yant’asispawa, ukhamat accesibilidad ukan lurawinakapax kunayman pachanakan irnaqañapataki ukhamarak apnaqañapataki. Aka amparampi lurawixa juk’ampi chiqapa uñakipañanaka lurañatakixa yanapt’arakiwa, ukhamaraki yanapt’iwa uñt’añataki ukhamaraki askichañataki accesibilidad tuqita kunatixa herramientas automáticas sapakixa jani walt’ayaspawa.