Uma solução criada para tornar mais eficiente a gestão dos serviços urbanos de Guarujá (SP) acaba de conquistar reconhecimento internacional. O projeto IOT
Istoé Floripa
Acreditamos firmemente que a internet deve estar disponível e acessível a qualquer pessoa, e estamos comprometidos em fornecer um site que seja acessível ao maior público possível, independentemente das circunstâncias e habilidades.
Para cumprir isso, pretendemos aderir o mais estritamente possível às Diretrizes de Acessibilidade de Conteúdo da Web 2.1 (WCAG 2.1) do World Wide Web Consortium (W3C) no nível AA. Essas diretrizes explicam como tornar o conteúdo da web acessível a pessoas com uma ampla gama de deficiências. A conformidade com essas diretrizes nos ajuda a garantir que o site seja acessível a todas as pessoas: pessoas cegas, pessoas com deficiências motoras, deficiência visual, deficiências cognitivas e muito mais.
Este site utiliza várias tecnologias que visam torná-lo o mais acessível possível em todos os momentos. Utilizamos uma interface de acessibilidade que permite que pessoas com deficiências específicas ajustem a IU (interface do usuário) do site e o projetem de acordo com suas necessidades pessoais.
Além disso, o site utiliza um aplicativo baseado em IA que roda em segundo plano e otimiza seu nível de acessibilidade constantemente. Este aplicativo corrige o HTML do site, adapta sua funcionalidade e comportamento para leitores de tela usados por usuários cegos e para funções de teclado usadas por indivíduos com deficiências motoras.
Se você encontrou um mau funcionamento ou tem ideias para melhorias, ficaremos felizes em ouvi-lo. Você pode entrar em contato com os operadores do site usando o seguinte e-mail contato@istoefloripa.com
Nosso site implementa a técnica de atributos ARIA (Accessible Rich Internet Applications), juntamente com várias mudanças comportamentais diferentes, para garantir que usuários cegos que visitam com leitores de tela sejam capazes de ler, compreender e aproveitar as funções do site. Assim que um usuário com um leitor de tela entra em seu site, ele recebe imediatamente um prompt para inserir o Perfil do Leitor de Tela para que possa navegar e operar seu site de forma eficaz.
Otimização do leitor de tela: executamos um processo em segundo plano que aprende os componentes do site de cima para baixo, para garantir a conformidade contínua, mesmo ao atualizar o site. Nesse processo, fornecemos aos leitores de tela dados significativos usando o conjunto de atributos ARIA. Por exemplo, fornecemos rótulos de formulário precisos; descrições para ícones acionáveis (ícones de mídia social, ícones de pesquisa, ícones de carrinho, etc.); orientação de validação para entradas de formulário; funções de elementos, como botões, menus, diálogos modais (pop-ups) e outros. Além disso, o processo em segundo plano verifica todas as imagens do site e fornece uma descrição precisa e significativa baseada no reconhecimento de objetos de imagem como uma tag ALT (texto alternativo) para imagens que não são descritas. Ele também extrairá textos que estão incorporados na imagem, usando uma tecnologia OCR (reconhecimento óptico de caracteres). Para ativar os ajustes do leitor de tela a qualquer momento, os usuários precisam apenas pressionar a combinação de teclado Alt+1. Usuários de leitores de tela também recebem anúncios automáticos para ativar o modo de leitor de tela assim que entram no site.
Esses ajustes são compatíveis com todos os leitores de tela populares, incluindo JAWS e NVDA.
Otimização da navegação pelo teclado: O processo em segundo plano também ajusta o HTML do site e adiciona vários comportamentos usando código JavaScript para tornar o site operável pelo teclado. Isso inclui a capacidade de navegar no site usando as teclas Tab e Shift+Tab, operar menus suspensos com as teclas de seta, fechá-los com Esc, acionar botões e links usando a tecla Enter, navegar entre elementos de rádio e caixa de seleção usando as teclas de seta e preenchê-los com a barra de espaço ou a tecla Enter. Além disso, usuários de teclado encontrarão menus de navegação rápida e de pular conteúdo, disponíveis a qualquer momento clicando em Alt+1 ou como os primeiros elementos do site ao navegar com o teclado. O processo em segundo plano também lida com pop-ups acionados movendo o foco do teclado em direção a eles assim que aparecem e não permite que o foco saia dele.
Os usuários também podem usar atalhos como “M” (menus), “H” (títulos), “F” (formulários), “B” (botões) e “G” (gráficos) para pular para elementos específicos.
Perfis de deficiência suportados em nosso site:
Modo de segurança para epilepsia: este perfil permite que pessoas com epilepsia usem o site com segurança, eliminando o risco de convulsões resultantes de animações piscantes ou piscantes e combinações de cores arriscadas.
Modo para deficientes visuais: este modo ajusta o site para a conveniência de usuários com deficiências visuais, como visão degradante, visão de túnel, catarata, glaucoma e outros.
Modo de deficiência cognitiva: este modo fornece diferentes opções de assistência para ajudar usuários com deficiências cognitivas, como dislexia, autismo, AVC e outros, a se concentrarem nos elementos essenciais do site com mais facilidade.
Modo amigável para TDAH: este modo ajuda usuários com TDAH e transtornos do neurodesenvolvimento a ler, navegar e focar nos principais elementos do site com mais facilidade, reduzindo significativamente as distrações.
Modo de cegueira: este modo configura o site para ser compatível com leitores de tela como JAWS, NVDA, VoiceOver e TalkBack. Um leitor de tela é um software para usuários cegos que é instalado em um computador e smartphone, e os sites devem ser compatíveis com ele.
Perfil de navegação do teclado (deficiência motora): este perfil permite que pessoas com deficiência motora operem o site usando as teclas Tab, Shift+Tab e Enter do teclado. Os usuários também podem usar atalhos como "M" (menus), "H" (títulos), "F" (formulários), "B" (botões) e "G" (gráficos) para pular para elementos específicos.
Ajustes adicionais de IU, design e legibilidade
Ajustes de fonte – os usuários podem aumentar e diminuir seu tamanho, alterar sua família (tipo), ajustar o espaçamento, alinhamento, altura da linha e muito mais.
Ajustes de cor – os usuários podem selecionar vários perfis de contraste de cor, como claro, escuro, invertido e monocromático. Além disso, os usuários podem trocar esquemas de cores de títulos, textos e fundos, com mais de sete opções de cores diferentes.
Animações – pessoas com epilepsia podem parar todas as animações em execução com o clique de um botão. As animações controladas pela interface incluem vídeos, GIFs e transições CSS piscantes.
Destaque de conteúdo – os usuários podem escolher enfatizar elementos importantes, como links e títulos. Eles também podem escolher destacar apenas elementos focados ou pairados.
Silenciamento de áudio – usuários com aparelhos auditivos podem ter dores de cabeça ou outros problemas devido à reprodução automática de áudio. Esta opção permite que os usuários silenciem todo o site instantaneamente.
Distúrbios cognitivos – utilizamos um mecanismo de busca vinculado à Wikipedia e ao Wikcionário, permitindo que pessoas com distúrbios cognitivos decifrem significados de frases, iniciais, gírias e outros.
Funções adicionais – oferecemos aos usuários a opção de alterar a cor e o tamanho do cursor, usar um modo de impressão, habilitar um teclado virtual e muitas outras funções.
Compatibilidade de navegador e tecnologia assistiva
Nosso objetivo é oferecer suporte à mais ampla gama possível de navegadores e tecnologias assistivas, para que nossos usuários possam escolher as ferramentas mais adequadas para eles, com o mínimo de limitações possível. Portanto, trabalhamos muito para poder oferecer suporte a todos os principais sistemas que compreendem mais de 95% da participação de mercado do usuário, incluindo Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (leitores de tela).
Notas, comentários e feedback
Apesar de nossos melhores esforços para permitir que qualquer pessoa ajuste o site às suas necessidades. Ainda pode haver páginas ou seções que não sejam totalmente acessíveis, estejam em processo de se tornarem acessíveis ou não tenham uma solução tecnológica adequada para torná-las acessíveis. Ainda assim, estamos continuamente melhorando nossa acessibilidade, adicionando, atualizando e aprimorando suas opções e recursos, e desenvolvendo e adotando novas tecnologias. Tudo isso tem como objetivo atingir o nível ideal de acessibilidade, seguindo os avanços tecnológicos. Para qualquer assistência, entre em contato com contato@istoefloripa.com
