Livro Digital Acessível
SEAD/UFES
Promovendo inclusão no ensino a distância por meio de soluções acessíveis e centradas no usuário.
Equipe
Rafael Moraes Hilario
Edson Rufino de Souza
Paulo Serpa Ramos
Dara Morati Lopes
Maria Victoria Coutinho
Semiramis Louzada
Hellen Rodex
Ano
2024
O Livro Digital Acessível foi desenvolvido pela Superintendência de Educação a Distância da Universidade Federal do Espírito Santo (UFES) para promover a acessibilização do conhecimento no meio digital. Recentemente, esse produto foi selecionado no edital Inova EaD (CAPES), que teve como propósito a disseminação de soluções inovadoras para aprimorar o ensino e a aprendizagem por meio de um investimento de R$ 2,5 milhões. Com a aprovação no edital, pudemos aprimorar o produto, tornando-o mais acessível e funcional para públicos com diferentes especificidades.
Pesquisa
Descoberta de problemas
Antes da aprovação do projeto no edital, atuei ao lado de Dara Morati Lopes, Edson Rufino de Souza e Paulo Serpa Ramos na análise e identificação de problemas presentes no livro digital. Para garantir um levantamento abrangente das questões enfrentadas pelos usuários, realizamos:
Análises de acessibilidade: Nesta etapa, verificamos o contraste, legibilidade e usabilidade geral do livro por meio de ferramentas como Wave e WebAim.
Entrevistas exploratórias: Nesta etapa, entrevistamos os profissionais responsáveis pela diagramação dos livros, utilizando um roteiro semiestruturado.
A partir das análises de acessibilidade, identificamos problemas críticos que impactam a experiência do usuário. Os problemas identificados foram catagorizados entre gerais e específicos:
Problemas Gerais (usuários):
Botão de iniciar leitura:
Contraste: 3.55:1
Contraste ideal (WCAG): 4.5:1
Sumário:
Links inativos não estavam direcionando os usuários ao conteúdo selecionado.
Fonte botão CTA:
Tamanho: 10px
Tamanho mínimo: 14px
Modo creme:
O contraste desse modo (para dislexia) não atendia aos requisitos da WCAG.
Ajuste de leitura:
Não possuia um tamanho minímo de fonte, logo, a redução máxima levava ao deseparecimento do texto.
Barra de pesquisa:
A pesquisa apresentava títulos diferentes dos pesquisados na seção de busca.
Problemas específicos (usuários):
Livro de Química:
Botão CTA não carregava corretamente.
Livro de Direitos Humanos:
Erros de padronização em diferentes partes do livro.
Livro de Direitos Humanos:
Erros recorrentes de HTML nas páginas do livro.
Problemas - Entrevistas (diagramadores):
Sumários:
Incompletos, não exibiam os subitens de forma adequada.
Audiodescrição:
Se provava difícil em contexto de tabelas e gráficos.
Imagens e tabelas:
Pela restrição do espaço, as imagens e tabelas ficavam muito pequenas.
Pré-envio do edital
Alguns dos problemas identificados, especialmente os relacionados ao desenvolvimento, foram resolvidos antes da submissão ao edital. Nesse contexto, o trabalho da equipe foi essencial para a aprovação do projeto e a captação dos recursos.
Aperfeiçoamento dos livros digitais
Dentre outros, propus ajustes para três problemas na Avaliação Web do Livro. No primeiro, sobre o ícone do botão "ajuste de leitura", discuti a confusão gerada pelo ícone que estava sendo utilizado e propus como solução a rotação do ícone existente. Além disso, sugeri a inclusão de uma descrição no ícone e uma barra ajustável que desaparece conforme a rolagem da página.
No segundo problema, referente ao contraste entre fundo e texto na página de busca, propus mudanças na paleta de cores para atender aos critérios de acessibilidade. O contraste original era de 2.26:1, e sugeri o aumento para 18.42:1 (#141414). Além disso, para a barra do sumário, que apresentava um contraste de 1.18:1, propus um ajuste para pelo menos 3.03:1 (#949494), atendendo aos critérios da WCAG.
Também discuti a definição de padrões para a quantidade de caracteres por linha e os limites de aumento e redução da fonte no modo de ajuste de leitura. O número de caracteres por linha no desktop era superior a 100, e sugeri a redução para 80 a partir de diretrizes de acessibilidade da WCAG, ajustando a largura para 683px, considerando o tamanho da fonte utilizada. Já na versão mobile, os 39 caracteres por linha já estavam dentro dos limites adequados. Quanto ao tamanho da fonte na versão de ajuste de leitura, propus um limite máximo de 36 ou 48, seguindo as diretrizes WCAG, e uma redução mínima para 16. Essa mudança foi necessária, pois até então era possível reduzir o texto para tamanhos como 8 e até mesmo 0, tornandol a leitura inviável.
Próximos passos
Nos próximos meses, realizaremos testes de usabilidade do tipo moderado, com os livros já devidamente alterados, incluindo não apenas as mudanças que propus, mas também aquelas feitas pelos outros membros da equipe. Os testes serão realizados com uma amostra de 50 participantes - 5 para cada perfil de deficiência e transtorno —, incluindo deficiências visuais (com diferentes graus e especificidades), dislexia, TEA e TDAH.
Para estruturar a etapa de avaliação, realizamos uma pesquisa bibliográfica sobre as melhores práticas para a condução desses testes com públicos que possuem diferentes necessidades no âmbito da acessibilidade. Esse levantamento permitiu identificar diretrizes essenciais, como a importância do uso de uma linguagem clara e acessível e a priorização de frases curtas e diretas.
No que se refere ao design e à apresentação dos materiais utilizados nos testes, adotaremos uma diagramação limpa, com fontes legíveis, contraste adequado e uma estrutura visual que facilite a navegação, evitando elementos que possam gerar confusão, como hifenizações excessivas ou referências cruzadas que dificultem o entendimento. Com base nessas diretrizes e nas boas práticas documentadas, os testes serão planejados de forma a garantir acessibilidade e aprimorar a qualidade dos dados coletados nesta etapa da pesquisa.
Livro Digital Acessível
SEAD/UFES
Promovendo inclusão no ensino a distância por meio de soluções acessíveis e centradas no usuário.
Equipe
Rafael Moraes Hilario
Edson Rufino de Souza
Paulo Serpa Ramos
Dara Morati Lopes
Maria Victoria Coutinho
Semiramis Louzada
Hellen Rodex
Ano
2024
O Livro Digital Acessível foi desenvolvido pela Superintendência de Educação a Distância da Universidade Federal do Espírito Santo (UFES) para promover a acessibilização do conhecimento no meio digital. Recentemente, esse produto foi selecionado no edital Inova EaD (CAPES), que teve como propósito a disseminação de soluções inovadoras para aprimorar o ensino e a aprendizagem por meio de um investimento de R$ 2,5 milhões. Com a aprovação no edital, pudemos aprimorar o produto, tornando-o mais acessível e funcional para públicos com diferentes especificidades.
Pesquisa
Descoberta de problemas
Antes da aprovação do projeto no edital, atuei ao lado de Dara Morati Lopes, Edson Rufino de Souza e Paulo Serpa Ramos na análise e identificação de problemas presentes no livro digital. Para garantir um levantamento abrangente das questões enfrentadas pelos usuários, realizamos:
Análises de acessibilidade: Nesta etapa, verificamos o contraste, legibilidade e usabilidade geral do livro por meio de ferramentas como Wave e WebAim.
Entrevistas exploratórias: Nesta etapa, entrevistamos os profissionais responsáveis pela diagramação dos livros, utilizando um roteiro semiestruturado.
A partir das análises de acessibilidade, identificamos problemas críticos que impactam a experiência do usuário. Os problemas identificados foram catagorizados entre gerais e específicos:
Problemas Gerais (usuários):
Botão de iniciar leitura:
Contraste: 3.55:1
Contraste ideal (WCAG): 4.5:1
Sumário:
Links inativos não estavam direcionando os usuários ao conteúdo selecionado.
Fonte botão CTA:
Tamanho: 10px
Tamanho mínimo: 14px
Modo creme:
O contraste desse modo (para dislexia) não atendia aos requisitos da WCAG.
Ajuste de leitura:
Não possuia um tamanho minímo de fonte, logo, a redução máxima levava ao deseparecimento do texto.
Barra de pesquisa:
A pesquisa apresentava títulos diferentes dos pesquisados na seção de busca.
Problemas específicos (usuários):
Livro de Química:
Botão CTA não carregava corretamente.
Livro de Direitos Humanos:
Erros de padronização em diferentes partes do livro.
Livro de Direitos Humanos:
Erros recorrentes de HTML nas páginas do livro.
Problemas - Entrevistas (diagramadores):
Sumários:
Incompletos, não exibiam os subitens de forma adequada.
Audiodescrição:
Se provava difícil em contexto de tabelas e gráficos.
Imagens e tabelas:
Pela restrição do espaço, as imagens e tabelas ficavam muito pequenas.
Pré-envio do edital
Alguns dos problemas identificados, especialmente os relacionados ao desenvolvimento, foram resolvidos antes da submissão ao edital. Nesse contexto, o trabalho da equipe foi essencial para a aprovação do projeto e a captação dos recursos.
Aperfeiçoamento dos livros digitais
Dentre outros, propus ajustes para três problemas na Avaliação Web do Livro. No primeiro, sobre o ícone do botão "ajuste de leitura", discuti a confusão gerada pelo ícone que estava sendo utilizado e propus como solução a rotação do ícone existente. Além disso, sugeri a inclusão de uma descrição no ícone e uma barra ajustável que desaparece conforme a rolagem da página.
No segundo problema, referente ao contraste entre fundo e texto na página de busca, propus mudanças na paleta de cores para atender aos critérios de acessibilidade. O contraste original era de 2.26:1, e sugeri o aumento para 18.42:1 (#141414). Além disso, para a barra do sumário, que apresentava um contraste de 1.18:1, propus um ajuste para pelo menos 3.03:1 (#949494), atendendo aos critérios da WCAG.
Também discuti a definição de padrões para a quantidade de caracteres por linha e os limites de aumento e redução da fonte no modo de ajuste de leitura. O número de caracteres por linha no desktop era superior a 100, e sugeri a redução para 80 a partir de diretrizes de acessibilidade da WCAG, ajustando a largura para 683px, considerando o tamanho da fonte utilizada. Já na versão mobile, os 39 caracteres por linha já estavam dentro dos limites adequados. Quanto ao tamanho da fonte na versão de ajuste de leitura, propus um limite máximo de 36 ou 48, seguindo as diretrizes WCAG, e uma redução mínima para 16. Essa mudança foi necessária, pois até então era possível reduzir o texto para tamanhos como 8 e até mesmo 0, tornandol a leitura inviável.
Próximos passos
Nos próximos meses, realizaremos testes de usabilidade do tipo moderado, com os livros já devidamente alterados, incluindo não apenas as mudanças que propus, mas também aquelas feitas pelos outros membros da equipe. Os testes serão realizados com uma amostra de 50 participantes - 5 para cada perfil de deficiência e transtorno —, incluindo deficiências visuais (com diferentes graus e especificidades), dislexia, TEA e TDAH.
Para estruturar a etapa de avaliação, realizamos uma pesquisa bibliográfica sobre as melhores práticas para a condução desses testes com públicos que possuem diferentes necessidades no âmbito da acessibilidade. Esse levantamento permitiu identificar diretrizes essenciais, como a importância do uso de uma linguagem clara e acessível e a priorização de frases curtas e diretas.
No que se refere ao design e à apresentação dos materiais utilizados nos testes, adotaremos uma diagramação limpa, com fontes legíveis, contraste adequado e uma estrutura visual que facilite a navegação, evitando elementos que possam gerar confusão, como hifenizações excessivas ou referências cruzadas que dificultem o entendimento. Com base nessas diretrizes e nas boas práticas documentadas, os testes serão planejados de forma a garantir acessibilidade e aprimorar a qualidade dos dados coletados nesta etapa da pesquisa.
Rafael Moraes © 2023. Todos os direitos reservados.
UI Design desenvolvido por Rafael Moraes
Livro Digital Acessível
SEAD/UFES
Promovendo inclusão no ensino a distância por meio de soluções acessíveis e centradas no usuário.
Equipe
Rafael Moraes Hilario
Edson Rufino de Souza
Paulo Serpa Ramos
Dara Morati Lopes
Maria Victoria Coutinho
Semiramis Louzada
Hellen Rodex
Ano
2024
O Livro Digital Acessível foi desenvolvido pela Superintendência de Educação a Distância da Universidade Federal do Espírito Santo (UFES) para promover a acessibilização do conhecimento no meio digital. Recentemente, esse produto foi selecionado no edital Inova EaD (CAPES), que teve como propósito a disseminação de soluções inovadoras para aprimorar o ensino e a aprendizagem por meio de um investimento de R$ 2,5 milhões. Com a aprovação no edital, pudemos aprimorar o produto, tornando-o mais acessível e funcional para públicos com diferentes especificidades.
Pesquisa
Descoberta de problemas
Antes da aprovação do projeto no edital, atuei ao lado de Dara Morati Lopes, Edson Rufino de Souza e Paulo Serpa Ramos na análise e identificação de problemas presentes no livro digital. Para garantir um levantamento abrangente das questões enfrentadas pelos usuários, realizamos:
Análises de acessibilidade: Nesta etapa, verificamos o contraste, legibilidade e usabilidade geral do livro por meio de ferramentas como Wave e WebAim.
Entrevistas exploratórias: Nesta etapa, entrevistamos os profissionais responsáveis pela diagramação dos livros, utilizando um roteiro semiestruturado.
A partir das análises de acessibilidade, identificamos problemas críticos que impactam a experiência do usuário. Os problemas identificados foram catagorizados entre gerais e específicos:
Problemas Gerais (usuários):
Botão de iniciar leitura:
Contraste: 3.55:1
Contraste ideal (WCAG): 4.5:1
Sumário:
Links inativos não estavam direcionando os usuários ao conteúdo selecionado.
Fonte botão CTA:
Tamanho: 10px
Tamanho mínimo: 14px
Modo creme:
O contraste desse modo (para dislexia) não atendia aos requisitos da WCAG.
Ajuste de leitura:
Não possuia um tamanho minímo de fonte, logo, a redução máxima levava ao deseparecimento do texto.
Barra de pesquisa:
A pesquisa apresentava títulos diferentes dos pesquisados na seção de busca.
Problemas específicos (usuários):
Livro de Química:
Botão CTA não carregava corretamente.
Livro de Direitos Humanos:
Erros de padronização em diferentes partes do livro.
Livro de Direitos Humanos:
Erros recorrentes de HTML nas páginas do livro.
Problemas - Entrevistas (diagramadores):
Sumários:
Incompletos, não exibiam os subitens de forma adequada.
Audiodescrição:
Se provava difícil em contexto de tabelas e gráficos.
Imagens e tabelas:
Pela restrição do espaço, as imagens e tabelas ficavam muito pequenas.
Pré-envio do edital
Alguns dos problemas identificados, especialmente os relacionados ao desenvolvimento, foram resolvidos antes da submissão ao edital. Nesse contexto, o trabalho da equipe foi essencial para a aprovação do projeto e a captação dos recursos.
Aperfeiçoamento dos livros digitais
Dentre outros, propus ajustes para três problemas na Avaliação Web do Livro. No primeiro, sobre o ícone do botão "ajuste de leitura", discuti a confusão gerada pelo ícone que estava sendo utilizado e propus como solução a rotação do ícone existente. Além disso, sugeri a inclusão de uma descrição no ícone e uma barra ajustável que desaparece conforme a rolagem da página.
No segundo problema, referente ao contraste entre fundo e texto na página de busca, propus mudanças na paleta de cores para atender aos critérios de acessibilidade. O contraste original era de 2.26:1, e sugeri o aumento para 18.42:1 (#141414). Além disso, para a barra do sumário, que apresentava um contraste de 1.18:1, propus um ajuste para pelo menos 3.03:1 (#949494), atendendo aos critérios da WCAG.
Também discuti a definição de padrões para a quantidade de caracteres por linha e os limites de aumento e redução da fonte no modo de ajuste de leitura. O número de caracteres por linha no desktop era superior a 100, e sugeri a redução para 80 a partir de diretrizes de acessibilidade da WCAG, ajustando a largura para 683px, considerando o tamanho da fonte utilizada. Já na versão mobile, os 39 caracteres por linha já estavam dentro dos limites adequados. Quanto ao tamanho da fonte na versão de ajuste de leitura, propus um limite máximo de 36 ou 48, seguindo as diretrizes WCAG, e uma redução mínima para 16. Essa mudança foi necessária, pois até então era possível reduzir o texto para tamanhos como 8 e até mesmo 0, tornandol a leitura inviável.
Próximos passos
Nos próximos meses, realizaremos testes de usabilidade do tipo moderado, com os livros já devidamente alterados, incluindo não apenas as mudanças que propus, mas também aquelas feitas pelos outros membros da equipe. Os testes serão realizados com uma amostra de 50 participantes - 5 para cada perfil de deficiência e transtorno —, incluindo deficiências visuais (com diferentes graus e especificidades), dislexia, TEA e TDAH.
Para estruturar a etapa de avaliação, realizamos uma pesquisa bibliográfica sobre as melhores práticas para a condução desses testes com públicos que possuem diferentes necessidades no âmbito da acessibilidade. Esse levantamento permitiu identificar diretrizes essenciais, como a importância do uso de uma linguagem clara e acessível e a priorização de frases curtas e diretas.
No que se refere ao design e à apresentação dos materiais utilizados nos testes, adotaremos uma diagramação limpa, com fontes legíveis, contraste adequado e uma estrutura visual que facilite a navegação, evitando elementos que possam gerar confusão, como hifenizações excessivas ou referências cruzadas que dificultem o entendimento. Com base nessas diretrizes e nas boas práticas documentadas, os testes serão planejados de forma a garantir acessibilidade e aprimorar a qualidade dos dados coletados nesta etapa da pesquisa.
Rafael Moraes © 2025. Todos os direitos reservados.