Joomla e Acessibilidade: extensões para tamanho da fonte de texto

Aprenda a tirar partido das capacidades do Joomla para criar sites acessíveis ou para melhorar a acessibilidade e a usabilidade das suas páginas web com as dicas que se seguem.

Dentro do espírito de partilha de conhecimentos que impera no universo dos utilizadores do CMS (Content Managemente System) Joomla, iniciamos com este artigo a divulgação de conteúdos dos nossos parceiros da Polónia, envolvidos no projecto "Kuznia dostepnych stron", algo como Oficina de Sites Acessíveis em português.

A ideia deste projecto co-financiado pelo Ministério da Administração e Digitalização da Polónia é ajudar a melhorar a acessibilidade e a usabilidade dos sites feitos em Joomla.

O trabalho destes especialistas em Joomla está focado nas entidades públicas polacas, mas a intenção é disseminar pelo mundo os seus modelos de sites acessíveis, preparados para se ajustarem a diversos tipos de serviços - desde escolas a bibliotecas, passando por hospitais ou entidades comerciais e demais negócios.

Com o intuito de contribuir para reduzir as "barreiras" que na Internet ainda subsistem, no capítulo da acessibilidade, a Grow Under junta-se à onda de Serviço Público deste projecto polaco e inicia, com este artigo, a tradução de alguns dos inúmeros conteúdos de interesse que o site disponibiliza.

Assim, na continuação podem ler o texto de Stefan Wajda sobre fontes escaláveis e os requisitos das Directrizes de Acessibilidade para o Conteúdo da Web - mais conhecidas por WCAG 2.0 - Web Content Accessibility Guidelines.

Também pode ler as nossas dicas em "Acessibilidade Web: como fazer um site acessível com passos básicos".

JOOMLA E WCAG 2.0 - FONTES ESCALÁVEIS

_{Escrito por Stefan Wajda do projeto polaco "Kuznia dostepnych stron"}

Há extensões disponíveis na JED (Joomla Extensions Directory) para enriquecer os serviços de escalamento dos elementos da página, principalmente alterar o tamanho da fonte de texto. O que é que elas oferecem exactamente? Vale a pena usá-las?

Alterar o tamanho do texto para as WCAG 2.0

Nas WCAG 2.0, o critério de sucesso 1.4 relativo às orientações a seguir diz: “Deve-se ser capaz de ver bem ou de ouvir o conteúdo”. E no ponto 1.4.4, sobre “Redimensionar o texto”, nota-se o seguinte: “Excepto quanto às legendas e às imagens, o texto pode ser redimensionado, sem tecnologia assistencial, até 200 por cento, sem perda de conteúdo ou de funcionalidade".

Este é o critério de nível AA. Mas para bem entender este critério, temos primeiro que explicar o que são as tecnologias facilitadoras ou de assistência. Uma explicação que também se pode encontrar nas WCAG 2.0. Conforme se pode aí ler, é tanto um hardware como um software "actuando como o programa do utilizador ou cooperando com programas padrão que providenciam as necessárias funcionalidades para pessoas com incapacidades, para além das competências dos programas de utilizador comuns."

Embora a distinção entre aplicativos padrão e tecnologias de apoio não seja óbvia, neste caso, as preocupações não se aplicam. A implementação de melhorias no serviço em que se muda o tamanho do texto não é tecnologia assistencial. Vamos pensar sobre qual é, exactamente, o critério de sucesso deste ponto. É preciso equipar o site para mudar o tamanho da fonte para ir de encontro aos requisitos das WCAG 2.0.

Em lado nenhum encontramos o requisito a especificar qual o tamanho de fonte a ser usado nas páginas web. E uma fonte demasiado pequena ou uma fonte demasiado grande podem ser causa de desconforto, enquanto se navega. Uma letra muito pequena requer uma boa visão e pode causar mais rapidamente fadiga, até em pessoas saudáveis, e uma letra demasiado grande pode provocar problemas a visualizar diversas áreas de texto, já para não dizer que é esteticamente pouco agradável. As decisões quanto ao tamanho das fontes são tomadas arbitrariamente pelos programadores, por isso seria bom que os utilizadores pudessem ajustar os respectivos tamanhos para atender às suas necessidades.

O critério de sucesso especificado no ponto 1.4.4 das WCAG 2.0 inclui dois requisitos:

• O primeiro consiste em proporcionar um mecanismo que permita aumentar gradualmente o tamanho do texto (e restaurar os valores padrão);
• O segundo é assegurar que a utilização deste mecanismo não irá provocar a perda de conteúdo ou de funcionalidades.

Não é necessário, mas é útil

Desde que em todos os browsers modernos se implementou a capacidade de escalar o tamanho das páginas, usando atalhos de teclado (Windows CTRL + CTRL e - e CTRL e 0) ou a roda do rato em combinação com uma tecla de função (CTRL em Windows, CMD OS X), todos os utilizadores têm a opção de aumentar e de diminuir gradualmente a imagem nos seus ecrãs. Também em dispositivos com telas sensíveis ao toque, ampliar o tamanho da área visível do ecrã é uma funcionalidade padrão. Isto é, implementar uma ferramenta adicional que sirva esta função não é necessário.

Mas isso não significa que não devemos fornecer aos utilizadores a funcionalidade. Vale a pena! Nem todos os utilizadores da Internet, especialmente os novatos e os mais velhos, conhecem as possibilidades de configuração do sistema do seu computador ou as funcionalidades dos navegadores que usam. Nem toda a gente sabe que o texto pode facilmente ampliar-se usando o teclado ou o rato e o teclado.

Ao implementar esta funcionalidade, será preciso ter o cuidado de cumprir o segundo dos requisitos definidos no critério para o sucesso - alterar o tamanho do texto não provoca a perda de conteúdo ou de funcionalidade, na medida especificada no critério (e, portanto, com uma ampliação de 200%). Também será necessário evitar os outros defeitos e erros que ocorrem frequentemente.

Os botões de redimensionamento devem ser visíveis em todas as páginas e devem ser acessíveis a partir do teclado, e não apenas do rato; o tamanho da fonte deve ser aumentado significativamente e não apenas como se o botão existisse "para o bem da paz". Seria útil mudar o tamanho da fonte referida em todo o site e não apenas de uma página específica, ou até mesmo de uma área específica na página (de modo a que os utilizadores não tenham que aumentar o texto de cada vez que se deslocam para outra página).

Vamos, agora, olhar para as extensões para Joomla que oferecem funções para alterar o tamanho da fonte ou para ampliar partes da página.

Joomla! jFontSize

Fornecido por Matt Thomas de http://betweenbrain.com, o módulo jFontSize é uma implementação do script desenvolvido por Frederico Soares Vanelli e disponibilizado em 2011 (ver http://jfontsize.com). Funciona no Joomla 2.5 e 3.x. e o módulo tem várias configurações úteis. Quando se configura, podem-se definir:

• Elementos de página que redimensionarão a fonte (usando selectores simples, selectores de classe e selectores ID);
• Quantas vezes será possível mudar o tamanho - para diminuir e aumentar, separadamente;
• O intervalo da alteração de tamanho dado em pixels - por exemplo, 1px, 3px.

A aparência do módulo pode ser personalizada editando os arquivos CSS originais.

O módulo não oferece quaisquer outras funções mais sofisticados. As fontes não podem ser controladas usando o teclado. A alteração é válida apenas na página actual. Após configurar o módulo, é necessário testá-lo e, se necessário, alterar a declaração de altura da linha (line-height) em CSS, ou definindo-a (por exemplo, 1,5) em vez de rígido em pixels.

Article PXFont Size

O Article PXFont Size, partilhado nesta página do website karmany.net, funciona tanto para Joomla 2.5, como para Joomla 3.x, no entanto, no directório central de extensões é indicada apenas a sua compatibilidade com Joomla 2.5. É possível que tenha ultrapassado muito poucos testes para se detectarem possíveis inconvenientes.

Este add-on é destinada para aqueles que desejam equipar o seu site com botões de redimensionamento das fontes apenas para os artigos. Este suplemento de configuração permite incorporar botões nos artigos e em listas e artigos em categorias, e em listas de categorias de artigos. As opções de configuração permitem especificar o ID de artigos e categorias em que não se quer usar o suplemento. Além disso, em artigos específicos pode colocar-se o comando {hide}, que também irá esconder botões.

O autor adicionou várias opções úteis. Nas configurações, pode-se:

• Especificar o tamanho inicial da fonte (em px, %, cm, mm, pc, etc.);
• Pode (e deve) determinar o menor e o maior tamanho permitidos;
• Pode especificar os elementos HTML em que o tamanho da fonte será aumentado / diminuído (elementos padrão em div, p, tr, td, table, ul, ol, li).
• Pode escolher o texto das etiquetas exibidas nas "nuvens" que surgem quando se passa o ponteiro do rato sobre elas. Esta configuração, infelizmente, não é configurável em sites multilingues.

Há outro conjunto de opções de configuração que respeita à aparência dos "botões". Pode definir os estilos para o bloco de "botões" e o título de complemento no backend. Na versão de administrador, há disponíveis 11 "botões" diferentes, em três tamanhos e em diversas cores (vermelho, azul, verde, cinza, preto).

Uma possibilidade interessante é o facto de proporcionar um "botão" especial para as pessoas com visão reduzida. O "botão" define imediatamente o maior tamanho de fonte configurado. Adicionalmente, pode definir a opção "Abrir em nova janela" de modo a que, quando o "botão" for seleccionado, o artigo abra numa nova janela em que todo o espaço é destinado a exibir apenas o artigo. As pessoas com dificuldades visuais vão apreciar esta alternativa.

Módulo ZOOM

No site web-dorado.com pode-se comprar, "por apenas" 20 dólares, um Módulo ZOOM, trabalhando desde Joomla 1.5 até à versão mais recente. As capacidades do módulo podem ser lidas nas páginas do site de demonstração - http://demo.web-dorado.com/zoom.html - e nas instalações de demonstração.

As configurações do módulo controlam o redimensionamento da fonte em todas as áreas da página, inclusive em artigos e em módulos. Na configuração do módulo, usando selectores simples (tags HTML) e selectores de classe e de ID, pode-se definir com precisão os elementos da página onde se redimensionará a fonte. Os tamanhos máximo e mínimo da fonte são determinados em percentagens.

Várias opções de configuração adicionais permitem especificar a aparência da toolbox - se serão ícones ou links de texto, se serão colocados na vertical ou na horizontal, ou, no caso de ícones, se serão diferentes em tamanho. O administrador pode escolher entre 42 estilos pré-definidos de "botões".

Comparando as funcionalidades desta solução paga com as do módulo gratuito jFontSize, é difícil encontrar argumentos para o pagamento de 20 dólares. Não é, certamente, por causa destes 42 estilos pré-definidos de "botões".

Plugin iLike Zoomooz

O plugin iLike Zoomoz surge, nesta lista, apenas porque está incluído na directoria de extensões, na área de Acessibilidade, e porque pode ser usado para ampliar alguns elementos da página. Contudo, talvez só o seu autor saiba porque se encontra na categoria de Acessibilidade do JED. Sim, enriquece a página com efeitos atraentes, alguns dos quais podem ser observados na página de demonstração do script Zoomooz.js, usada pelo autor da extensão.

Se depois disso ainda considerar que concretizar estas interessantes transformações é necessário e que insere de forma adequada os fragmentos da página (como os artigos), se quiser aumentar e ajustar folhas de estilo CSS às suas folhas de estilo, será difícil recomendar iLike Zoomooz para uso no site a fim de aumentar a sua Acessibilidade. 
E nem o facto de funcionar no Internet Explorer abona em seu favor.