O que fazemos para tornar o Easy LMS acessível

Tu e os teus amigos têm todos bilhetes para o concerto do teu artista favorito. Há semanas que andam a falar disso e hoje é finalmente a noite. Na entrada, os vossos bilhetes são verificados. Só que... o teu bilhete não é válido. Tentas convencer o guarda a deixar-te passar, mas ele não cede. Todos são autorizados a entrar, exceto tu.

Depois do concerto, encontras-te com os teus amigos. Todos eles estão a falar de como o concerto foi espetacular! Estiveram na fila da frente o tempo todo. Depois, até receberam autógrafos e puderam tirar uma fotografia com o artista. Mostram-lhe vídeos e fotografias do concerto. O concerto que perdeste, porque não te deixaram entrar.

Isto dói, não dói? Foste excluído porque simplesmente tiveste azar.

Esforçamo-nos por tornar a nossa plataforma tão inclusiva quanto possível.

No Easy LMS, não queremos excluir pessoas apenas por causa da má sorte. Pensamos que é importante que todos possam usar o nosso produto, independentemente da sua origem, localização, circunstância ou condição. Esforçamo-nos por tornar a nossa plataforma o mais inclusiva possível. Eis o que fizemos para que isso aconteça.

O que é a acessibilidade?

Mais de mil milhões de pessoas em todo o mundo têm algum tipo de deficiência. Existe uma grande variedade de deficiências, que se dividem nas seguintes categorias

• Deficiências visuais, como a perda de visão ou a cegueira. A Organização Mundial de Saúde estima que 217 milhões de pessoas são deficientes visuais e 36 milhões de pessoas são cegas em todo o mundo.

• Deficiências auditivas, tais como baixos níveis de audição ou ausência de audição.

• Deficiências de mobilidade, tais como perda de membros, paralisia ou dificuldade em controlar os membros.

• Deficiências cognitivas, que podem variar muito. Esta categoria inclui pessoas com doenças mentais, dificuldades de aprendizagem (como a dislexia) e deficiências intelectuais.

Podemos dividir estas deficiências em três modalidades: permanentes, temporárias e condicionais/situacionais. Nem todas as deficiências são permanentes. Pense em como teria dificuldade em utilizar um computador se partisse um braço. Ou como a luz solar direta sobre o seu smartphone torna difícil ver o que está no ecrã. A nossa visão da acessibilidade envolve tudo isto. Queremos que o utilizador possa utilizar o Easy LMS onde quer que esteja.

O nosso caminho para um produto acessível

Tornar o Easy LMS acessível é um processo contínuo.

Para tornar o Easy LMS acessível e fácil de utilizar, auditámos cuidadosamente as nossas páginas. Isto exigiu muitas iterações - e por vezes foi uma viagem atribulada. Mas não acaba aqui. Tornar o Easy LMS acessível é um processo contínuo. As nossas novas funcionalidades recebem a mesma atenção no que diz respeito à acessibilidade. E continuamos a querer tornar a plataforma atual ainda mais acessível do que é agora! Agora, vamos falar sobre algumas coisas que já fizemos para a acessibilidade.

Contraste de cores

Em 2019, introduzimos um tema de cores novo e melhorado. Gostávamos das cores originais, mas o contraste era mau. Concebemos cuidadosamente uma nova paleta de cores, que estava em conformidade com as diretrizes WCAG 2.1 (nível AA). Primeiro, criámos algumas versões diferentes. Depois, perguntámos à nossa base de clientes qual a que mais lhes agradava. Depois de implementarmos o novo tema, ficámos rapidamente satisfeitos com ele. É muito mais fácil de ver. Está a ver o resultado agora mesmo! No entanto, não deixa de ser uma chatice o facto de o nosso design holandês cor de laranja não ter sido selecionado...

Our old design, where bright green was our primary color.

Our new design, where we replaced the bright green with a darker shade of green. We also increased the contrast of the other colors.

Navegação por teclado

O que uma faca afiada é para os cozinheiros, um teclado é para os utilizadores cegos atrás de um computador. Não podem ir a lado nenhum sem ele. Utilizam o teclado para controlar o leitor de ecrã. Além disso, muitos utilizadores com deficiências motoras dependem de um teclado.
Algumas pessoas têm tremores ou não conseguem usar as mãos. Algumas pessoas não têm mãos de todo. Muitas destas pessoas utilizam dispositivos de introdução alternativos para navegar na Web, como a introdução por voz, um ponteiro para a cabeça ou uma bengala. Estes dispositivos imitam o comportamento do teclado ou funcionam em conjunto com um teclado.

Na Easy LMS, prestámos muita atenção à navegação por teclado em todo o sítio Web. As nossas principais alterações incluem:

1. Proporcionar uma ordem lógica dos separadores

A navegação na nossa plataforma com um teclado segue uma ordem lógica. No nosso painel de controlo, os menus estão distribuídos no lado esquerdo e na parte superior do ecrã. Ao percorrer os separadores, os utilizadores vão para níveis cada vez mais profundos. Certificamo-nos de que o menu de contexto (onde pode partilhar e visualizar o seu exame) está semanticamente dentro do exame e não acima dele.

Sabemos que existe muita navegação no nosso painel de controlo. Para dar ao utilizador a opção de passar à frente, implementámos uma ligação para saltar. Isto significa que pode saltar para a secção de conteúdo a partir do topo da página em qualquer altura. É uma espécie de fuga secreta

2. Definir estilos de focagem

Voar às cegas numa página Web. Isso acontece quando não se tem estilos de foco claros. Para mostrar ao utilizador em que ponto da página se encontra, adicionámos estilos de focagem a todos os elementos "focáveis" da página. Os elementos que podem ser focados são todos os elementos interactivos, como botões, links e entradas de formulários. Através de um script, detectamos o tipo de entrada que está a ser utilizado. Desta forma, podemos acrescentar um estilo adicional para os utilizadores que utilizam um teclado. Entretanto, mantemos a página limpa para os utilizadores de rato.

3. Premir botões com um teclado

Uma regra geral é: se é um botão, deve ter o aspeto de um botão e comportar-se como um botão e vice-versa. Quando um utilizador "clica" num botão com um teclado, espera que este funcione da mesma forma que com um rato. O mesmo se aplica às hiperligações, como é óbvio. A maior parte dos nossos scripts são compatíveis com teclados. Nos raros casos em que não são, fornecemos uma alternativa adequada para os nossos utilizadores de teclado. Para o nosso painel de controlo, utilizamos o Foundation da Zurb como estrutura de front-end, que oferece suporte total à acessibilidade.

Suporte para leitores de ecrã

For screen readers, we had to take it one step further. Our platform is full of visual cues and icons. These aren’t visible for users with a screen reader. We added hidden labels and texts throughout our entire platform. We did this with so called ARIA-attributes and off-screen text. We communicate states and alerts to the screen reader.

A minha pergunta foi guardada? Em que página de navegação estou atualmente?  O menu pendente que acabei de tentar abrir foi expandido? Fornecemos aos nossos utilizadores de leitores de ecrã o máximo de feedback possível.

Tornámo-nos verdadeiros especialistas em leitores de ecrã porque testamos exaustivamente com diferentes tipos. Ensinamos aos nossos próprios programadores como funcionam os leitores de ecrã e como se pode testar com eles. Por fim, a nossa testadora, Caroline, irá percorrer as páginas com um leitor de ecrã mais uma vez na fase de teste. Não gostamos de deixar estas coisas ao acaso.

Suporte de zoom

Por último, mas não menos importante, damos apoio aos utilizadores que fazem zoom na página. Isto destina-se a pessoas com visão reduzida e que pretendem ampliar a página para facilitar a sua visualização e leitura. Damos apoio a esta situação. Por exemplo, certificamo-nos de que a nossa navegação principal não sai do ecrã e continua a poder ser deslocada quando ampliada.

O futuro da acessibilidade no Easy LMS

Estamos a planear uma série de coisas interessantes para garantir a acessibilidade do Easy LMS.

Não está feito até estar feito. Isto também se aplica ao nosso trabalho no domínio da acessibilidade. Podemos sempre torná-lo melhor e mais inteligente do que antes. Estamos a planear uma série de coisas interessantes para garantir a acessibilidade do Easy LMS. Estamos atualmente a trabalhar na automatização dos testes do nosso código. Além disso, estamos a definir diretrizes internas para garantir que o nosso nível atual de acessibilidade se mantém. Demos alguns passos importantes na área da acessibilidade e continuamos a aprender todos os dias.

O nosso objetivo final é estar disponível para todos. Pensamos que é importante que todos possam utilizar o nosso produto. Pequenos passos como estes podem fazer uma grande diferença para os nossos utilizadores. Estamos contentes por fazer parte disso.