Acessibilidade - Histórico de revisão

Milton: /* Melhorar os títulos dos objetos (recursos e atividades) */

2023-10-06T12:32:51Z

Melhorar os títulos dos objetos (recursos e atividades)

← Edição anterior		Edição das 12h32min de 6 de outubro de 2023
Linha 27:		Linha 27:
	</div>		</div>

	== ~~<div id="titulos">~~Melhorar os títulos dos objetos (recursos e atividades)~~</div>~~ ==		== Melhorar os títulos dos objetos (recursos e atividades) ==
	Nomear os objetos de forma que o título seja intuitivo e faça referência ao seu propósito.		Nomear os objetos de forma que o título seja intuitivo e faça referência ao seu propósito.

Milton em 12h31min de 6 de outubro de 2023

2023-10-06T12:31:58Z

← Edição anterior		Edição das 12h31min de 6 de outubro de 2023
Linha 1:		Linha 1:
	~~<table><tr><td>~~[[Arquivo:Teamwork.png\|borda\|esquerda]]		[[Arquivo:Teamwork.png\|borda\|esquerda]]

	No Moodle, as boas práticas relacionadas à acessibilidade vão muito além de ''plugins,'' módulos ou extensões que podem ser instalados. Elas passam principalmente pela forma em que os objetos são dispostos na sala. São pequenas mudanças que resultam em ganhos enormes para quem tem algum tipo de deficiência. Seja ela auditiva, visual, mental ou intelectual.		No Moodle, as boas práticas relacionadas à acessibilidade vão muito além de ''plugins,'' módulos ou extensões que podem ser instalados. Elas passam principalmente pela forma em que os objetos são dispostos na sala. São pequenas mudanças que resultam em ganhos enormes para quem tem algum tipo de deficiência. Seja ela auditiva, visual, mental ou intelectual.
Linha 5:		Linha 5:
	Tornar o conteúdo da sua disciplina acessível, não é um trabalho a mais, mas sim um investimento, uma forma de democratizar o conhecimento.		Tornar o conteúdo da sua disciplina acessível, não é um trabalho a mais, mas sim um investimento, uma forma de democratizar o conhecimento.

	Para tanto, algumas práticas simples podem ajudar a tornar o conteúdo da sua disciplina mais acessível:~~</td></tr></table>~~		Para tanto, algumas práticas simples podem ajudar a tornar o conteúdo da sua disciplina mais acessível:

	== <div id="texto_alternativo">Usar um texto alternativo nas imagens</div> ==		== <div id="texto_alternativo">Usar um texto alternativo nas imagens</div> ==
	Uma imagem pode ou não transmitir uma informação. Podemos tratar as imagens inseridas em uma página dividindo-as nos dois contextos abaixo:		Uma imagem pode ou não transmitir uma informação. Podemos tratar as imagens inseridas em uma página dividindo-as nos dois contextos abaixo:

2160231 em 11h29min de 15 de agosto de 2022

2022-08-15T11:29:50Z

← Edição anterior		Edição das 11h29min de 15 de agosto de 2022
Linha 1:		Linha 1:
	<table><tr><td>[[Arquivo:Teamwork.png\|borda\|esquerda]]		<table><tr><td>[[Arquivo:Teamwork.png\|borda\|esquerda]]
	No Moodle, as boas práticas relacionadas a acessibilidade vão muito além de ''plugins,'' módulos ou extensões que podem ser instalados~~, elas~~ passam principalmente pela forma em que os objetos são dispostos na sala. São pequenas mudanças que resultam em ganhos enormes para quem tem algum tipo de deficiência. Seja ela auditiva, visual, mental ou intelectual.
			No Moodle, as boas práticas relacionadas à acessibilidade vão muito além de ''plugins,'' módulos ou extensões que podem ser instalados. Elas passam principalmente pela forma em que os objetos são dispostos na sala. São pequenas mudanças que resultam em ganhos enormes para quem tem algum tipo de deficiência. Seja ela auditiva, visual, mental ou intelectual.

	Tornar o conteúdo da sua disciplina acessível, não é um trabalho a mais, mas sim um investimento, uma forma de democratizar o conhecimento.		Tornar o conteúdo da sua disciplina acessível, não é um trabalho a mais, mas sim um investimento, uma forma de democratizar o conhecimento.
Linha 34:		Linha 35:
	Evite nomear os objetos como: "link 1, tarefa 1, vídeo 2, link importante, arquivo 3...". Dê preferência a títulos que façam referência ao propósito do objeto, ou seja, os nomeie de forma que o usuário consiga entender facilmente o seu propósito.		Evite nomear os objetos como: "link 1, tarefa 1, vídeo 2, link importante, arquivo 3...". Dê preferência a títulos que façam referência ao propósito do objeto, ou seja, os nomeie de forma que o usuário consiga entender facilmente o seu propósito.

	Mesmo após dar um nome intuitivo ao objeto, caso não tenha ficado claro		Mesmo após dar um nome intuitivo ao objeto, caso não tenha ficado claro.

	== <div id="aba">Tornando links mais acessíveis</div> ==		== <div id="aba">Tornando links mais acessíveis</div> ==
	Ao inserir um link através de um rótulo ou algum outro recurso, preocupe-se em informar ao usuário caso este link abra em uma nova aba. Isso é importante caso o usuário esteja navegando através do teclado ou utilize um leitor de tela. Por exemplo:		Ao inserir um link através de um rótulo ou algum outro recurso, preocupe-se em informar ao usuário caso este link abra em uma nova aba. Isso é importante, caso o usuário esteja navegando através do teclado ou utilize um leitor de tela. Por exemplo:

	[[Arquivo:Acessibilidade - Abre em nova aba.png\|borda]]		[[Arquivo:Acessibilidade - Abre em nova aba.png\|borda]]

Milton: /* Tornando links mais acessíveis */

2018-05-22T11:00:02Z

Tornando links mais acessíveis

← Edição anterior		Edição das 11h00min de 22 de maio de 2018
Linha 45:		Linha 45:
	'''Exemplo de link suficientemente descritivo:''' <span id="link1">[[Acessibilidade#link1\|Estrutura da página inicial]]</span>		'''Exemplo de link suficientemente descritivo:''' <span id="link1">[[Acessibilidade#link1\|Estrutura da página inicial]]</span>

	'''Exemplo de link com informações desnecessárias:''' <span id="link2">[[~~Acessando as salas virtuais~~\|Clique aqui para acessar a estrutura da página inicial]]</span>		'''Exemplo de link com informações desnecessárias:''' <span id="link2">[[Acessibilidade#link2\|Clique aqui para acessar a estrutura da página inicial]]</span>

	'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[~~Acompanhamento e conclusão de curso~~\|Clique aqui]]</span> para acessar ~~o organograma~~ da ~~empresa~~<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref>		'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[Acessibilidade#link3\|Clique aqui]]</span> para acessar a estrutura da página inicial<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref>

	Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.		Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.

Milton: /* Tornando links mais acessíveis */

2018-05-07T14:58:28Z

Tornando links mais acessíveis

← Edição anterior		Edição das 14h58min de 7 de maio de 2018
Linha 47:		Linha 47:
	'''Exemplo de link com informações desnecessárias:''' <span id="link2">[[Acessando as salas virtuais\|Clique aqui para acessar a estrutura da página inicial]]</span>		'''Exemplo de link com informações desnecessárias:''' <span id="link2">[[Acessando as salas virtuais\|Clique aqui para acessar a estrutura da página inicial]]</span>

	'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[Acompanhamento e conclusão de curso\|Clique aqui]]</span> para acessar o organograma da empresa		'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[Acompanhamento e conclusão de curso\|Clique aqui]]</span> para acessar o organograma da empresa<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref>

	Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.		Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.
Linha 53:		Linha 53:
	<hr style="background-color: #fff; border-top: 2px dashed #8c8b8b;">		<hr style="background-color: #fff; border-top: 2px dashed #8c8b8b;">
	'''Referências:'''		'''Referências:'''
			<references />

Milton em 14h57min de 7 de maio de 2018

2018-05-07T14:57:38Z

← Edição anterior		Edição das 14h57min de 7 de maio de 2018
Linha 51:		Linha 51:
	Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.		Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.

	<hr style="border-top: 2px ~~dotted~~ #8c8b8b;">		<hr style="background-color: #fff; border-top: 2px dashed #8c8b8b;">
	'''Referências:'''		'''Referências:'''

	~~<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />~~

Milton em 14h56min de 7 de maio de 2018

2018-05-07T14:56:44Z

← Edição anterior		Edição das 14h56min de 7 de maio de 2018
Linha 52:		Linha 52:

	<hr style="border-top: 2px dotted #8c8b8b;">		<hr style="border-top: 2px dotted #8c8b8b;">
	Referências:		'''Referências:'''

	<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />		<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />

Milton em 14h56min de 7 de maio de 2018

2018-05-07T14:56:31Z

← Edição anterior		Edição das 14h56min de 7 de maio de 2018
Linha 49:		Linha 49:
	'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[Acompanhamento e conclusão de curso\|Clique aqui]]</span> para acessar o organograma da empresa		'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[Acompanhamento e conclusão de curso\|Clique aqui]]</span> para acessar o organograma da empresa

	Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />		Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.

			<hr style="border-top: 2px dotted #8c8b8b;">
			Referências:
			<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />

Milton: /* Trabalhando melhor com links */

2018-05-07T14:28:56Z

Trabalhando melhor com links

← Edição anterior		Edição das 14h28min de 7 de maio de 2018
Linha 36:		Linha 36:
	Mesmo após dar um nome intuitivo ao objeto, caso não tenha ficado claro		Mesmo após dar um nome intuitivo ao objeto, caso não tenha ficado claro

	== <div id="aba">~~Trabalhando melhor com~~ links</div> ==		== <div id="aba">Tornando links mais acessíveis</div> ==
	Ao inserir um link através de um rótulo ou algum outro recurso, preocupe-se em informar ao usuário caso este link abra em uma nova aba. Isso é importante caso o usuário esteja navegando através do teclado ou utilize um leitor de tela. Por exemplo:		Ao inserir um link através de um rótulo ou algum outro recurso, preocupe-se em informar ao usuário caso este link abra em uma nova aba. Isso é importante caso o usuário esteja navegando através do teclado ou utilize um leitor de tela. Por exemplo:

Milton em 14h13min de 7 de maio de 2018

2018-05-07T14:13:00Z

← Edição anterior		Edição das 14h13min de 7 de maio de 2018
Linha 43:		Linha 43:
	Além disso, quando algum texto contiver um link, é recomendado que o mesmo seja claro e descritivo o suficiente, mesmo quando lido fora do contexto.		Além disso, quando algum texto contiver um link, é recomendado que o mesmo seja claro e descritivo o suficiente, mesmo quando lido fora do contexto.

	'''Exemplo de link suficientemente descritivo:''' <span id="link1">[[#~~est~~\|Estrutura da página inicial]]</span>		'''Exemplo de link suficientemente descritivo:''' <span id="link1">[[Acessibilidade#link1\|Estrutura da página inicial]]</span>

	'''Exemplo de link com informações desnecessárias:''' <span id="link2">Clique aqui para acessar a estrutura da página inicial</span>		'''Exemplo de link com informações desnecessárias:''' <span id="link2">[[Acessando as salas virtuais\|Clique aqui para acessar a estrutura da página inicial]]</span>

	'''Exemplo de link com texto pouco descritivo:''' <span id="link3">Clique aqui</span> para acessar o organograma da empresa		'''Exemplo de link com texto pouco descritivo:''' <span id="link3">[[Acompanhamento e conclusão de curso\|Clique aqui]]</span> para acessar o organograma da empresa

	Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />		Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.<ref>http://emag.governoeletronico.gov.br/cursoconteudista/desenvolvimento-web/praticas-web-acessivel-links.html</ref><references />