Que é accesible & Deseño inclusivo?

Que é accesible & Deseño inclusivo?
Rick Davis

Quizais te preguntaste por que é importante a accesibilidade para o deseño da túa aplicación? Algunha vez te preguntas se as persoas cegas poden usar a túa aplicación? Que funcións proporcionou Apple para axudar ás persoas con discapacidade a interactuar cos seus dispositivos? Neste artigo analizaremos a accesibilidade e como podes facer que a túa aplicación sexa fácil de usar para todo tipo de usuarios.

Visión

Os usuarios con discapacidade visual poden inclúen persoas con cegueira, daltonismo e todos os graos de perda de visión. Esta categoría tamén pode incluír usuarios cuxa visión se ve afectada por factores externos e que non teñan necesariamente unha discapacidade visual.

Ver tamén: Como debuxar persoas

Apple ofrece:

  • VoiceOver indica ao usuario en voz alta o que hai na área táctil.
  • Zoom permítelle ampliar o contido da pantalla mediante xestos táctiles.
  • O dictado permite ao usuario introducir texto usando a súa voz
  • Inversión de cor/Inversión intelixente permite aos usuarios ver contido nun fondo escuro. No modo de inversión intelixente, o contido en si non se inverte mentres a propia IU permanece escura.

Audición

Usuarios con perda auditiva ou discapacidade auditiva. pero tamén usuarios que quizais non teñan necesariamente unha discapacidade auditiva pero que queiran utilizar funcións de accesibilidade como a vibración en situacións nas que non queren facer ruído.

Apple ofrece:

  • Pechadosubtítulos permite ao usuario engadir e mostrar subtítulos ao contido multimedia.
  • Notificacións visuais e táctiles fan que o usuario estea ao tanto das alertas e das mensaxes mediante luces e vibracións.
  • O modo Escribir en Siri permite aos usuarios interactuar con Siri escribindo comandos.

Mobilidade

Os usuarios desta categoría poden ter dificultades para manter e manipular o dispositivo dun xeito tradicional.

Apple ofrece:

  • Control do interruptor permítelle ao usuario navegar pola pantalla resaltando elementos secuencialmente e usando un interruptor físico como o botón de inicio, o botón de bloqueo e outros para seleccionar un elemento.
  • O toque de asistencia permite que un usuario configure varios xestos como parte dun menú flotante que contén estes xestos.
  • Siri permite aos usuarios usar a súa voz para dirixir a Siri para que axude a controlar aplicacións e dispositivos.

Pensar en termos de accesibilidade

A accesibilidade non se limita aos usuarios con discapacidade. O principio básico da accesibilidade é poñer a información dispoñible para todos, independentemente das súas capacidades e/ou situación. Debes priorizar a sinxeleza e a percepción e examinar cada aspecto do teu deseño para asegurarte de que non exclúe a ningún usuario.

Sinxeleza: a calidade ou condición de ser fácil de entender.facer.

Ver tamén: Por que todo logotipo debe facerse en gráficos vectoriais

Percibibilidade: Tomar conciencia ou ser consciente de (algo); comprender ou entender.

Personalización mediante controis estándar

Se utilizas os controis estándar que forman parte do UIKit para crear o deseño da interface de usuario, o texto e os elementos da interface da súa aplicación, o seu deseño adaptarase automaticamente á configuración de accesibilidade do usuario, como o tipo dinámico, con Texto en negrita , Texto máis grande , Inverter cores e Aumentar o contraste .

Texto

O tamaño e o peso do texto axudan en gran medida a garantir a claridade e a lexibilidade na túa aplicación. Usa Tipo dinámico e proba que a disposición dos elementos de todos os tamaños de texto e glifos se adapta ben á pantalla. Podes descargar as táboas de tamaños de tipos dinámicos de Apple Design Resources.

O tipo dinámico permite que os usuarios elixan o tamaño de fonte que lles convén. O usuario pode escoller esta opción na configuración de accesibilidade do dispositivo iOS.

Evita o truncado

Se aumenta o tamaño da fonte, debes evitar truncar o texto. asegurarse de que a información non se oculte. O usuario debería simplemente poder desprazarse para ler todo o texto que envolve. Truncar o texto está ben se o usuario ten a opción de tocar e ver o texto completo nunha vista separada.

Manter a xerarquía de información

Os elementos primarios deo teu deseño debe permanecer na parte superior da pantalla independentemente do tamaño do texto. Facendo isto, garantirase a coherencia e comunicarase unha xerarquía clara ao usuario cada vez. As variantes de fontes Ultra Thin poden ser divertidas e interesantes, pero debes priorizar o uso de Regular , Graos de letra medianos , Seminegrita ou Negrita porque tamén teñen un aspecto funcional por si mesmos. sendo moito máis fácil de ver, especialmente en tamaños de texto máis pequenos.

Contraste do texto

O texto que é máis pequeno ou ten un peso máis lixeiro debería ter un maior contraste con aumentar a lexibilidade. Podes utilizar a seguinte guía proporcionada por Apple para decidir que proporción de contraste e peso do texto son os adecuados en función do tamaño do texto.

Tipos de letra personalizados

A maioría dos desenvolvedores de aplicacións usan fontes personalizadas. para destacar co deseño da súa aplicación. Se tes que usar un tipo de letra personalizado, asegúrate de que o tipo de letra sexa lexible, mesmo en tamaños pequenos. Pídelle ao teu programador que admita o tipo dinámico usando a fonte personalizada para manter a accesibilidade.

Cor

Se algunha parte da túa aplicación usa cor para transmitir información, asegúrate de que tamén proporciona etiquetas de texto ou glifos para axudar aos usuarios daltónicos a comprender a información que aparece na pantalla.

Cores do sistema

Na medida do posible, intente utilizar as cores do sistema paracrea os teus deseños, o texto e as vistas responderán automaticamente aos cambios na configuración de accesibilidade do dispositivo, por exemplo, Inverter cores e Aumentar o contraste .

Dtonismo

Cando esteas a comunicar unha acción, unha resposta ou algo importante, evita usar a cor como única indicación visual. As persoas con daltonismo terán dificultades para interactuar co teu contido.

Evita combinacións de cores que os usuarios daltonistas lles resultan difíciles de distinguir. Especialmente cando se trata dun elemento de control da IU que ten dous estados. Por exemplo, se a túa aplicación usa cores vermella e verde para comunicar o estado, tamén podes usar formas para os estados respectivos. Podes usar un cadrado para un e un círculo para o outro.

Contraste

A relación de contraste entre o texto e o seu fondo debe ser polo menos de 4,5 a 1. As relacións melloran con fontes máis grandes e pesadas, xa que son máis fáciles de ler con menor contraste.

Aumentar o contraste dos elementos visuais, como textos, glifos e controis da IU, pode axudar a mellorar a lexibilidade do teu deseño. Podes probar se o teu deseño cumpre os niveis mínimos aceptables de contraste mediante unha ferramenta de validación baseada nas Directrices de accesibilidade ao contido web (WCAG).

Ferramentas de accesibilidade

Creadores e validadores de paletas de cores

O creador de paletas de cores accesible permiteintroduce ata seis cores e revisa a matriz de cores para ver que cores se poden combinar.

ColorBox de Lyft Design permíteche crear un sistema de cores accesible de forma algorítmica. Tamén pode ordenar as cores por ton, saturación e luminosidade.

ContrasteApp permíteche comprobar a accesibilidade do texto en función das regras WCAG. Ah, e é gratuíto [:

Simulador de daltonismo

Color Oracle simula algorítmicamente o daltonismo, o que che permite ver deseños cos ollos dun daltonista persoa.

Saia de aí

Ao investigar, verifique se as súas suposicións sobre a accesibilidade son correctas. Esfórzate en contactar con asociacións e comunidades en liña: sorprenderíaste de que a xente está disposta a axudar.




Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.