Declaração de Acessibilidade
A Rubyy foi construída para ser utilizável pelo maior número possível de pessoas, independentemente da forma como navegam na Web. Esta página descreve as funcionalidades de acessibilidade que incorporámos em rubyy.com, as limitações que conhecemos e como nos comunicar quando algo não funciona.
Nível de conformidade pretendido
Procuramos cumprir as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1, nível AA. Trata-se do nível de referência da maioria das jurisdições para sítios Web destinados ao público (a Diretiva de Acessibilidade Web da UE, a PSBAR do Reino Unido, a atualização da Secção 508 dos EUA e a fasquia habitualmente referida da ADA). Testamos contra o nível AA em cada versão do site institucional; algumas áreas ultrapassam o nível AA sempre que tal foi fácil de conseguir, e algumas lacunas conhecidas ficam aquém. Ambas as listas figuram abaixo.
O produto Rubyy completo (a própria plataforma) está em desenvolvimento pré-lançamento. Quando o produto for lançado, publicaremos uma declaração de acessibilidade separada que abrange o painel de administração e as lojas que os nossos clientes constroem com ele.
O que construímos
- Navegação por teclado. Cada controlo interativo do site pode ser alcançado e acionado com Tab, Shift+Tab, Enter, Espaço e Esc. O primeiro elemento focável de cada página é uma ligação Saltar para o conteúdo principal que salta o cabeçalho.
- Indicador de foco visível. Aparece um contorno de 2 pixels em redor de qualquer elemento que esteja sob foco do teclado, tanto no modo claro como no escuro.
- Marcos semânticos. A página está estruturada com regiões
<header>,<main>,<nav>e<footer>, para que as tecnologias de apoio possam saltar entre elas. Os níveis de cabeçalho são lógicos (um<h1>por página, sem níveis omitidos por baixo). - Formulários. Tanto a inscrição na lista de lançamento como o formulário de contacto têm rótulos visíveis, marcam os campos obrigatórios com
aria-required, apresentam mensagens de erro ligadas ao campo através dearia-describedby, alternamaria-invalidno campo em causa e anunciam o estado da submissão por uma região live cortês. O botão de envio fica desativado até focar um campo, e o formulário definearia-busyenquanto o pedido está em curso. - Carrossel. O carrossel de produtos em destaque anuncia as mudanças de diapositivo através de uma região live cortês, dispõe de botões anterior/seguinte rotulados, e a navegação por pontos é lida como «Ir para o diapositivo N de M» no seu idioma. A faixa responde também ao deslizar/scroll nativo com setas.
- Seletor de país. O menu pendente de país no cabeçalho é um
<nav>rotulado de ligações; o idioma ativo é assinalado comaria-current="true". Para os países multilingues (Bélgica, Canadá, Suíça, Finlândia, Luxemburgo), cada idioma constitui a sua própria ligação focável. - Movimento reduzido. Se o seu sistema operativo tiver «Reduzir movimento» ativado (Acessibilidade do macOS/iOS, Definições do Windows → Acessibilidade → Efeitos visuais), desativamos a animação de brilho das gemas, o desvio dos separadores, o deslizamento do banner de cookies e o impulso automático do carrossel. O site permanece estático.
- Contraste. O texto do corpo e as ações principais cumprem o contraste AA tanto no modo claro como no escuro. Os rótulos de eyebrow e as cores das ligações passam a um tom de rubi mais claro no modo escuro, para manterem o contraste em cartões escuros.
- Texto alternativo. Todas as imagens significativas do site (capturas de ecrã do produto, ícones de público-alvo, a capa de OpenGraph) têm texto alternativo descritivo. As gemas decorativas e as linhas divisórias são marcadas como
aria-hidden, para que os leitores de ecrã não as anunciem. - Tipos de letra alojados localmente. Pacifico e Poppins são servidos a partir da mesma origem que o restante site, pelo que carregam mesmo quando os CDN de tipos de letra de terceiros são bloqueados por ferramentas de privacidade.
- Atributo de idioma. O atributo
langda página corresponde ao idioma ativo, para que os leitores de ecrã pronunciem o texto com a voz correta. O seletor lista 41 pares país/idioma e memoriza a sua escolha durante um ano. - Banner de cookies. O banner é uma região rotulada, pode ser alcançado com Tab a partir de qualquer ponto da página, e a ligação Preferências de cookies no rodapé volta a abri-lo diretamente no painel de definições por categoria, transferindo o foco para esse painel. Rejeitar é um clique no banner de primeira vez, com a mesma proeminência que Aceitar.
- Contagem decrescente. As células de dígitos visíveis atualizam-se a cada segundo, mas estão ocultas dos leitores de ecrã; em alternativa, é exposto um resumo fora do ecrã, atualizado uma vez por minuto, de modo a que as tecnologias de apoio não leiam cada tique.
- Mensagens de estado. Os erros e os sucessos são anunciados através de regiões live
role="status"e não apenas pela cor.
Limitações conhecidas
Somos transparentes quanto às lacunas que ainda não fechámos. Se alguma delas o impedir de utilizar o site, diga-nos.
- Revisão da tradução em maltês pendente. A tradução em maltês (
mt) foi um rascunho inicial que ainda não foi revisto por um falante nativo. Se encontrar formulações estranhas, envie-nos um e-mail. - Islândia e Luxemburgo. O Stripe Connect (que utilizamos para os pagamentos) não está localizado para islandês ou luxemburguês, pelo que os visitantes desses países recebem inglês (Islândia) ou francês/alemão (Luxemburgo). Quando o Stripe acrescentar esses idiomas, faremos o mesmo.
- Setas do teclado no carrossel. O carrossel responde a cliques, toques e gestos de deslizar, mas, atualmente, não roda com as setas do teclado quando o foco está no interior da faixa. Os botões anterior/seguinte cobrem totalmente a mesma funcionalidade.
- Foco do banner de cookies na primeira renderização. Quando um visitante de primeira vez chega ao site, o banner de cookies é renderizado em baixo, mas o foco permanece no corpo do documento para não interromper a leitura. Para o alcançar por teclado, percorra a página com Tab; em alternativa, utilize a ligação Preferências de cookies no rodapé, que transfere o foco para o banner.
Navegadores e tecnologias de apoio
Testamos o site nos seguintes ambientes:
- Chrome e Firefox no Windows 11 e no macOS Sonoma
- Safari 17 no macOS Sonoma e iOS 17/18
- Microsoft Edge no Windows 11
- VoiceOver no macOS Sonoma e iOS, NVDA no Windows, TalkBack no Android
- Navegadores baseados em Chromium no modo de contraste elevado do Windows
Os navegadores e as tecnologias de apoio mais antigos podem apresentar partes do site de forma diferente; corrigiremos os problemas específicos que nos comunicar.
Como reportar uma barreira
Se algo nesta página não funcionar com a sua tecnologia de apoio, ou se encontrar um problema de contraste/teclado/leitor de ecrã que nos tenha escapado, envie um e-mail para [email protected]. Inclua, por favor:
- O URL da página onde se deparou com o problema
- O que estava a tentar fazer
- A tecnologia de apoio/navegador que estava a utilizar
- O que aconteceu (e o que esperava que acontecesse)
Confirmaremos a receção da sua mensagem no prazo de dois dias úteis e indicaremos quando prevemos lançar uma correção.
Queixas formais
Se residir na UE e não conseguirmos resolver a sua queixa, pode encaminhá-la para a autoridade de supervisão da acessibilidade no seu Estado-Membro. Os visitantes do Reino Unido podem dirigir-se à Equality and Human Rights Commission. Os visitantes dos EUA podem apresentar queixa junto do Departamento de Justiça ao abrigo da ADA.
Alterações a esta declaração
Atualizaremos a data de «última atualização» acima sempre que introduzirmos alterações relevantes em matéria de acessibilidade. As adições significativas (uma nova funcionalidade no site, um novo idioma, a correção de uma limitação documentada) serão também resumidas aqui.