{"id":26677,"date":"2022-09-08T17:00:15","date_gmt":"2022-09-09T00:00:15","guid":{"rendered":"https:\/\/teach.udemy.com\/?page_id=26677"},"modified":"2022-09-26T03:25:57","modified_gmt":"2022-09-26T10:25:57","slug":"accessibility-considerations-for-course-materials","status":"publish","type":"page","link":"https:\/\/teach.udemy.com\/pt-br\/accessibility-considerations-for-course-materials\/","title":{"rendered":"Considera\u00e7\u00f5es de acessibilidade para os materiais do curso"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Na Udemy, seu conte\u00fado em v\u00eddeo e os materiais do curso andam lado a lado, refor\u00e7ando o que voc\u00ea ensinou e agregando novas habilidades. Ent\u00e3o para garantir que todo o seu curso seja acess\u00edvel, qualquer item que voc\u00ea fornecer com o curso precisa ser acess\u00edvel.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nesta se\u00e7\u00e3o, vamos falar sobre os materiais acess\u00edveis do curso em quatro partes:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Content-organization\"><span style=\"font-weight: 400;\">Organiza\u00e7\u00e3o do conte\u00fado<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Meaningful-document-semantics\"><span style=\"font-weight: 400;\">Sem\u00e2ntica significativa do documento<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Alternative-text\"><span style=\"font-weight: 400;\">Texto alternativo para imagens\/m\u00eddia<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Color-contrast\"><span style=\"font-weight: 400;\">Contraste de cor<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Content-organization\">Organiza\u00e7\u00e3o do conte\u00fado<\/h1>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mantenha seu conte\u00fado organizado e divida o texto em par\u00e1grafos curtos com t\u00edtulos distintos. Isso facilita a an\u00e1lise e a leitura para todos os usu\u00e1rios.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Para todos os documentos, forne\u00e7a um \u00edndice no come\u00e7o ou um resumo (em algumas frases, ou uma lista com marcadores) do que ser\u00e1 apresentado.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Inclua um gloss\u00e1rio de termos e as respectivas defini\u00e7\u00f5es como um recurso para download, para ajudar os usu\u00e1rios no curso. Tamb\u00e9m \u00e9 ideal incluir um recurso para download ou link dos slides que voc\u00ea estiver usando.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sempre revise a ortografia, gram\u00e1tica e legibilidade. A legibilidade se refere \u00e0 facilidade com que uma pessoa pode ler um trecho de texto. Ela pode incluir fatores como comprimento da senten\u00e7a, densidade de s\u00edlabas, complexidade do assunto e familiaridade com as palavras. Pe\u00e7a para um colega ou amigo ler o conte\u00fado do seu curso e fazer seus exerc\u00edcios como uma \u00faltima garantia que seu curso seja acess\u00edvel!<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1 id=\"Meaningful-document-semantics\"><strong>Tornar os documentos acess\u00edveis<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Leitores de telas (como JAWS, NVDA ou Voiceover) usados por pessoas com alguma defici\u00eancia visual s\u00e3o capazes de ler o texto na p\u00e1gina e tamb\u00e9m transmitir a maneira como ele est\u00e1 organizado em t\u00edtulos, subt\u00edtulos e itens de lista. Por exemplo, uma pessoa fazendo a leitura visual v\u00ea uma p\u00e1gina com um grande texto em negrito indicando os t\u00edtulos, enquanto uma pessoa com defici\u00eancia visual ouve qual texto \u00e9 o t\u00edtulo, por meio de algo chamado de \u201cmarca\u00e7\u00e3o de sem\u00e2ntica\u201d. Essa metainforma\u00e7\u00e3o \u00e9 essencial em documentos acess\u00edveis. Felizmente, muitos programas e aplicativos de processamento de texto, como o Microsoft Word e o Google Docs, t\u00eam essa fun\u00e7\u00e3o integrada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tamb\u00e9m \u00e9 importante saber o que torna as coisas mais dif\u00edceis para um leitor de tela. C\u00e9lulas mescladas em uma tabela, por exemplo, podem dificultar a navega\u00e7\u00e3o e compreens\u00e3o da organiza\u00e7\u00e3o ao usar um leitor de tela. Al\u00e9m disso, quando a formata\u00e7\u00e3o \u00e9 feita de maneira n\u00e3o sem\u00e2ntica, os leitores de tela podem apresentar informa\u00e7\u00f5es confusas. Por exemplo, se voc\u00ea usar um asterisco e a tecla tab para criar um marcador, o leitor de tela pode interpretar como &#8220;tab&#8221; ou &#8220;asterisco&#8221;, em vez de &#8220;marcador&#8221;.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esta se\u00e7\u00e3o inclui apenas alguns temas sobre a inclus\u00e3o de sem\u00e2ntica em um documento digital, mas oferecemos diversos recursos abrangentes.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Cabe\u00e7alhos verdadeiros<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Os cabe\u00e7alhos s\u00e3o a melhor maneira de tornar seu conte\u00fado mais acess\u00edvel. O uso de sem\u00e2ntica verdadeira e cabe\u00e7alhos visuais tornam o conte\u00fado mais claro para usu\u00e1rios com vis\u00e3o normal e com defici\u00eancia visual.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ao organizar seu conte\u00fado usando t\u00edtulos com sem\u00e2ntica verdadeira, que muitas vezes s\u00e3o rotulados como \u201cT1\u201d ou \u201cT\u00edtulo 1\u201d em aplicativos de processamento de texto ou apresenta\u00e7\u00e3o de slides, voc\u00ea garante que os leitores de tela comuniquem seu conte\u00fado de maneira adequada. Por exemplo, o t\u00edtulo do documento deve ter um t\u00edtulo de primeiro n\u00edvel, o t\u00edtulo da se\u00e7\u00e3o deve ser de segundo n\u00edvel (por exemplo, T2) e os t\u00edtulos das subse\u00e7\u00f5es devem ser de terceiro ou quarto n\u00edvel. Veja um exemplo:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">T\u00edtulo de p\u00e1gina (cabe\u00e7alho 1)<\/span><\/h1>\n<h2 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">T\u00edtulo de se\u00e7\u00e3o (cabe\u00e7alho 2)<\/span><\/h2>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Texto do conte\u00fado aqui.<\/span><\/p>\n<h3 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">T\u00edtulo de subse\u00e7\u00e3o (cabe\u00e7alho 3)<\/span><\/h3>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Texto do conte\u00fado aqui.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Observa\u00e7\u00e3o: evite pular n\u00edveis de cabe\u00e7alhos. Por exemplo, n\u00e3o pule do cabe\u00e7alho de primeiro n\u00edvel para o de terceiro n\u00edvel.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Listas com numera\u00e7\u00e3o e marcadores verdadeiros<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Sempre use as fun\u00e7\u00f5es de lista com marcadores (lista n\u00e3o ordenada) e lista numerada (lista ordenada) dos aplicativos de processamento de texto ou apresenta\u00e7\u00e3o de slides, em vez de formatar manualmente o estilo do texto com a tecla tab, asteriscos e n\u00fameros. Os leitores de texto v\u00e3o reconhecer esses tipos de lista e apresentar seu conte\u00fado de maneira adequada.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Estruturas simples de tabela<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Tenha cuidado com o uso de v\u00e1rias linhas e colunas (ou mescladas), e evite usar muitos n\u00edveis de cabe\u00e7alhos de tabela. As c\u00e9lulas mescladas s\u00e3o dif\u00edceis de serem explicadas para alunos e de serem interpretadas por leitores de tela. Sempre que poss\u00edvel, evite usar tabelas para layout visual.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Use links descritivos<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Evite frases isoladas sem contexto, como:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cClique aqui\u201d\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cAqui\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cMais\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cMais informa\u00e7\u00f5es\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cLeia mais\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cContinuar\u201d\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Recomendamos usar as seguintes alternativas que apresentam mais contexto:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cVoc\u00ea pode fazer download do programa\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cA cita\u00e7\u00e3o de ____\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cOutros ____ est\u00e3o dispon\u00edveis neste link\u201d<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Evite tamb\u00e9m usar URLs isolados como links, como www.abcde.com, a menos que o documento seja destinado para impress\u00e3o ou se o URL for relevante para o conte\u00fado.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Alternative-text\"><strong>Texto alternativo para imagens\/m\u00eddia<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Uma imagem vale mais que mil palavras, mas os alunos que convivem com alguma defici\u00eancia visual ou cegueira dependem de texto alternativo para reconhecer suas imagens. Sempre forne\u00e7a um texto alternativo claro e direcionado ao contexto nos seus documentos, apresenta\u00e7\u00f5es de slides etc. Esse texto ser\u00e1 lido em voz alta para as pessoas que est\u00e3o usando um leitor de tela ou outra tecnologia de aux\u00edlio.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Muitas ferramentas permitem que voc\u00ea forne\u00e7a texto alternativo para imagens. Essas caixas podem estar indicadas por frases como \u201ctexto alternativo\u201d, \u201calternativa\u201d, ou at\u00e9 mesmo \u201cdescri\u00e7\u00e3o da imagem\u201d. Se dispon\u00edvel, use esse campo para fornecer um texto alternativo para a imagem.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">O texto alternativo deve apresentar o significado de uma imagem, n\u00e3o necessariamente apenas a descri\u00e7\u00e3o. Por exemplo, o texto alternativo deve dizer, &#8220;uma imagem de engrenagem representando as Configura\u00e7\u00f5es&#8221;, em vez de &#8220;\u00edcone de engrenagem&#8221;. Se voc\u00ea precisasse remover a imagem, que texto colocaria no lugar dela? Por outro lado, se voc\u00ea tivesse que descrever a imagem para algu\u00e9m pelo telefone, pense no que voc\u00ea mencionaria e use isso para informar a descri\u00e7\u00e3o da imagem.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Se uma imagem n\u00e3o tem conte\u00fado ou fun\u00e7\u00e3o relevante ou for apenas decorativa, ou se o texto alternativo for apresentado no texto que a acompanha, ent\u00e3o a imagem n\u00e3o deve conter um texto alternativo. Alguns aplicativos de processamento de texto ou apresenta\u00e7\u00e3o de slides oferecem a op\u00e7\u00e3o \u201cem branco\u201d ou \u201cvazio\u201d.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Evite usar palavras como \u201cimagem de\u201d, \u201cfoto de\u201d ou \u201clink para\u201d. A tecnologia de aux\u00edlio vai fazer isso automaticamente e avisar os usu\u00e1rios que ela est\u00e1 descrevendo uma imagem.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use o menor n\u00famero de palavras poss\u00edvel sem prejudicar a clareza ou o contexto.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Para documentos PDF, o Adobe Acrobat Pro pode verificar se seu documento est\u00e1 em conformidade com os padr\u00f5es de acessibilidade. Consulte o link na <\/span><span style=\"font-weight: 400;\">se\u00e7\u00e3o Recursos<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><i><span style=\"font-weight: 400;\">Exemplo de imagem com texto alternativo<\/span><\/i><\/h2>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26614\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg\" alt=\"Em um sof\u00e1, est\u00e3o sentadas uma mulher adulta trabalhando em um notebook e uma crian\u00e7a com fones de ouvido usando um tablet.\" width=\"375\" height=\"250\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg 512w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Muitas vezes, o texto padr\u00e3o usado ser\u00e1 o nome do arquivo, o que pode n\u00e3o ser \u00fatil.<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Texto alternativo padr\u00e3o <\/b><b><i>(nome do arquivo)<\/i><\/b><b>:<\/b><span style=\"font-weight: 400;\"> adult-kid-tech_revised_220811.jpg<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b> Texto alternativo modificado:<\/b><span style=\"font-weight: 400;\"> Em um sof\u00e1, est\u00e3o sentadas uma mulher adulta trabalhando em um notebook e uma crian\u00e7a com fones de ouvido usando um tablet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Color-contrast\"><strong>Use cores com contraste forte<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">O contraste de cor \u00e9 a medi\u00e7\u00e3o da diferen\u00e7a do brilho entre duas cores, o que \u00e9 expresso como uma propor\u00e7\u00e3o de 1:1 (ruim) at\u00e9 21:1 (excelente). Use cores com alto contraste, principalmente entre seu texto e o plano de fundo. As imagens que incluem texto tamb\u00e9m precisam ter alto contraste. Para ajudar a ilustrar a diferen\u00e7a entre combina\u00e7\u00f5es de alto e baixo contraste, apresentamos alguns exemplos de texto colorido sobre fundos brancos abaixo.\u00a0<\/span><\/p>\n<h2><em>Contraste ruim<\/em><\/h2>\n<p><span style=\"font-weight: 400;\">A propor\u00e7\u00e3o m\u00ednima de contraste para qualificar um conte\u00fado como acess\u00edvel \u00e9 de 4,5:1. Aqui est\u00e3o alguns exemplos de combina\u00e7\u00f5es de cor que n\u00e3o atendem a esse limite e devem ser evitadas:<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.00-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27697\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.00-1-300x61.png\" alt=\"\" width=\"438\" height=\"89\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.00-1-300x61.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.00-1-768x155.png 768w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.00-1.png 966w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto amarelo \u2013 classifica\u00e7\u00e3o: 1,07:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto verde-claro \u2013 classifica\u00e7\u00e3o: 1,12:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto laranja \u2013 classifica\u00e7\u00e3o: 2,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto rosa \u2013 classifica\u00e7\u00e3o: 3,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto vermelho \u2013 classifica\u00e7\u00e3o: 4,0:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Contraste bom<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">As combina\u00e7\u00f5es de cor abaixo s\u00e3o boas escolhas, j\u00e1 que oferecem contraste suficiente (propor\u00e7\u00e3o de 4,5:1 a 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.19-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27710\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.19-1-300x99.png\" alt=\"\" width=\"373\" height=\"123\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.19-1-300x99.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.19-1.png 580w\" sizes=\"auto, (max-width: 373px) 100vw, 373px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto azul \u2013 classifica\u00e7\u00e3o: 4,68:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto verde-escuro \u2013 classifica\u00e7\u00e3o: 5,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto roxo \u2013 classifica\u00e7\u00e3o: 6,95:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Contraste excelente<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">\u00c9 recomend\u00e1vel usar as cores listadas abaixo, j\u00e1 que elas oferecem o melhor contraste (propor\u00e7\u00e3o acima de 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.27-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27723\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.27-1-300x99.png\" alt=\"\" width=\"385\" height=\"127\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.27-1-300x99.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.45.27-1.png 577w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto laranja-escuro \u2013 classifica\u00e7\u00e3o 7,43:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto cinza-escuro \u2013 classifica\u00e7\u00e3o: 12,63:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Texto preto \u2013 classifica\u00e7\u00e3o: 21:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1><strong>Resumo das pr\u00e1ticas recomendadas para um conte\u00fado do curso acess\u00edvel<\/strong><\/h1>\n<h2><strong>Conte\u00fado<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mantenha o texto organizado e divida o conte\u00fado em par\u00e1grafos curtos<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nos documentos mais longos, forne\u00e7a um \u00edndice ou resumo<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Inclua um gloss\u00e1rio de termos como recurso<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cuidado com ortografia, gram\u00e1tica e legibilidade<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Sem\u00e2ntica do documento<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use marca\u00e7\u00e3o de sem\u00e2ntica para que tecnologias de aux\u00edlio funcionem corretamente\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Organize seu conte\u00fado usando cabe\u00e7alhos verdadeiros<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use listas com numera\u00e7\u00e3o e marcadores verdadeiros<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use a estrutura de tabela mais simples poss\u00edvel<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use links descritivos<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Texto alternativo<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Forne\u00e7a um texto alternativo adequado para as imagens nos seus documentos, apresenta\u00e7\u00f5es de slides etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Contraste de cor<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use cores com forte contraste para texto e imagens<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"p1\"><b>Links para outros artigos de acessibilidade e inclus\u00e3o<\/b><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pt-br\/course-creation\/accessible-content\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Vis\u00e3o geral sobre a cria\u00e7\u00e3o de conte\u00fado acess\u00edvel e inclusivo<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pt-br\/accessible-video-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Considera\u00e7\u00f5es para um conte\u00fado em v\u00eddeo acess\u00edvel<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pt-br\/inclusive-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Considera\u00e7\u00f5es para um conte\u00fado inclusivo<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pt-br\/resources-on-accessibility-inclusivity\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Recursos sobre acessibilidade e inclus\u00e3o<\/span><\/a><\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Na Udemy, seu conte\u00fado em v\u00eddeo e os materiais do curso andam lado a lado, refor\u00e7ando o que voc\u00ea ensinou e agregando novas habilidades. Ent\u00e3o para garantir que todo o seu curso seja acess\u00edvel, qualquer item que voc\u00ea fornecer com o curso precisa ser acess\u00edvel. Nesta se\u00e7\u00e3o, vamos falar sobre os materiais acess\u00edveis do curso [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26677","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/pages\/26677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/comments?post=26677"}],"version-history":[{"count":0,"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/pages\/26677\/revisions"}],"wp:attachment":[{"href":"https:\/\/teach.udemy.com\/pt-br\/wp-json\/wp\/v2\/media?parent=26677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}