Compartilhar via

Projetando sites acessíveis

  • Artigo

Crie um design de página da Web que seja utilizável por todas as pessoas, não importa sua preferência de mouse ou teclado, idade, educação, localização geográfica, linguagem ou deficiência.

Pessoas usar a tecnologia e navegar na Web têm uma ampla gama de habilidades e preferências. Ao projetar seu site, tenha em mente os principais cenários de acessibilidade a seguir.

Leitores de tela

Usuários cegos ou com baixa visão dependem dos leitores de tela para interpretar e interagir com a interface do usuário do aplicativo. A interpretação envolve a leitura dos nomes, funções e valores do elemento da interface do usuário. Interagir com a interface do usuário envolve mover o foco de um elemento para outro e invocar funcionalidades como clicar em um elemento da interface do usuário.

Acessibilidade do teclado

Muitos usuários de acessibilidade dependem do teclado para navegar e operar a interface do usuário por:

  • Movendo o foco entre os elementos pressionando a tecla Tab ou as teclas Shift+Tab .

  • Navegando em elementos de contêiner, como listas, grades e exibições de árvore usando as teclas de seta.

  • Invocando ações pressionando a tecla Enter ou a barra de espaços.

  • Usando chaves de atalho para acessar com eficiência outras funcionalidades do aplicativo.

Experiência visual acessível

Os usuários com baixa visão precisam de uma taxa de contraste de texto suficiente para conteúdo de texto e uma boa experiência visual com temas de alto contraste em geral. Os usuários que são cegos de cor precisam de informações para serem transmitidos de maneiras diferentes da cor.

Muitos problemas comuns de acessibilidade na Web podem ser resolvidos por meio de uma boa prática de codificação. A documentação WCAG (Diretrizes de Acessibilidade de Conteúdo Da Web) 2.0 fornece técnicas e práticas recomendadas para ajudar você a criar aplicativos Web dinâmicos mais acessíveis. Para obter mais informações, acesse Recursos sobre como criar sites acessíveis.

Recursos

  • Projetar para inclusão – Projetar para inclusão pela Iniciativa de Acessibilidade Web do W3C fornece recursos para ajudar você a entender melhor os usuários com deficiências e como projetar seu site com eles em mente.

  • Design de software inclusivo – A criação de software inclusivo discute princípios e práticas de design da Microsoft para o Plataforma Universal do Windows (UWP).

  • Como Pessoas com deficiências Use a Web – Esse recurso do W3C apresenta como pessoas com deficiência, incluindo pessoas com deficiências relacionadas à idade, usam a Web.

  • Kit de Ferramentas de Design Inclusivo – a Microsoft desenvolveu o Kit de Ferramentas de Design Inclusivo para mostrar como a diversidade humana pode criar melhores restrições de design e como conectar soluções aparentemente de nicho a mercados mais amplos.