/acessibilidade-web

Repositório destinado à organização e exemplificação de conteúdo para Palestra no PrograMaria Summit 2019.

Primary LanguageJavaScript

Palestra - Acessibilidade: muito além do ALT no IMG

PrograMaria Summit 2019

Repositório destinado à organização e exemplificação de conteúdo para Palestra no PrograMaria Summit 2019. O repositório será atualizado ao longo do tempo, assim como o projeto de referência. Além disso, o projeto é fruto de estudos e formações em cursos - portanto, não é totalmente original.


Acessibilidade

O que é

Acessibilidade diz sobre a prática de desenvolver websites que possam ser acessados por pessoas com deficiências físicas, condições/transtornos cognitivos e que tenham alguma questõa que as impeçam de acessar websites da maneira como usualmente são desenvolvidos (como por exemplo, diferente tipos de hardware)

Acessibilidade Web e Leis

LEI Nº 10.098

Após a promulgação da Constituição, a Lei nº 10.098 foi o primeiro avanço efetivo na legislação brasileira em relação à acessibilidade. Ela estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas com deficiência ou com mobilidade reduzida e dá outras providências.

Essa lei foi regulamentada pelo Decreto nº 5.296, de 2 de dezembro de 2004. Este decreto representou um grande avanço, pois estabelece, no seu conceito de acessibilidade, a “utilização, com segurança e autonomia, […] dos dispositivos, sistemas e meios de comunicação e informação”. Estabelece, ainda, que são:

“d) barreiras nas comunicações e informações: qualquer entrave ou obstáculo que dificulte ou impossibilite a expressão ou o recebimento de mensagens por intermédio dos dispositivos, meios ou sistemas de comunicação, sejam ou não de massa, bem como aqueles que dificultem ou impossibilitem o acesso à informação.”

O acesso às tecnologias de informação e comunicação também foi definido como um direito humano básico na Convenção das Nações Unidas sobre os Direitos das Pessoas com Deficiência (UN CRPD).

Fonte

Acessibilidade Web

Diretrizes e Boas Práticas

Princípios da Acessibilidade Web

Perceptível: a informação e os componentes da interface do usuário precisam ser apresentados aos usuários de maneira que eles consigam percebê-las.

  • Alternativas em Texto: Fornecer alternativas em texto para todo o conteúdo não textual de modo a que o mesmo possa ser apresentado de outras formas, de acordo com as necessidades dos utilizadores, como por exemplo: caracteres ampliados, braille, fala, símbolos ou uma linguagem mais simples.
  • Mídia Dinâmica ou Contínua: Fornecer alternativas para conteúdo em multimídia dinâmica ou temporal.
  • Adaptável: Criar conteúdo que possa ser apresentado de diferentes formas (por ex., um esquema de página mais simples) sem perder informação ou estrutura.
  • Distinguível: Facilitar aos utilizadores a audição e a visão dos conteúdos nomeadamente através da separação do primeiro plano do plano de fundo.

Operável: os componentes da interface do usuário e sua navegação devem ser operáveis.

  • Acessível por Teclado: Fazer com que toda a funcionalidade fique disponível a partir do teclado.
  • Tempo Suficiente: Proporcionar aos utilizadores tempo suficiente para lerem e utilizarem o conteúdo.
  • Diretriz 2.3 Convulsões: Não criar conteúdo de uma forma que se sabe que pode causar convulsões.
  • Navegável: Fornecer formas de ajudar os utilizadores a navegar, localizar conteúdos e determinar o local onde estão.

Compreensível: a informação e a operação da interface do usuário precisa ser compreensível

  • Legível: Tornar o conteúdo textual legível e compreensível.
  • Previsível: Fazer com que as páginas Web apareçam e funcionem de forma previsível.
  • Assistência na Inserção de Dados: Ajudar os utilizadores a evitar e a corrigir os erros.

Robusto: o conteúdo tem que ser robusto o suficiente para ser interpretado de maneira confiável por uma grande variedade de agentes de usuários, incluindo tecnologias assistivas.

  • Compatível: Maximizar a compatibilidade com os agentes de utilizador atuais e futuros, incluindo as tecnologias de apoio.

Acessibilidade & Design

Princípios aplicados na idealização de um site web e no seu design.

Acessibilidade & Práticas

O uso de leitores de tela pode ser indicado para teste do website. Alguns conhecidos são o JAWS, o NVDA e, no caso do Mac, o VoiceOver - leitor que vem integrado ao sistema operacional. Há também o Narrador no Windows, e outros.

Exemplo de práticas em contrução (: Dê uma olhada no projeto de exemplo, por enquanto, e nos slides da apresentação.

Indicio fortemente a leitura desse artigo

Acessibilidade & Mercado de Trabalho

A acessibilidade web também é uma estratégia de negócio – e você deveria começar a pensar nela como tal. Com isso em mente, você perceberá que:

a) você será capaz de atingir um público maior; b) você terá um belo material para divulgar para a imprensa e c) o seu produto ou serviço se tornará invariavelmente melhor para todos.

Nesse artigo você pode entender melhor isso.

Se houver algum conflito em relação a técnicas de SEO e de Acessibilidade, lembre-se que o Google favorece em seus mecanismos de busca sites que são mais acessíveis. Você pode ler mais sobre isso aqui

Acessibilidade & Futuro

Acessibilidade Web Cognitiva

A Acessibilidade Web Cognitiva estuda aspectos e condições que podem afetar as pessoas com deficiências cognitivas na realização de tarefas em websites.

-Entrevista com Talita Pagani, uma das apoiadoras do Web Para Todos

Acessibilidade nas Ferramentas de Desenvolvimento

-A guide to coding accessible developer tools

Mais alguns Links Úteis e Curiosidades

Cartilha: Acessibilidade na Web (inclui informações legais e dados)

Web Accessibility, WCGA 2.0, and Drupal 8

Drupal

HandTalk - Oferecemos tradução digital para acessibilidade em Libras, a Língua Brasileira de Sinais.

IA do Facebook para reconhecimento de imagens

Web Accessibility Standards (WAS)

Formação Carreira Acessibilidade Alura

Cursos sobre Acessibilidade na Udemy

HTML: A good basis for accessibility

Arial-Label atribute

Acessibilidade, SEO e SVG

Frontinsampa 2016 - Reinaldo Ferraz: Lang e Alt: Atributos da Pesada

Podcast - Programar Sem Enxergar

Podcast - Acessibilidade Web

Estudo Brasileiro - 2018

Estudo Internacional - 2017

Todos@Web - Prêmio Nacional de Acessibilidade na Web

Ler cifra em Braile e tocar violão

Artigos 2018 a 2019

-The 2019 Guide to Website Accessibility (for Lawsuit and Demand Letter Prevention)