Guia de Acessibilidade Web - Histórico de revisão

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site  */

2025-10-14T13:52:41Z

Proposta de modelo para avaliação da acessibilidade de um site 

← Edição anterior		Edição das 13h52min de 14 de outubro de 2025
Linha 147:		Linha 147:

	O site retornará o relatório com os erros e avisos:		O site retornará o relatório com os erros e avisos:
	[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|~~esquerda~~\|miniaturadaimagem\|Figura 6 - Relatório]]		[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|nenhum\|miniaturadaimagem\|Figura 6 - Relatório]]

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site  */

2025-10-14T13:48:33Z

Proposta de modelo para avaliação da acessibilidade de um site 

← Edição anterior		Edição das 13h48min de 14 de outubro de 2025
Linha 148:		Linha 148:
	O site retornará o relatório com os erros e avisos:		O site retornará o relatório com os erros e avisos:
	[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]		[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site  */

2025-10-14T13:47:41Z

Proposta de modelo para avaliação da acessibilidade de um site 

← Edição anterior		Edição das 13h47min de 14 de outubro de 2025
Linha 148:		Linha 148:
	O site retornará o relatório com os erros e avisos:		O site retornará o relatório com os erros e avisos:
	[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]		[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]

Sara.lobato em 13h42min de 14 de outubro de 2025

2025-10-14T13:42:16Z

← Edição anterior		Edição das 13h42min de 14 de outubro de 2025
Linha 148:		Linha 148:
	O site retornará o relatório com os erros e avisos:		O site retornará o relatório com os erros e avisos:
	[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]		[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]

Sara.lobato em 13h41min de 14 de outubro de 2025

2025-10-14T13:41:23Z

← Edição anterior		Edição das 13h41min de 14 de outubro de 2025
Linha 147:		Linha 147:

	O site retornará o relatório com os erros e avisos:		O site retornará o relatório com os erros e avisos:
	[[Arquivo:Site Access Monitor relatório.png\|alt=Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório ~~de práticas de acessibilidade AccessMonitor~~]]		[[Arquivo:Site Access Monitor relatório.png\|alt=<nowiki>Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.</nowiki>\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório]]

Sara.lobato em 13h21min de 14 de outubro de 2025

2025-10-14T13:21:26Z

← Edição anterior		Edição das 13h21min de 14 de outubro de 2025
Linha 320:		Linha 320:
	{\| class="wikitable"		{\| class="wikitable"
	\|'''Site avaliado:'''		\|'''Site avaliado:'''
	~~\| colspan="5"~~ \|		\|
	\|-		\|-
	\|'''Avaliadores:'''		\|'''Avaliadores:'''

	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Nível de conformidade:'''		\|'''Nível de conformidade:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Leitores de tela utilizados:'''		\|'''Leitores de tela utilizados:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Navegadores:'''		\|'''Navegadores:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Sistemas Operacionais:'''		\|'''Sistemas Operacionais:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Data:'''		\|'''Data:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|}		\|}
	{\| class="wikitable"		{\| class="wikitable"
	! colspan="6" \|		! colspan="2" \|
	=== Avaliação automática ===		=== Avaliação automática ===
	\|-		\|-
	\|'''Ferramentas utilizadas:'''		\|'''Ferramentas utilizadas:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Relatório:'''		\|'''Relatório:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Páginas avaliadas:'''		\|'''Páginas avaliadas:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|-		\|-
	\|'''Nota:'''		\|'''Nota:'''
	\|
	\|
	\|
	\|
	\|		\|
	\|}		\|}

Sara.lobato em 18h12min de 10 de outubro de 2025

2025-10-10T18:12:27Z

← Edição anterior		Edição das 18h12min de 10 de outubro de 2025
Linha 126:		Linha 126:
	Um design acessível vai além da estética: é a base para uma navegação fluida e uma interação sem barreiras, traduzindo princípios de inclusão em soluções concretas. O design bem-feito elimina ambiguidades e promove a equidade digital, demonstrando compromisso com a diversidade humana.		Um design acessível vai além da estética: é a base para uma navegação fluida e uma interação sem barreiras, traduzindo princípios de inclusão em soluções concretas. O design bem-feito elimina ambiguidades e promove a equidade digital, demonstrando compromisso com a diversidade humana.

	* '''[https://arca.fiocruz.br/items/48a6d74f-e380-4df2-b236-869afc10da66 ~~Recomendações de acessibilidade para o uso de textos em cards~~ (~~imagens~~) ~~em redes sociais~~.]'''		* '''[https://arca.fiocruz.br/items/48a6d74f-e380-4df2-b236-869afc10da66 RECOMENDAÇÕES DE ACESSIBILIDADE PARA O USO DE TEXTOS EM CARDS (IMAGENS) EM REDES SOCIAIS.]'''

	== '''Proposta de modelo para avaliação da acessibilidade de um site'''  ==		== '''Proposta de modelo para avaliação da acessibilidade de um site'''  ==

Sara.lobato em 17h48min de 10 de outubro de 2025

2025-10-10T17:48:11Z

← Edição anterior		Edição das 17h48min de 10 de outubro de 2025
Linha 15:		Linha 15:
	A '''avaliação automática''' de acessibilidade utiliza ferramentas recomendadas pelo W3C, verificando padrões técnicos como a estrutura do código e o contraste de cores. Já a '''avaliação manual''' envolve especialistas em acessibilidade e pessoas com deficiência, visando identificar erros que as ferramentas automáticas não detectam. A combinação das duas abordagens aprimora os resultados e reduz a chance de problemas passarem despercebidos [Barros et al 2024].		A '''avaliação automática''' de acessibilidade utiliza ferramentas recomendadas pelo W3C, verificando padrões técnicos como a estrutura do código e o contraste de cores. Já a '''avaliação manual''' envolve especialistas em acessibilidade e pessoas com deficiência, visando identificar erros que as ferramentas automáticas não detectam. A combinação das duas abordagens aprimora os resultados e reduz a chance de problemas passarem despercebidos [Barros et al 2024].

	* É importante ressaltar que, embora existam diretrizes e etapas que podem ser seguidas em avaliações de acessibilidade, não há uma metodologia única e universal para realizar testes para avaliação de acessibilidade. Diante disso, este documento apresenta uma proposta de avaliação de acessibilidade na web, detalhando as etapas do processo com base em referências da literatura e em experiências práticas adquiridas durante a avaliação de sites da instituição por especialistas.		É importante ressaltar que, embora existam diretrizes e etapas que podem ser seguidas em avaliações de acessibilidade, não há uma metodologia única e universal para realizar testes para avaliação de acessibilidade. Diante disso, este documento apresenta uma proposta de avaliação de acessibilidade na web, detalhando as etapas do processo com base em referências da literatura e em experiências práticas adquiridas durante a avaliação de sites da instituição por especialistas.

	As pessoas envolvidas no projeto de desenvolvimento de um site, também participam da implementação da sua acessibilidade. Para ilustrar melhor esse processo, listamos os principais atores envolvidos na implementação da acessibilidade de um site, segundo o Guia da Boas Práticas para Acessibilidade Digital (2023) do Governo Federal.		As pessoas envolvidas no projeto de desenvolvimento de um site, também participam da implementação da sua acessibilidade. Para ilustrar melhor esse processo, listamos os principais atores envolvidos na implementação da acessibilidade de um site, segundo o Guia da Boas Práticas para Acessibilidade Digital (2023) do Governo Federal.
Linha 160:		Linha 160:

	[[Arquivo:Relatório detalhado AccessMonitor.png\|alt=Tela de relatório de acessibilidade com a seção Avaliação. Uma tabela lista práticas encontradas, com colunas de descrição, nível de conformidade e opção de ver detalhes. Entre os problemas identificados estão: 1 imagem sem equivalente alternativo em texto (nível A); 2 imagens com alt vazio (A); 2 links com conteúdo vazio compostos apenas por imagem com alt vazio (A); 6 casos em que o atributo title do link repete o próprio texto do link (A); 4 grupos de links com mesmo texto mas destinos diferentes (AAA); 1 link para saltar para o conteúdo principal (A); 1 link para contornar blocos de conteúdo (A); 10 cabeçalhos identificados (AAA); e 2 casos de violação da sequência hierárquica dos níveis de cabeçalho (AAA)\|miniaturadaimagem\|Figura 7 - Relatório de avaliação práticas de acessibilidade\|nenhum]]		[[Arquivo:Relatório detalhado AccessMonitor.png\|alt=Tela de relatório de acessibilidade com a seção Avaliação. Uma tabela lista práticas encontradas, com colunas de descrição, nível de conformidade e opção de ver detalhes. Entre os problemas identificados estão: 1 imagem sem equivalente alternativo em texto (nível A); 2 imagens com alt vazio (A); 2 links com conteúdo vazio compostos apenas por imagem com alt vazio (A); 6 casos em que o atributo title do link repete o próprio texto do link (A); 4 grupos de links com mesmo texto mas destinos diferentes (AAA); 1 link para saltar para o conteúdo principal (A); 1 link para contornar blocos de conteúdo (A); 10 cabeçalhos identificados (AAA); e 2 casos de violação da sequência hierárquica dos níveis de cabeçalho (AAA)\|miniaturadaimagem\|Figura 7 - Relatório de avaliação práticas de acessibilidade\|nenhum]]

Sara.lobato em 18h26min de 29 de setembro de 2025

2025-09-29T18:26:25Z

← Edição anterior		Edição das 18h26min de 29 de setembro de 2025
Linha 147:		Linha 147:

	O site retornará o relatório com os erros e avisos:		O site retornará o relatório com os erros e avisos:
	[[Arquivo:Site Access Monitor relatório.png\|alt=~~<nowiki>~~Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório de práticas de acessibilidade AccessMonitor]]		[[Arquivo:Site Access Monitor relatório.png\|alt=Tela de relatório de acessibilidade web mostrando um sumário. A página avaliada é https://ppgics.icict.fiocruz.br/ com título 'Home \| PPGICS \| Pós-Graduação: Informação e Comunicação em Saúde'. A pontuação exibida é 6,9. Foram identificados 615 elementos HTML e o tamanho da página é 106 KB. O relatório apresenta 40 práticas encontradas: 24 aceitáveis, 7 para ver manualmente e 9 não aceitáveis. A tabela mostra a distribuição por nível de conformidade WCAG: no nível A, 26 práticas; nível AA, 10 práticas; nível AAA, 4 práticas.\|esquerda\|miniaturadaimagem\|Figura 6 - Relatório de práticas de acessibilidade AccessMonitor]]

Sara.lobato em 18h08min de 29 de setembro de 2025

2025-09-29T18:08:09Z

← Edição anterior		Edição das 18h08min de 29 de setembro de 2025
Linha 43:		Linha 43:
	* Use links com descrições claras e significativas, que permitam ao usuário entender para onde será direcionado antes de clicar. Evite expressões genéricas como "clique aqui" ou "saiba mais"; prefira textos de link que indiquem o conteúdo acessado.		* Use links com descrições claras e significativas, que permitam ao usuário entender para onde será direcionado antes de clicar. Evite expressões genéricas como "clique aqui" ou "saiba mais"; prefira textos de link que indiquem o conteúdo acessado.
	* Use design responsivo, garantindo que o site funcione bem em diferentes dispositivos, como desktop, notebooks, tablets e smartphones.		* Use design responsivo, garantindo que o site funcione bem em diferentes dispositivos, como desktop, notebooks, tablets e smartphones.
	* Disponibiliza controles acessíveis para que o usuário possa controlar, garantindo que o conteúdo seja lido corretamente por leitores de tela ou acessado por diferentes formas de interação. '''2. Texto e conteúdo'''		* Disponibiliza controles acessíveis para que o usuário possa controlar, garantindo que o conteúdo seja lido corretamente por leitores de tela ou acessado por diferentes formas de interação. <br />'''2. Texto e conteúdo'''

	* Utilize cores com bom contraste entre o texto e o fundo para tornar o conteúdo legível para pessoas com deficiência visual, pessoas idosas ou com baixa acuidade visual.		* Utilize cores com bom contraste entre o texto e o fundo para tornar o conteúdo legível para pessoas com deficiência visual, pessoas idosas ou com baixa acuidade visual.
Linha 53:		Linha 53:
	* Use linguagem clara e objetiva, evitando jargões técnicos, termos complexos ou ambíguos.		* Use linguagem clara e objetiva, evitando jargões técnicos, termos complexos ou ambíguos.

	* Na tag <html>, defina adequadamente o idioma da página para que leitores de tela utilizem a entonação correta para ler os conteúdos. '''Exemplo:''' ''<html lang=”pt-br”>''		* Na tag <html>, defina adequadamente o idioma da página para que leitores de tela utilizem a entonação correta para ler os conteúdos. '''Exemplo:''' ''<html lang=”pt-br”>''

	* Se um link estiver em outro idioma, especifique o idioma na ''tag'' de definição do link <a>. '''Exemplo:''' ''<a href= “www.teste.com” lang=’en’> Whatsapp </a>''		* Se um link estiver em outro idioma, especifique o idioma na ''tag'' de definição do link <a>. '''Exemplo:''' ''<a href= “www.teste.com” lang=’en’> Whatsapp </a>''

	* Ao definir uma mensagem de erro, apresente dicas sobre como corrigi-lo. Utilize imagens de texto apenas quando elas tiverem um aspecto decorativo, sem que sejam essenciais para compreensão do conteúdo (como marcas e logotipos).		* Ao definir uma mensagem de erro, apresente dicas sobre como corrigi-lo. Utilize imagens de texto apenas quando elas tiverem um aspecto decorativo, sem que sejam essenciais para compreensão do conteúdo (como marcas e logotipos).

Guia de Acessibilidade Web - Histórico de revisão

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site */

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site */

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site */

Sara.lobato em 13h42min de 14 de outubro de 2025

Sara.lobato em 13h41min de 14 de outubro de 2025

Sara.lobato em 13h21min de 14 de outubro de 2025

Sara.lobato em 18h12min de 10 de outubro de 2025

Sara.lobato em 17h48min de 10 de outubro de 2025

Sara.lobato em 18h26min de 29 de setembro de 2025

Sara.lobato em 18h08min de 29 de setembro de 2025

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site  */

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site  */

Sara.lobato: /* Proposta de modelo para avaliação da acessibilidade de um site  */