{"id":76,"date":"2023-03-31T16:28:03","date_gmt":"2023-03-31T19:28:03","guid":{"rendered":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/?page_id=76"},"modified":"2024-11-28T10:11:35","modified_gmt":"2024-11-28T13:11:35","slug":"editando-conteudo-acessivel","status":"publish","type":"page","link":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/editando-conteudo-acessivel\/","title":{"rendered":"Editando conte\u00fado acess\u00edvel"},"content":{"rendered":"\n<h4>1. Par\u00e1grafos<\/h4>\n\n\n\n<ul><li><strong>Texto alinhado \u00e0 esquerda:<\/strong> <\/li><\/ul>\n\n\n\n<p>O alinhamento \u00e0 esquerda facilita a leitura em compara\u00e7\u00e3o ao justificado ou centralizado. A leitura do texto \u00e9 guiada por pequenas pausas visuais, e o espa\u00e7o branco irregular gerado pelo texto justificado altera esse ritmo, prolonga o tempo de leitura e cria um &#8220;ru\u00eddo&#8221; narrativo, reduzindo a compreens\u00e3o da informa\u00e7\u00e3o.1.2 <\/p>\n\n\n\n<ul><li><strong>Conte\u00fado agrad\u00e1vel de ser lido:<\/strong> <\/li><\/ul>\n\n\n\n<p>O texto deve ser agrad\u00e1vel para leitura, com um ritmo claro e consistente. Assim, observe:<\/p>\n\n\n\n<ol><li>Se o espa\u00e7amento entre as linhas \u00e9 adequado, evitando que fique muito apertado ou espa\u00e7ado demais;<\/li><li>Se a transi\u00e7\u00e3o entre par\u00e1grafos est\u00e1 bem definida;<\/li><li>Se as linhas de texto n\u00e3o s\u00e3o excessivamente longas nem curtas demais;<\/li><li>Se o tamanho da fonte est\u00e1 apropriado para a leitura.<\/li><\/ol>\n\n\n\n<ul><li><strong>Utilize espa\u00e7o em branco para separar conte\u00fados ou temas distintos:<\/strong> <\/li><\/ul>\n\n\n\n<p>O espa\u00e7o em branco \u00e9 a \u00e1rea vazia entre elementos e grupos de elementos. Ele oferece pausas visuais, indica a rela\u00e7\u00e3o entre elementos e estabelece hierarquias. Utilizar adequadamente o espa\u00e7o em branco entre par\u00e1grafos pode melhorar a compreens\u00e3o do texto em aproximadamente 20%.<\/p>\n\n\n\n<ul><li><strong>Texto objetivo: <\/strong><\/li><\/ul>\n\n\n\n<p>Nos textos, comece sempre pelo que \u00e9 mais importante, apresentando uma ideia por par\u00e1grafo. O conte\u00fado deve ser claro e direto, evitando palavras desnecess\u00e1rias. As informa\u00e7\u00f5es principais devem ser inseridas nos dois primeiros par\u00e1grafos.<\/p>\n\n\n\n<ul><li><strong>Separe o texto em t\u00f3picos:<\/strong> <\/li><\/ul>\n\n\n\n<p>Organize o texto em pequenas unidades, como par\u00e1grafos curtos, subt\u00edtulos e listas, para facilitar a navega\u00e7\u00e3o pela p\u00e1gina e a compreens\u00e3o do conte\u00fado.<\/p>\n\n\n\n<p>Exemplo correto:<\/p>\n\n\n\n<p>A terceira vers\u00e3o do Modelo de Acessibilidade em Governo Eletr\u00f4nico (e-MAG 3.0) foi lan\u00e7ada em 21 de setembro de 2013, no evento Acessibilidade Digital \u2013 um direito de todos, trazendo uma se\u00e7\u00e3o chamada \u201cPadroniza\u00e7\u00e3o de acessibilidade nas p\u00e1ginas do governo federal\u201d com o intuito de uniformizar os elementos de acessibilidade que devem existir em todos os s\u00edtios e portais do governo.<\/p>\n\n\n\n<p>A revis\u00e3o do modelo, com a nova vers\u00e3o (3.1), lan\u00e7ada em abril de 2014, foi desenvolvida por meio da parceria entre o Departamento de Governo Eletr\u00f4nico, da Secretaria de Tecnologia da Informa\u00e7\u00e3o (STI) do Minist\u00e9rio do Planejamento e o Instituto Federal do Rio Grande do Sul (IFRS). A vers\u00e3o 3.1 apresenta diversas melhorias no conte\u00fado do texto para torn\u00e1-lo mais compreens\u00edvel, com destaque para o subitem &#8220;O processo para desenvolver um s\u00edtio acess\u00edvel&#8221;, que ganhou um cap\u00edtulo pr\u00f3prio. Tamb\u00e9m foram inseridos novos exemplos, inclusive com o uso de HTML5 e WAI-ARIA para determinadas recomenda\u00e7\u00f5es.<\/p>\n\n\n\n<p>Fonte: <a href=\"https:\/\/www.gov.br\/governodigital\/pt-br\/acessibilidade-e-usuario\/acessibilidade-digital\/modelo-de-acessibilidade\">Gov.br &#8211; Modelo de Acessibilidade<\/a> <\/p>\n\n\n\n<h4>2. Links<\/h4>\n\n\n\n<ul><li><strong>Descrever links clara e sucintamente:<\/strong> <\/li><\/ul>\n\n\n\n<p>\u00c9 fundamental identificar claramente o destino de cada link, indicando, inclusive, se ele direciona para outro site. O texto do link deve fazer sentido mesmo quando lido fora do contexto da p\u00e1gina. Al\u00e9m disso, evite usar a mesma descri\u00e7\u00e3o para links que levem a destinos diferentes. Da mesma forma, links que apontam para o mesmo destino devem ter descri\u00e7\u00f5es id\u00eanticas.<\/p>\n\n\n\n<p>Exemplo incorreto:<\/p>\n\n\n\n<p><a href=\"https:\/\/sites.ufca.edu.br\/treinamento-portal\/portal\/editando-conteudo-acessivel\">Clique aqui<\/a> para saber mais sobre acessibilidade digital<\/p>\n\n\n\n<p>Exemplo correto:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.gov.br\/governodigital\/pt-br\/acessibilidade-e-usuario\/acessibilidade-digital\">Saiba mais sobre acessibilidade digital<\/a><\/p>\n\n\n\n<ul><li><strong>N\u00e3o use janelas pop-up ou abra links em nova janela: <\/strong><\/li><\/ul>\n\n\n\n<p>Janelas pop-up s\u00e3o invasivas e interrompem o controle sobre a p\u00e1gina, assim como links que abrem em uma nova janela. A escolha deve ser do usu\u00e1rio. Al\u00e9m disso, pop-ups e links que abrem em nova janela s\u00e3o inacess\u00edveis para pessoas com defici\u00eancia visual.<\/p>\n\n\n\n<p>\u00c9 fundamental que os links sejam abertos na mesma guia ou janela de navega\u00e7\u00e3o, pois pessoas com defici\u00eancia visual podem ter dificuldade em perceber que uma nova janela foi aberta. Al\u00e9m disso, ao estarem em uma nova janela, n\u00e3o poder\u00e3o voltar \u00e0 p\u00e1gina anterior usando a op\u00e7\u00e3o de retorno do navegador. Caso seja realmente necess\u00e1rio abrir um link em nova janela, recomenda-se informar essa a\u00e7\u00e3o diretamente no texto do link.<\/p>\n\n\n\n<ul><li><strong>Separar links adjacentes:<\/strong> <\/li><\/ul>\n\n\n\n<p>Links pr\u00f3ximos devem ser separados por mais do que simples espa\u00e7os, evitando confus\u00e3o, especialmente para usu\u00e1rios de leitores de tela. Para isso, recomenda-se o uso de listas, onde cada item \u00e9 um link. As listas podem ser visualmente estilizadas com CSS, permitindo que os itens sejam exibidos conforme desejado, como lado a lado, por exemplo.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Par\u00e1grafos Texto alinhado \u00e0 esquerda: O alinhamento \u00e0 esquerda facilita a leitura em compara\u00e7\u00e3o ao justificado ou centralizado. A leitura do texto \u00e9 guiada por pequenas pausas visuais, e o espa\u00e7o branco irregular gerado pelo texto justificado altera esse ritmo, prolonga o tempo de leitura e cria um &#8220;ru\u00eddo&#8221; narrativo, reduzindo a compreens\u00e3o da [&hellip;]<\/p>\n","protected":false},"author":243,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/76"}],"collection":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/users\/243"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":10,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":425,"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/pages\/76\/revisions\/425"}],"wp:attachment":[{"href":"https:\/\/sites.ufca.edu.br\/treinamento-portal\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}