Status de conformidade

Acreditamos firmemente que a Internet deve estar disponível e acessível a qualquer pessoa e estamos empenhados em fornecer um website que seja acessível ao maior público possível, independentemente das circunstâncias e capacidades.

Para cumprir isso, pretendemos aderir tão estritamente quanto 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. Estas diretrizes explicam como tornar o conteúdo da web acessível a pessoas com diversas deficiências. O cumprimento dessas diretrizes nos ajuda a garantir que o site seja acessível a todas as pessoas: pessoas cegas, pessoas com deficiência motora, deficiência visual, deficiência cognitiva e muito mais.

Este site utiliza diversas 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 UI (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 é executado em segundo plano e otimiza constantemente seu nível de acessibilidade. Esta aplicação corrige o HTML do site, adapta sua funcionalidade e comportamento para leitores de tela utilizados por usuários cegos e para funções de teclado utilizadas por indivíduos com deficiência motora.

Se você encontrou um defeito 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@betocastro.com.br

Leitor de tela e navegação por teclado

Nosso site implementa a técnica de atributos ARIA (Aplicativos de Internet Ricos Acessíveis), juntamente com várias mudanças comportamentais diferentes, para garantir que os usuários cegos que visitam leitores de tela sejam capazes de ler, compreender e desfrutar das funções do site. Assim que um usuário com leitor de tela entra em seu site, ele recebe imediatamente uma solicitação para inserir o perfil do leitor de tela para que possa navegar e operar seu site com eficiência. Veja como nosso site cobre alguns dos requisitos mais importantes do leitor de tela, juntamente com capturas de tela do console com exemplos de código:

1. Otimização do leitor de tela: executamos um processo em segundo plano que aprende os componentes do site de cima a baixo, para garantir conformidade contínua mesmo durante a atualização do site. Nesse processo, fornecemos aos leitores de tela dados significativos usando o conjunto de atributos ARIA. Por exemplo, fornecemos etiquetas de formulário precisas; descrições de í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 objeto de imagem como uma tag ALT (texto alternativo) para imagens que não são descritas. Também extrairá textos que estão incorporados na imagem, utilizando 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. Os usuários de leitores de tela também recebem anúncios automáticos para ativar o modo leitor de tela assim que entram no site.

   These adjustments are compatible with all popular screen readers, including JAWS and NVDA.

2. Keyboard navigation optimization: The background process also adjusts the website’s HTML, and adds various behaviors using JavaScript code to make the website operable by the keyboard. This includes the ability to navigate the website using the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger buttons and links using the Enter key, navigate between radio and checkbox elements using the arrow keys, and fill them in with the Spacebar or Enter key.Additionally, keyboard users will find quick-navigation and content-skip menus, available at any time by clicking Alt+1, or as the first elements of the site while navigating with the keyboard. The background process also handles triggered popups by moving the keyboard focus towards them as soon as they appear, and not allow the focus drift outside of it.

   Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Disability profiles supported in our website

• Epilepsy Safe Mode: this profile enables people with epilepsy to use the website safely by eliminating the risk of seizures that result from flashing or blinking animations and risky color combinations.
• Visually Impaired Mode: this mode adjusts the website for the convenience of users with visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and others.
• Cognitive Disability Mode: this mode provides different assistive options to help users with cognitive impairments such as Dyslexia, Autism, CVA, and others, to focus on the essential elements of the website more easily.
• ADHD Friendly Mode: this mode helps users with ADHD and Neurodevelopmental disorders to read, browse, and focus on the main website elements more easily while significantly reducing distractions.
• Blindness Mode: this mode configures the website to be compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software for blind users that is installed on a computer and smartphone, and websites must be compatible with it.
• Keyboard Navigation Profile (Motor-Impaired): this profile enables motor-impaired persons to operate the website using the keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.

Additional UI, design, and readability adjustments

1. Font adjustments – users, can increase and decrease its size, change its family (type), adjust the spacing, alignment, line height, and more.
2. Ajustes de cores – os usuários podem selecionar vários perfis de contraste de cores, como claro, escuro, invertido e monocromático. Além disso, os usuários podem trocar esquemas de cores de títulos, textos e planos de fundo, com mais de 7 opções de cores diferentes.
3. Animações – usuários epilépticos podem interromper 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 flash de CSS.
4. Destaque de conteúdo – os usuários podem optar por enfatizar elementos importantes, como links e títulos. Eles também podem optar por destacar apenas os elementos em foco ou pairados.
5. Silenciamento de áudio – usuários com aparelhos auditivos podem sentir dores de cabeça ou outros problemas devido à reprodução automática de áudio. Esta opção permite aos usuários silenciar todo o site instantaneamente.
6. 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.
7. 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, ativar um teclado virtual e muitas outras funções.

Compatibilidade de navegador e tecnologia assistiva

Nosso objetivo é oferecer suporte à maior variedade 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, temos trabalhado muito para poder oferecer suporte a todos os principais sistemas que representam mais de 95% do mercado de usuários, incluindo Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (leitores de tela), ambos para Windows e para usuários de MAC.

Notas, comentários e feedback

Apesar dos nossos melhores esforços para permitir que qualquer pessoa ajuste o site às suas necessidades, ainda poderão existir páginas ou secções que não sejam totalmente acessíveis, que estejam em processo de se tornarem acessíveis ou que não tenham uma solução tecnológica adequada para torná-las acessíveis. Ainda assim, estamos continuamente a melhorar a nossa acessibilidade, acrescentando, atualizando e melhorando as suas opções e funcionalidades, e desenvolvendo e adotando novas tecnologias. Tudo isso para atingir o nível ideal de acessibilidade, acompanhando os avanços tecnológicos. Para qualquer assistência, entre em contato com contato@betocastro.com.br