Què és accessible & Disseny inclusiu?

Què és accessible & Disseny inclusiu?
Rick Davis

Potser us heu preguntat per què és important l'accessibilitat per al disseny de la vostra aplicació? T'has preguntat mai si les persones cegues poden utilitzar la teva aplicació? Quines funcions ha proporcionat Apple per ajudar les persones amb discapacitat a interactuar amb els seus dispositius? En aquest article analitzarem l'accessibilitat i com podeu fer que la vostra aplicació sigui fàcil d'utilitzar per a tot tipus d'usuaris.

Visió

Els usuaris amb discapacitat visual poden incloure persones amb ceguesa, daltonisme i tots els graus de pèrdua de visió. Aquesta categoria també pot incloure usuaris la visió dels quals es veu afectada per factors externs i no necessàriament tenen una discapacitat visual.

Apple ofereix:

  • VoiceOver indica a l'usuari en veu alta què hi ha a l'àrea tàctil.
  • Zoom permet a l'usuari ampliar el contingut de la pantalla mitjançant gestos tàctils.
  • El dictat permet a l'usuari introduir text amb la seva veu
  • Inversió de color/ Inversió intel·ligent permet als usuaris veure contingut en un fons fosc. En el mode d'inversió intel·ligent, el contingut en si no s'inverteix mentre la interfície d'usuari es manté fosca.

Audició

Usuaris amb pèrdua auditiva, discapacitat auditiva però també usuaris que no necessàriament tenen una discapacitat auditiva però volen utilitzar funcions d'accessibilitat com la vibració en situacions en què no volen fer cap soroll.

Apple ofereix:

  • Tancatsubtítols permet a l'usuari afegir i mostrar subtítols al contingut multimèdia.
  • Les notificacions visuals i tàctils fan que l'usuari conegui alertes i missatges mitjançant llums i vibracions.
  • El mode Escriviu a Siri permet als usuaris interactuar amb Siri escrivint ordres.

Mobilitat

Els usuaris d'aquesta categoria poden tenir dificultats per subjectar i manipular el dispositiu de manera tradicional.

Apple ofereix:

  • Control del commutador permet a l'usuari navegar per la pantalla ressaltant elements seqüencialment i utilitzant un interruptor físic com ara el botó d'inici, el botó de bloqueig i altres per seleccionar un element.
  • El tacte d'assistència permet a un usuari configurar diversos gestos com a part d'un menú flotant que conté aquests gestos.
  • Siri permet als usuaris utilitzar la seva veu per dirigir Siri per ajudar a controlar aplicacions i dispositius.

Pensar en termes d'accessibilitat

L'accessibilitat no es limita als usuaris amb discapacitat. El principi bàsic de l'accessibilitat és posar la informació a l'abast de tothom, independentment de les seves capacitats i/o situació. Hauríeu de prioritzar la simplicitat i la perceptibilitat i examinar cada aspecte del vostre disseny per assegurar-vos que no exclou cap usuari.

Simplicitat: la qualitat o la condició de ser fàcil d'entendre.fer.

Perceptibilitat: prendre consciència o conscient de (alguna cosa); adonar-se o comprendre.

Personalització mitjançant controls estàndard

Si utilitzeu els controls estàndard que formen part del UIKit per crear el disseny de la interfície d'usuari, el text i els elements de la interfície de la vostra aplicació, el vostre disseny s'adaptarà automàticament a la configuració d'accessibilitat de l'usuari, com ara el tipus dinàmic, amb Text en negreta , Text més gran , Inverteix els colors i Augmenta el contrast .

Vegeu també: Guia de Will Paterson per dissenyar un logotip amb Shape Builder

Text

La mida i el pes del text contribueixen en gran mesura a garantir la claredat i la llegibilitat de l'aplicació. Utilitzeu Tipus dinàmic i comproveu que la disposició dels elements de totes les mides de text i glifs s'adapti bé a la pantalla. Pots baixar les taules de mida de tipus dinàmic d'Apple Design Resources.

El tipus dinàmic permet que els usuaris escullin la mida de lletra adequada per a ells. L'usuari pot escollir-ho a la configuració d'accessibilitat del dispositiu iOS.

Eviteu el truncament

Amb una mida de lletra augmentada, hauríeu d'evitar truncar el text, això assegurar-se que la informació no s'amaga. L'usuari simplement hauria de poder desplaçar-se per llegir tot el text que envolta. Truncar el text està bé si l'usuari té l'opció de tocar i veure el text complet en una vista independent.

Mantenir la jerarquia d'informació

Els elements principals deel vostre disseny hauria de romandre a la part superior de la pantalla, independentment de la mida del text. Si ho feu, s'assegurarà la coherència i es comunicarà una jerarquia clara a l'usuari cada vegada.

Pesos de la lletra

Fi i Les variants Ultra Thin de tipus de lletra poden ser divertides i interessants, però hauríeu de prioritzar l'ús de Regular , Grades de lletra mitjans , Seminegreta o Negreta perquè també tenen un aspecte funcional per si mateixos. sent molt més fàcil de veure, sobretot a mides de text més petites.

Contrast del text

El text que és més petit o té un pes més lleuger hauria de tenir un contrast més gran augmentar la llegibilitat. Podeu utilitzar la guia següent proporcionada per Apple per decidir quina relació de contrast i el pes del text és adequat en funció de la mida del text.

Fonts de lletra personalitzades

La majoria dels desenvolupadors d'aplicacions utilitzen tipus de lletra personalitzats. per destacar amb el disseny de la seva aplicació. Si necessiteu utilitzar un tipus de lletra personalitzat, assegureu-vos que el tipus de lletra sigui llegible, fins i tot a mides petites. Demaneu al vostre desenvolupador que admeti el tipus dinàmic amb el tipus de lletra personalitzat per mantenir l'accessibilitat.

Color

Si alguna part de la vostra aplicació utilitza color per transmetre informació, assegura't que també proporcioneu etiquetes de text o glifs per ajudar els usuaris daltònics a entendre la informació de la pantalla.

Colors del sistema

En la mesura del possible, intenteu utilitzar els colors del sistema percreeu els vostres dissenys, el text i les vistes respondran automàticament als canvis en la configuració d'accessibilitat del dispositiu, per exemple, Inverteix els colors i Augmenta el contrast .

Dtonisme

Quan comuniqueu una acció, una resposta o alguna cosa important, eviteu utilitzar el color com a únic senyal visual. Les persones amb daltonisme tindran dificultats per interactuar amb el vostre contingut.

Eviteu les combinacions de colors que els usuaris daltonistes els resulten difícils de distingir. Sobretot quan es tracta d'un element de control d'IU que té dos estats. Per exemple, si la vostra aplicació utilitza colors vermell i verd per comunicar l'estat, també podeu utilitzar formes per als estats respectius. Podeu utilitzar un quadrat per a un i un cercle per a l'altre estat.

Contrast

La relació de contrast entre el text i el fons ha de ser com a mínim de 4,5 a 1. Les proporcions es milloren amb tipus de lletra més grans i pesats, ja que són més fàcils de llegir amb un contrast més baix.

Augmentar el contrast d'elements visuals, com ara textos, glifos i controls d'IU, pot ajudar a millorar la llegibilitat del vostre disseny. Podeu provar si el vostre disseny compleix els nivells mínims acceptables de contrast mitjançant una eina de validació basada en les directrius d'accessibilitat de contingut web (WCAG).

Vegeu també: Els 15 millors estudis d'anime japonès

Eines d'accessibilitat

Creadors i validadors de paletes de colors

El creador de paletes de colors accessible permetintroduïu fins a sis colors i reviseu la matriu de colors per veure quins colors es poden combinar.

ColorBox de Lyft Design us permet crear un sistema de color accessible de manera algorítmica. També pot ordenar els colors per tonalitat, saturació i lluminositat.

ContrasteApp us permet comprovar l'accessibilitat del text segons les regles WCAG. Ah, i és gratuït [:

Simulador de daltonisme

Color Oracle simula algorítmicament el daltonisme, la qual cosa us permet veure els dissenys amb els ulls d'un daltònic. persona.

Surt

Quan investiguis, verifiqueu si les vostres hipòtesis sobre l'accessibilitat són correctes. Feu l'esforç de contactar amb associacions i comunitats en línia: us sorprendrà la voluntat de la gent per ajudar-vos.




Rick Davis
Rick Davis
Rick Davis és un dissenyador gràfic experimentat i artista visual amb més de 10 anys d'experiència en la indústria. Ha treballat amb una varietat de clients, des de petites startups fins a grans corporacions, ajudant-los a assolir els seus objectius de disseny i a elevar la seva marca mitjançant visuals efectives i impactants.Llicenciat a l'Escola d'Arts Visuals de la ciutat de Nova York, Rick és un apassionat d'explorar noves tendències i tecnologies de disseny i empènyer constantment els límits del que és possible en el camp. Té una gran experiència en programari de disseny gràfic i sempre està disposat a compartir els seus coneixements i idees amb els altres.A més de la seva feina com a dissenyador, Rick també és un blogger compromès, i es dedica a cobrir les últimes tendències i desenvolupaments en el món del programari de disseny gràfic. Creu que compartir informació i idees és clau per fomentar una comunitat de disseny forta i vibrant, i sempre té ganes de connectar amb altres dissenyadors i creatius en línia.Tant si està dissenyant un nou logotip per a un client, experimentant amb les últimes eines i tècniques al seu estudi o escrivint publicacions de bloc informatives i atractives, Rick sempre es compromet a oferir el millor treball possible i ajudar els altres a assolir els seus objectius de disseny.