Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Introdução

Este documento tem como objetivo fornecer uma visão geral das melhorias de acessibilidade implementadas no Meu RH recentemente. A acessibilidade é uma prioridade para nós e estamos comprometidos em garantir que todos os usuários, independentemente de suas capacidades, possam interagir efetivamente com nossa aplicação.

Telas Alteradas

As seguintes páginas foram atualizadas para melhorar a acessibilidade:

  • Login

Vídeo de demonstração da acessibilidade da tela de Login utilizando o Talkback (Android)

  • Home
  • Envelope de Pagamento
  • Informe de Rendimentos

Vídeo de demonstração da acessibilidade da Tela Home, Envelope de Pagamentos e Informe de Rendimentos utilizando o NVDA (Desktop)

  • Bater ponto

Vídeo de demonstração da acessibilidade da Tela de Bater Ponto utilizando o Talkback (Android)

  • Espelho de Ponto, incluindo as telas secundárias de incluir nova batida, acessar o resumo diário e acessar o resumo do período

Vídeo de demonstração da acessibilidade da Tela de Espelho de Ponto utilizando o Talkback (Android)

  • Férias
  • Atestado

Padrões de Acessibilidade Implementados

Nossas melhorias de acessibilidade seguem os seguintes padrões e diretrizes:

WCAG 2.1 (Web Content Accessibility Guidelines)

As diretrizes do WCAG 2.1 foram amplamente seguidas para garantir que nossa aplicação seja acessível para usuários com diferentes tipos de deficiências. As principais áreas de foco incluem:

      • Perceptível: Garantir que todos os elementos da interface sejam percebidos por usuários com diferentes capacidades sensoriais.
      • Operável: Facilitar a operação da aplicação por meio de diferentes dispositivos de entrada, como teclado e mouse.
      • Compreensível: Garantir que o conteúdo e a operação da aplicação sejam compreensíveis para todos os usuários.
      • Robusto: Garantir que a aplicação seja robusta o suficiente para lidar com diferentes tecnologias assistivas.

ARIA (Accessible Rich Internet Applications)

A utilização do ARIA foi implementada para melhorar a acessibilidade de elementos interativos da aplicação, fornecendo informações adicionais para tecnologias assistivas.

HTML Semântico

O HTML semântico foi amplamente utilizado para garantir uma estrutura clara e significativa da página, facilitando a compreensão e a navegação para usuários que dependem de tecnologias assistivas.

Conclusão

Estamos comprometidos em garantir que nossa aplicação seja acessível para todos os usuários. As melhorias de acessibilidade recentemente implementadas representam um passo significativo em direção a esse objetivo. Continuaremos a monitorar e melhorar a acessibilidade da nossa aplicação para garantir uma experiência inclusiva para todos os usuários.

Demais documentações

(Importante para os desenvolvedores)

  1. Web Content Accessibility Guidelines (WCAG):

    • Documentação Oficial: WCAG 2.1
    • Descrição: As WCAG são desenvolvidas pelo World Wide Web Consortium (W3C) e são o principal conjunto de diretrizes para tornar o conteúdo da web acessível para pessoas com deficiência. Elas fornecem recomendações para tornar o conteúdo web mais acessível em termos de percepção, operação e compreensão.
  2. Accessible Rich Internet Applications (ARIA):

    • Documentação Oficial: ARIA 1.2
    • Descrição: O ARIA é uma especificação do W3C que define uma maneira de tornar o conteúdo e as aplicações web mais acessíveis para pessoas com deficiência. Ele fornece atributos adicionais que podem ser adicionados a elementos HTML para melhorar sua acessibilidade.
  3. HTML Semântico:

    • Documentação Oficial: HTML Semântico
    • Descrição: Usar HTML semântico significa estruturar o código HTML de uma maneira que reflete o significado e a estrutura do conteúdo. Isso não só ajuda os mecanismos de busca a entenderem melhor o conteúdo da página, mas também melhora a acessibilidade para usuários de tecnologias assistivas.
  4. Técnicas de Acessibilidade da WAI (Web Accessibility Initiative):

    • Documentação Oficial: Técnicas de Acessibilidade
    • Descrição: Estas técnicas oferecem orientações específicas sobre como implementar as diretrizes do WCAG. Elas fornecem exemplos práticos e detalhes sobre como abordar problemas comuns de acessibilidade.
  5. Paleta de Cores Acessíveis:

    • Documentação Oficial: Paleta de Cores Acessíveis
    • Descrição: Este documento fornece diretrizes para escolher cores que tenham um bom contraste e sejam acessíveis para pessoas com deficiência visual.
  6. Tecnologias Assistivas:

    • Documentação Oficial: Páginas de suporte de fabricantes de tecnologias assistivas, como leitores de tela (por exemplo, NVDA), ampliadores de tela, teclados virtuais, etc.
    • Descrição: Familiarizar-se com as tecnologias assistivas e suas funcionalidades pode ajudar na compreensão de como tornar o conteúdo web mais acessível.