{"id":2855,"date":"2020-10-02T09:06:08","date_gmt":"2020-10-02T09:06:08","guid":{"rendered":"http:\/\/pt.venngage.com\/blog\/?p=2855"},"modified":"2022-06-14T20:01:56","modified_gmt":"2022-06-14T20:01:56","slug":"design-acessivel","status":"publish","type":"post","link":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/","title":{"rendered":"Como criar designs acess\u00edveis [Dicas + Modelos personaliz\u00e1veis]"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2865\" src=\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png\" alt=\"como criar designs acessiveis\" width=\"800\" height=\"590\"><\/p>\n<p>Ao projetar qualquer tipo de material de comunica\u00e7\u00e3o, voc\u00ea precisa estar ciente do fato de que nem todos ser\u00e3o capazes de processar a informa\u00e7\u00e3o da mesma forma.<\/p>\n<p>Muitas pessoas em todo o mundo t\u00eam diferentes requisitos de acessibilidade, desde aqueles que est\u00e3o no espectro do autismo at\u00e9 aqueles que s\u00e3o dalt\u00f4nicos, disl\u00e9xicos ou deficientes visuais.<\/p>\n<p>Uma boa comunica\u00e7\u00e3o depende que as suas informa\u00e7\u00f5es sejam compreendidas da forma mais ampla poss\u00edvel.<\/p>\n<h2><b>O que \u00e9 design acess\u00edvel?<\/b><\/h2>\n<p>A acessibilidade no design vem em muitas formas diferentes, desde infogr\u00e1ficos acess\u00edveis at\u00e9 UI design acess\u00edvel. Mas ao criar designs acess\u00edveis, n\u00e3o existe um regra \u00fanica.<\/p>\n<p>Geralmente, design acess\u00edvel significa um design que leva em considera\u00e7\u00e3o como informa\u00e7\u00f5es apresentadas podem ser compreendidas.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2866\" src=\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-infografico.png\" alt=\"como criar designs acessiveis infografico\" width=\"800\" height=\"945\"><\/p>\n<p>Nem todo design estar\u00e1 acess\u00edvel para todas as pessoas, mas existem maneiras de garantir que a maioria das pessoas possa acessar e entender seus designs por meio do uso de fontes, cores e \u00edcones.<\/p>\n<p>Abaixo, descrevemos algumas das necessidades de acessibilidade mais comuns para design e fornecemos exemplos e dicas de pr\u00e1ticas recomendadas.<\/p>\n<p><strong>Tipos de design acess\u00edvel [Clique para pular]<\/strong><\/p>\n<ul>\n<li><a href=\"#1\">Design acess\u00edvel para dalt\u00f4nicos<\/a><\/li>\n<li><a href=\"#2\">Design acess\u00edvel para defici\u00eancias visuais<\/a><\/li>\n<li><a href=\"#3\">Design acess\u00edvel para neurodiversidade<\/a><\/li>\n<li><a href=\"#4\">Design acess\u00edvel para dislexia<\/a><\/li>\n<li><a href=\"#5\">Checklist com as melhores pr\u00e1ticas de design acess\u00edvel<\/a><\/li>\n<\/ul>\n<p><strong>Modelos de design acess\u00edvel [Clique para pular]<\/strong><\/p>\n<ul>\n<li><a href=\"#6\">Gr\u00e1ficos acess\u00edveis<\/a><\/li>\n<li><a href=\"#7\">Apresenta\u00e7\u00f5es acess\u00edveis<\/a><\/li>\n<li><a href=\"#8\">Infogr\u00e1ficos acess\u00edveis<\/a><\/li>\n<li><a href=\"#9\">Relat\u00f3rios acess\u00edveis<\/a><\/li>\n<\/ul>\n<h2 id=\"1\"><b>Design acess\u00edvel para dalt\u00f4nicos<\/b><\/h2>\n<p>Com cerca de 300 milh\u00f5es de pessoas dalt\u00f4nicas em todo o mundo, tornar seus designs acess\u00edveis a essas pessoas \u00e9 importante.<\/p>\n<p>Ao contr\u00e1rio da cren\u00e7a popular, a maioria das pessoas dalt\u00f4nicas pode realmente ver as cores &#8211; mas n\u00e3o da maneira que as outras pessoas podem.<\/p>\n<p><strong>Existem tr\u00eas tipos principais de daltonismo:<\/strong><\/p>\n<ul>\n<li>Daltonismo para cores vermelho\/verde<\/li>\n<li>Daltonismo para cores azul\/amarelo<\/li>\n<li>Daltonismo Completo<\/li>\n<\/ul>\n<p>A cor \u00e9 algo complexo, e nossa compreens\u00e3o da cor vem de como nossos olhos processam a luz.<\/p>\n<p><strong>V\u00cdDEO: Tudo o que voc\u00ea precisa saber sobre cores<\/strong><\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/XJ74pxrhcQc\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Em geral, um bom design depende muito da teoria das cores, mas quando voc\u00ea est\u00e1 projetando levando em conta a acessibilidade, voc\u00ea precisa estar ciente de como usa as cores.<\/p>\n<p>Em vez de mostrar o contraste apenas por meio da cor, tente usar padr\u00f5es ou \u00edcones para mostrar a diferencia\u00e7\u00e3o ou escolha uma cor principal e use v\u00e1rios tons da mesma para destacar informa\u00e7\u00f5es importantes.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/power-stat-2c94c50b-8593-4c7a-b5e3-eee39bea9d47\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39390 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Basiic-Statistical-Infographic-Template-Accessibe-Design.png\" alt=\"design acess\u00edvel\" width=\"700\" height=\"906\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/power-stat-2c94c50b-8593-4c7a-b5e3-eee39bea9d47\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>Se voc\u00ea tiver que usar cores para mostrar o contraste, evite usar paletas de cores que podem ser um problema para pessoas dalt\u00f4nicas.<\/p>\n<h3><b>As combina\u00e7\u00f5es de cores a serem evitadas para pessoas com daltonismo incluem:<\/b><\/h3>\n<ul>\n<li>Vermelho e verde<\/li>\n<li>Verde e marrom<\/li>\n<li>Verde e azul<\/li>\n<li>Azul e cinza<\/li>\n<li>Azul e roxo<\/li>\n<li>Verde e cinza<\/li>\n<li>Verde e preto<\/li>\n<\/ul>\n<p>A Venngage criou um infogr\u00e1fico delineando paletas de cores que voc\u00ea pode usar para criar um design acess\u00edvel:<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/color-palettes-for-color-blindness-0002b9e1-85d4-491a-9244-183356f42a7b\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39391 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Color-Palettes-for-Color-Blindness-Infographic.png\" alt=\"paletas de cores daltonismo\" width=\"800\" height=\"3329\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/color-palettes-for-color-blindness-0002b9e1-85d4-491a-9244-183356f42a7b\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>USE ESTAS PALETAS DE CORES ACESS\u00cdVEIS<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h2 id=\"2\"><b>Design acess\u00edvel para defici\u00eancias visuais<\/b><\/h2>\n<p>A frase defici\u00eancia visual \u00e9 um termo usado para descrever qualquer tipo de perda de vis\u00e3o. Isso pode variar de cegueira parcial a total.<\/p>\n<p>Como as defici\u00eancias visuais cobrem um amplo espectro, criar designs que sejam acess\u00edveis para pessoas que sofrem de perda de vis\u00e3o n\u00e3o \u00e9 uma solu\u00e7\u00e3o \u00fanica para todos. Mas existem algumas dicas que voc\u00ea pode usar para garantir que o maior n\u00famero poss\u00edvel de pessoas aproveite e compreenda seus materiais.<\/p>\n<h3><b>Os tipos mais comuns de defici\u00eancia visual s\u00e3o:<\/b><\/h3>\n<ul>\n<li>Perda de vis\u00e3o central<\/li>\n<li>Perda de vis\u00e3o perif\u00e9rica (lateral)<\/li>\n<li>Vis\u00e3o emba\u00e7ada<\/li>\n<li>N\u00e9voa<\/li>\n<li>Sensibilidade extrema \u00e0 luz<\/li>\n<li>Cegueira noturna<\/li>\n<\/ul>\n<p>Ao criar designs acess\u00edveis para pessoas com defici\u00eancia visual, certifique-se de usar uma fonte grande e leg\u00edvel como neste exemplo de p\u00f4ster:<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/posters\/vintage-student-conference-event-poster-961914d8-daa0-4bbd-a6ac-bd301c4a5652\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-39392\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Student-Conference-Event-Poster-Accessible-Desiign.png\" alt=\"design acessivel\" width=\"800\" height=\"1056\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/posters\/vintage-student-conference-event-poster-961914d8-daa0-4bbd-a6ac-bd301c4a5652\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>Usar uma fonte decorativa pode ser atraente para o seu design, mas quanto mais detalhes na fonte, mais dif\u00edcil ser\u00e1 para as pessoas lerem. Em vez disso, use uma fonte simples e certifique-se de que seu texto seja grande o suficiente para ser lido.<\/p>\n<p>Outra maneira de tornar seus designs mais acess\u00edveis \u00e9 usar cores fortes e contrastantes. Esse tipo de paleta ajuda as informa\u00e7\u00f5es importantes a se destacarem com mais clareza. Cores contrastantes s\u00e3o aquelas que ficam opostas na roda de cores.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-39393\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/color_wheel_traditional.jpg\" alt=\"roda de cores\" width=\"350\" height=\"354\"><\/p>\n<p style=\"text-align: center;\">Fonte<\/p>\n<p>Sempre que poss\u00edvel, tente usar uma cor mais clara para o fundo e uma cor mais escura para o texto. Evite usar um fundo padronizado.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/social-media\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39394 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Simple-chart-accessible-design.png\" alt=\"design acessivel\" width=\"700\" height=\"700\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/social-media\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p><strong>Saiba mais sobre as rela\u00e7\u00f5es entre as cores:<\/strong><\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/VXU2qVY4iHI\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2 id=\"3\"><b>Design acess\u00edvel para neurodiversidade<\/b><\/h2>\n<p>Neurodiversidade \u00e9 um termo gen\u00e9rico para descrever pessoas que vivenciam o mundo de uma maneira diferente devido a diferen\u00e7as neurol\u00f3gicas. Alguns exemplos de neurodiversidade incluem:<\/p>\n<ul>\n<li>Dispraxia<\/li>\n<li>Dislexia<\/li>\n<li>Transtorno de d\u00e9ficit de aten\u00e7\u00e3o e hiperatividade (TDAH)<\/li>\n<li>Discalculia<\/li>\n<li>Espectro autista<\/li>\n<li>S\u00edndrome de Tourette<\/li>\n<\/ul>\n<p>Tornar seus projetos acess\u00edveis \u00e0s pessoas que apresentam algum tipo de neurodiversidade n\u00e3o \u00e9 dif\u00edcil, mas requer uma compreens\u00e3o do seu p\u00fablico e de suas necessidades espec\u00edficas.<\/p>\n<p>Freq\u00fcentemente, as pessoas que vivem com autismo (especialmente aquelas voltadas para a extremidade n\u00e3o-verbal do espectro) podem se beneficiar dos recursos visuais para ajudar no seu desenvolvimento. Usar \u00edcones simples pode ser uma \u00f3tima maneira de tornar seus designs mais acess\u00edveis.<\/p>\n<p>Neste exemplo de programa\u00e7\u00e3o di\u00e1ria, \u00edcones s\u00e3o usados para representar de forma clara cada atividade.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/morning-routine-infographic-2182be63-df13-4e56-bc80-06976fcba71f\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39395 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Morning-Routine-icon-infographic-accessible-design.png\" alt=\"design acessivel\" width=\"800\" height=\"1056\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/morning-routine-infographic-2182be63-df13-4e56-bc80-06976fcba71f\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p><strong>Quer saber mais sobre como usar \u00edcones?<\/strong><\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/lCXFJEK_lVk\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Outra maneira de garantir que seus projetos sejam acess\u00edveis para pessoas do espectro do neurodiverso \u00e9 torn\u00e1-los simples.<\/p>\n<h3><b>Evite:<\/b><\/h3>\n<ul>\n<li>Blocos de texto<\/li>\n<li>Paletas de cores complicadas ou brilhantes<\/li>\n<li>Imagens de fundo padr\u00f5es ou que distraem<\/li>\n<li>Fontes pequenas<\/li>\n<li>Descri\u00e7\u00f5es vagas<\/li>\n<\/ul>\n<h3><b>Em vez disso, use:<\/b><\/h3>\n<ul>\n<li>Frases curtas, simples e bulleted points<\/li>\n<li>\u00cdcones e fotos<\/li>\n<li>Fundos simples<\/li>\n<li>Fontes grandes com t\u00edtulos de par\u00e1grafo f\u00e1ceis de entender<\/li>\n<li>Informa\u00e7\u00f5es descritivas que sejam claras<\/li>\n<\/ul>\n<p>Um <a href=\"https:\/\/pt.venngage.com\/blog\/o-que-e-um-infografico\/\" target=\"_blank\" rel=\"noopener\">infogr\u00e1fico<\/a> \u00e9 uma \u00f3tima maneira de exibir informa\u00e7\u00f5es complexas para pessoas que fazem parte do neurodiverso, pois voc\u00ea pode dividir as informa\u00e7\u00f5es em se\u00e7\u00f5es simples e usar \u00edcones para ilustrar os pontos importantes.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/guide-to-working-from-home-infographic-1842a795-1fbb-4a5d-9812-624323f51117\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39396 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Working-from-home-infographic-accessible-design.png\" alt=\"design\" width=\"800\" height=\"2670\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/guide-to-working-from-home-infographic-1842a795-1fbb-4a5d-9812-624323f51117\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center><br \/>\n<strong>Quer saber mais sobre como criar infogr\u00e1ficos eficazes?<\/strong><\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/uQXf_d5Mgjg\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2 id=\"4\"><b>Design acess\u00edvel para dislexia<\/b><\/h2>\n<p>A dislexia \u00e9 uma forma de defici\u00eancia de aprendizagem que afeta a parte do c\u00e9rebro que processa a linguagem e impacta na forma como uma pessoa l\u00ea e compreende o material escrito. Para pessoas com dislexia, as palavras escritas podem ser dif\u00edceis de entender e compreender.<\/p>\n<p>At\u00e9 43,5 milh\u00f5es de americanos podem ter dislexia, portanto, \u00e9 essencial projetar materiais acess\u00edveis para pessoas disl\u00e9xicas.<\/p>\n<p>Como a dislexia \u00e9 diferente para cada pessoa, n\u00e3o existe um conjunto de regras a seguir que garantir\u00e1 que o seu design seja mais acess\u00edvel.<\/p>\n<h3><b>Algumas pr\u00e1ticas recomendadas que voc\u00ea pode seguir ao criar designs acess\u00edveis para disl\u00e9xicos incluem:<\/b><\/h3>\n<ul>\n<li>Usar fontes sem serifa<\/li>\n<li>Adicionar espa\u00e7amento duplo entre as palavras<\/li>\n<li>Evite usar it\u00e1lico<\/li>\n<li>Usar quantidades iguais de espa\u00e7o em branco entre os par\u00e1grafos<\/li>\n<li>Seguir um padr\u00e3o de leitura padr\u00e3o da esquerda para a direita<\/li>\n<li>Evite designs assim\u00e9tricos<\/li>\n<\/ul>\n<p>Uma fonte sem serifa \u00e9 uma fonte que n\u00e3o tem enfeites nas letras e geralmente \u00e9 mais f\u00e1cil de ler para pessoas que apresentem algum tipo de dislexia.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/design-principles-infographic-f94876f3-258f-48ec-9841-63d38b1ae22f\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39397 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/font-categories-personalities.png\" alt=\"fontes design acessivel\" width=\"800\" height=\"2343\"><\/a><\/p>\n<p><center><a href=\"\/\/pt.venngage.com\/templates\/infographics\/design-principles-infographic-f94876f3-258f-48ec-9841-63d38b1ae22f\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>Ao criar qualquer tipo de relat\u00f3rio ou <a href=\"https:\/\/pt.venngage.com\/blog\/white-paper\/\" target=\"_blank\" rel=\"noopener\">white paper<\/a> que ser\u00e1 lido por pessoas com dislexia, use um layout simples, mas consistente, de colunas e par\u00e1grafos curtos.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/white-papers\/how-to-white-paper-afffaabf-d882-4c7a-bb12-d20c47022210\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-39399\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/white-paper-accessible-design-1.png\" alt=\"design acessivel\" width=\"800\" height=\"1578\"><\/a><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/design-principles-infographic-f94876f3-258f-48ec-9841-63d38b1ae22f\"><br \/>\n<\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/white-papers\/how-to-white-paper-afffaabf-d882-4c7a-bb12-d20c47022210\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE WHITE PAPER<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>Um layout simples permite que as pessoas com dislexia se concentrem no conte\u00fado do seu relat\u00f3rio, em vez de se distrair com o fluxo do design.<\/p>\n<p>Usar \u00edcones e s\u00edmbolos ao lado do texto tamb\u00e9m pode ser uma \u00f3tima maneira para pessoas com dislexia inferirem o significado de seu texto. Alguns s\u00edmbolos comuns e seus significados s\u00e3o:<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/symbols-and-meanings-infographic-53b5db7d-8d37-42b6-9880-a5ab2d648071\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-39400 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/06\/Symbols-and-Meanings-infographic-accessible-design.png\" alt=\"s\u00edmbolos e significados design acessivel\" width=\"800\" height=\"1676\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/symbols-and-meanings-infographic-53b5db7d-8d37-42b6-9880-a5ab2d648071\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>USE ESSES S\u00cdMBOLOS E SIGNIFICADOS ACESS\u00cdVEIS<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h2 id=\"5\"><b>Melhores pr\u00e1ticas de design acess\u00edvel<\/b><\/h2>\n<p>Cada necessidade em rela\u00e7\u00e3o \u00e0 acessibilidade \u00e9 diferente e pessoal. Voc\u00ea deve verificar com o seu p\u00fablico se ele possui algum requisito espec\u00edfico de acessibilidade.<\/p>\n<h2 id=\"5\"><b>Modelos de design acess\u00edveis<\/b><\/h2>\n<p>Agora que voc\u00ea j\u00e1 sabe sobre os diferentes tipos de acessibilidade e suas necessidades, \u00e9 hora de colocar seu design acess\u00edvel em pr\u00e1tica.<\/p>\n<p>Se o seu departamento ou organiza\u00e7\u00e3o n\u00e3o tem or\u00e7amento para contratar um designer, usar um modelo personaliz\u00e1vel pode ser uma maneira r\u00e1pida e f\u00e1cil de criar designs com apar\u00eancia profissional. Usar um gr\u00e1fico elegante, uma apresenta\u00e7\u00e3o bem projetada ou um infogr\u00e1fico informativo, mas sofisticado, pode ajudar a construir a confian\u00e7a em sua organiza\u00e7\u00e3o.<\/p>\n<h2 id=\"6\"><b>Gr\u00e1ficos acess\u00edveis<\/b><\/h2>\n<p>Os <a href=\"https:\/\/pt.venngage.com\/blog\/tipos-de-graficos\/\" target=\"_blank\" rel=\"noopener\">gr\u00e1ficos<\/a> s\u00e3o frequentemente usados junto com relat\u00f3rios ou apresenta\u00e7\u00f5es para fornecer percep\u00e7\u00f5es detalhadas e uma melhor compreens\u00e3o dos dados.<\/p>\n<p>Mas muitas vezes os gr\u00e1ficos n\u00e3o levam em considera\u00e7\u00e3o a acessibilidade. Usar cores muito semelhantes ou n\u00e3o rotular os dados pode significar que seus dados n\u00e3o est\u00e3o acess\u00edveis.<\/p>\n<h3>Torne seus gr\u00e1ficos acess\u00edveis com cores<\/h3>\n<p>Ao usar um modelo de gr\u00e1fico, como este exemplo de modelo de gr\u00e1fico de pizza abaixo, certifique-se de usar tons e cores contrastantes para diferenciar os dados.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/charts\/visual-content-pie-charts-b93f660f-5460-40f6-9952-ff7d150dac21\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40695 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Accessible-pie-chart-template.png\" alt=\"design acessivel\" width=\"800\" height=\"949\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/charts\/visual-content-pie-charts-b93f660f-5460-40f6-9952-ff7d150dac21\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h3>Use diferentes tonalidades para criar gr\u00e1ficos de barras acess\u00edveis<\/h3>\n<p>Usar tons de cores tamb\u00e9m \u00e9 eficaz em gr\u00e1ficos de barras para mostrar diferentes g\u00eaneros ou t\u00f3picos. Neste exemplo de gr\u00e1fico acess\u00edvel, as vendas de bilheteria foram organizadas de acordo com o g\u00eanero. O gr\u00e1fico tamb\u00e9m \u00e9 bem espa\u00e7ado e f\u00e1cil de entender.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/charts\/modern-bar-chart-7de2f3cf-0ae7-4343-9d9d-7849ab8d944b\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-40696\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/horitzontal-bar-chart-template.png\" alt=\"design acessivel\" width=\"700\" height=\"700\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/charts\/modern-bar-chart-7de2f3cf-0ae7-4343-9d9d-7849ab8d944b\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h3>Adicione r\u00f3tulos aos gr\u00e1ficos<\/h3>\n<p>Rotular seus gr\u00e1ficos \u00e9 a maneira mais f\u00e1cil de torn\u00e1-los mais acess\u00edveis. Especialmente se sua faixa de valores for muito grande, adicionar detalhes a cada ponto em seu gr\u00e1fico de linha \u00e9 realmente \u00fatil.<\/p>\n<p>No modelo de gr\u00e1fico de linha abaixo, uma observa\u00e7\u00e3o tamb\u00e9m foi adicionada para confirmar a redu\u00e7\u00e3o geral, o que ajuda a compreender o gr\u00e1fico.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/charts\/blue-line-858d86d0-e239-4f9c-89a7-e272ef77d9f5\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40697 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Cancellation-rate-accessible-graph-template.png\" alt=\"design acessivel\" width=\"700\" height=\"700\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/charts\/blue-line-858d86d0-e239-4f9c-89a7-e272ef77d9f5\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h2 id=\"7\"><b>Apresenta\u00e7\u00f5es acess\u00edveis<\/b><\/h2>\n<p>As apresenta\u00e7\u00f5es s\u00e3o um tipo importante de comunica\u00e7\u00e3o quando se trata de acessibilidade. Especialmente se voc\u00ea estiver apresentando um <a href=\"https:\/\/pt.venngage.com\/blog\/pitch-deck\/\" target=\"_blank\" rel=\"noopener\">pitch deck<\/a> ou uma <a href=\"https:\/\/pt.venngage.com\/blog\/proposta-comercial\/\" target=\"_blank\" rel=\"noopener\">proposta comercial<\/a> \u00e9 crucial garantir que todos entendam as informa\u00e7\u00f5es.<\/p>\n<p>As apresenta\u00e7\u00f5es tamb\u00e9m s\u00e3o frequentemente usadas durante o <a href=\"https:\/\/pt.venngage.com\/blog\/onboarding\/\" target=\"_blank\" rel=\"noopener\">onboarding<\/a> de funcion\u00e1rios para comunicar informa\u00e7\u00f5es importantes sobre a cultura da empresa &#8211; e ser um empregador inclusivo deve come\u00e7ar aqui.<\/p>\n<h3>Crie uma apresenta\u00e7\u00e3o com cores simples<\/h3>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/presentations\/airbnb-pitch-deck-dc62597d-841b-4199-9680-3a2bf970268a\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40699 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Air-bed-and-breakfast-pitch-deck-template.png\" alt=\"Air bed pitch deck\" width=\"800\" height=\"3030\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/presentations\/airbnb-pitch-deck-dc62597d-841b-4199-9680-3a2bf970268a\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>No exemplo de apresenta\u00e7\u00e3o acima, uma paleta de cores simples foi usada e o contraste entre o rosa e o preto \u00e9 adequado para a maioria das pessoas que vivem com daltonismo. As fontes s\u00e3o grandes e f\u00e1ceis de ler, e as informa\u00e7\u00f5es importantes foram destacadas em negrito ou com cores diferentes.<\/p>\n<h3>Adicione uma agenda para tornar as suas apresenta\u00e7\u00f5es mais acess\u00edveis<\/h3>\n<p>Na apresenta\u00e7\u00e3o da reuni\u00e3o de equipe remota abaixo, a agenda foi definida no in\u00edcio da reuni\u00e3o. Isso \u00e9 especialmente \u00fatil para a acessibilidade ao trabalhar remotamente, pois garante que todos saibam o que esperar imediatamente.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/presentations\/remote-content-marketing-presentation-71307aa6-5ef4-4756-bec5-1e5da61c5f0a\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40700 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Remote-content-marketing-presentation-template.png\" alt=\"design acessivel\" width=\"630\" height=\"793\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/presentations\/remote-content-marketing-presentation-71307aa6-5ef4-4756-bec5-1e5da61c5f0a\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h3>Ilustre seus relat\u00f3rios com \u00edcones para acessibilidade<\/h3>\n<p>Outra maneira de tornar suas apresenta\u00e7\u00f5es mais acess\u00edveis \u00e9 usar \u00edcones em todo o design. Um \u00edcone pode ajudar a fornecer contexto para informa\u00e7\u00f5es e pode ajud\u00e1-lo a criar slides envolventes.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/presentations\/social-media-marketing-presentation-69beb048-bfb0-4fc4-ab7f-799ff9cd4746\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40701 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Social-media-marketing-plan-presentation-template.png\" alt=\"design acessivel\" width=\"800\" height=\"1208\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/presentations\/social-media-marketing-presentation-69beb048-bfb0-4fc4-ab7f-799ff9cd4746\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h2 id=\"8\"><b>Infogr\u00e1ficos acess\u00edveis<\/b><\/h2>\n<p>Criar infogr\u00e1ficos acess\u00edveis \u00e9 simples com um modelo de infogr\u00e1fico da Venngage. Seguindo todas as regras que abordamos nesta postagem, como o uso de cores contrastantes, fontes simples e \u00edcones, voc\u00ea pode criar infogr\u00e1ficos atraentes e acess\u00edveis.<\/p>\n<h3>Use \u00edcones em seus infogr\u00e1ficos acess\u00edveis<\/h3>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/net-promoter-score-infographic-0a5be9d6-a4c5-4e59-999d-54fa19ccf08a\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40702 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Promoter-score-infographic-template.png\" alt=\"design acessivel\" width=\"800\" height=\"816\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/net-promoter-score-infographic-0a5be9d6-a4c5-4e59-999d-54fa19ccf08a\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>No modelo de infogr\u00e1fico acess\u00edvel acima, os \u00edcones foram usados junto com os diferentes tons de azul para mostrar um aumento nas pontua\u00e7\u00f5es em uma escala. Cada se\u00e7\u00e3o tamb\u00e9m est\u00e1 claramente identificada. O infogr\u00e1fico \u00e9 bem espa\u00e7ado e f\u00e1cil de entender. Ele tamb\u00e9m cont\u00e9m um site para visitar e obter mais informa\u00e7\u00f5es, o que ajuda a fornecer contexto.<\/p>\n<h3>Delimite as informa\u00e7\u00f5es em seu infogr\u00e1fico<\/h3>\n<p>No exemplo de infogr\u00e1fico abaixo, os \u00edcones s\u00e3o usados para ilustrar as estat\u00edsticas em cada caixa. Cada estat\u00edstica individual tamb\u00e9m \u00e9 colocada em sua pr\u00f3pria caixa para ajudar a diferenciar as informa\u00e7\u00f5es. As cores utilizadas s\u00e3o simples e tornam o design f\u00e1cil de ler.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/statistical?preview=1401bea2-8870-45e6-929a-f9e88cc638e8\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40703 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Accessible-infographic-template-refugees.png\" alt=\"design acessivel\" width=\"800\" height=\"1264\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/statistical?preview=1401bea2-8870-45e6-929a-f9e88cc638e8\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h3>Utilize um infogr\u00e1fico de linha do tempo para comunicar os processos<\/h3>\n<p>Se voc\u00ea estiver criando um infogr\u00e1fico de <a href=\"https:\/\/pt.venngage.com\/blog\/modelos-de-cronograma\/\" target=\"_blank\" rel=\"noopener\">linha do tempo<\/a>, certifique-se de que seu design esteja totalmente acess\u00edvel. Os cronogramas s\u00e3o especialmente bons para a cria\u00e7\u00e3o de layouts e fluxos consistentes.<\/p>\n<p>Neste exemplo de infogr\u00e1fico acess\u00edvel, a linha do tempo segue um padr\u00e3o \u201czig zag\u201d para progredir semana a semana. O uso de linhas que conectam os \u00edcones torna muito f\u00e1cil de serem seguidas.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/client-project-timeline-infographic-f7fb5355-b0ee-4b3b-ac8a-eb545d233a15\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40704 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Accessible-timeline-infographic-template.png\" alt=\"design acessivel\" width=\"800\" height=\"1830\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/infographics\/client-project-timeline-infographic-f7fb5355-b0ee-4b3b-ac8a-eb545d233a15\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<h2 id=\"9\"><b>Relat\u00f3rios Acess\u00edveis<\/b><\/h2>\n<p>Os relat\u00f3rios s\u00e3o geralmente documentos informativos densos que cont\u00eam muitas informa\u00e7\u00f5es importantes. Certificar-se de que seus leitores podem compreender e digerir os pontos importantes facilmente \u00e9 importante para a acessibilidade.<\/p>\n<h3>Crie um sum\u00e1rio executivo em seus relat\u00f3rios<\/h3>\n<p>Com os relat\u00f3rios, uma maneira de conseguir isso \u00e9 incluir um resumo do infogr\u00e1fico. Um sum\u00e1rio executivo apresentado como um infogr\u00e1fico de uma p\u00e1gina no in\u00edcio de um relat\u00f3rio deve destacar os principais pontos.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/reports\/modern-financial-projection-report-57f54e4c-a604-4bc8-8c16-874bafb12686\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40705 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Report-exec-summary-template.png\" alt=\"design acessivel\" width=\"800\" height=\"1056\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/reports\/modern-financial-projection-report-57f54e4c-a604-4bc8-8c16-874bafb12686\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n<p>Se voc\u00ea \u00e9 uma organiza\u00e7\u00e3o que produz relat\u00f3rios anuais ou trimestrais, pode criar um <a href=\"https:\/\/pt.venngage.com\/blog\/modelos-relatorio-empresarial\/\" target=\"_blank\" rel=\"noopener\">modelo de relat\u00f3rio<\/a> interessante e acess\u00edvel que pode ser reutilizado continuamente.<\/p>\n<h3>Use \u00edcones em seus relat\u00f3rios anuais para acessibilidade<\/h3>\n<p>O uso de um modelo de sum\u00e1rio de relat\u00f3rio anual como o exemplo abaixo faz bom uso de \u00edcones e gr\u00e1ficos. A fonte \u00e9 simples de entender e as informa\u00e7\u00f5es importantes s\u00e3o destacadas em uma caixa separada de \u201cresumo do ano\u201d.<\/p>\n<p><a href=\"https:\/\/pt.venngage.com\/templates\/reports\/hunger-nonprofit-annual-report-03de0602-c5cf-42a3-8a12-cd5f4c29c195\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-40706 size-full\" style=\"border: 2px solid #ddd;\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2020\/09\/Annual-report-nonprofit-template.png\" alt=\"design acessivel\" width=\"800\" height=\"2503\"><\/a><\/p>\n<p><center><a href=\"https:\/\/pt.venngage.com\/templates\/reports\/hunger-nonprofit-annual-report-03de0602-c5cf-42a3-8a12-cd5f4c29c195\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button class=\"btn-cta\"><b>CRIE ESTE MODELO DE DESIGN ACESS\u00cdVEL<\/b><\/button><\/a><\/center>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ao projetar qualquer tipo de material de comunica\u00e7\u00e3o, voc\u00ea precisa estar ciente do fato de que nem todos ser\u00e3o capazes de processar a informa\u00e7\u00e3o da mesma forma. Muitas pessoas em todo o mundo t\u00eam diferentes requisitos de acessibilidade, desde aqueles que est\u00e3o no espectro do autismo at\u00e9 aqueles que s\u00e3o dalt\u00f4nicos, disl\u00e9xicos ou deficientes visuais. [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":2865,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Certifique-se de que seus materiais de comunica\u00e7\u00e3o sejam inclusivos e possam ser compreendidos pelo maior n\u00famero de pessoas adotando um design acess\u00edvel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design acess\u00edvel: crie uma comunica\u00e7\u00e3o visual inclusiva\" \/>\n<meta property=\"og:description\" content=\"Certifique-se de que seus materiais de comunica\u00e7\u00e3o sejam inclusivos e possam ser compreendidos pelo maior n\u00famero de pessoas adotando um design acess\u00edvel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/\" \/>\n<meta property=\"og:site_name\" content=\"Venngage Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Venngage\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-02T09:06:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-14T20:01:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1056\" \/>\n\t<meta property=\"og:image:height\" content=\"590\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@venngage\" \/>\n<meta name=\"twitter:site\" content=\"@venngage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alice Corner\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/#website\",\"url\":\"https:\/\/pt.venngage.com\/blog\/\",\"name\":\"Venngage Blog\",\"description\":\"Venngage Infogr\\u00e1ficos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pt.venngage.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png\",\"contentUrl\":\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png\",\"width\":1056,\"height\":590,\"caption\":\"como criar designs acessiveis\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#webpage\",\"url\":\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/\",\"name\":\"Design acess\\u00edvel: crie uma comunica\\u00e7\\u00e3o visual inclusiva\",\"isPartOf\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#primaryimage\"},\"datePublished\":\"2020-10-02T09:06:08+00:00\",\"dateModified\":\"2022-06-14T20:01:56+00:00\",\"author\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/494f5bba19a97ebf6cfdfc96e5f7c4a6\"},\"description\":\"Certifique-se de que seus materiais de comunica\\u00e7\\u00e3o sejam inclusivos e possam ser compreendidos pelo maior n\\u00famero de pessoas adotando um design acess\\u00edvel.\",\"breadcrumb\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/pt.venngage.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Gr\\u00e1fico\",\"item\":\"https:\/\/pt.venngage.com\/blog\/category\/design-grafico\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como criar designs acess\\u00edveis [Dicas + Modelos personaliz\\u00e1veis]\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/494f5bba19a97ebf6cfdfc96e5f7c4a6\",\"name\":\"Alice Corner\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b5eb4ddc1b5ccd4b1bf897aa69fdc235?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b5eb4ddc1b5ccd4b1bf897aa69fdc235?s=96&d=mm&r=g\",\"caption\":\"Alice Corner\"},\"description\":\"Alice trabalha na Venngage criando conte\\u00fado. Ela ama cultura pop, m\\u00eddia social e design de qualidade.\",\"url\":\"https:\/\/pt.venngage.com\/blog\/author\/alice-corner\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"description":"Certifique-se de que seus materiais de comunica\u00e7\u00e3o sejam inclusivos e possam ser compreendidos pelo maior n\u00famero de pessoas adotando um design acess\u00edvel.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/","og_locale":"pt_BR","og_type":"article","og_title":"Design acess\u00edvel: crie uma comunica\u00e7\u00e3o visual inclusiva","og_description":"Certifique-se de que seus materiais de comunica\u00e7\u00e3o sejam inclusivos e possam ser compreendidos pelo maior n\u00famero de pessoas adotando um design acess\u00edvel.","og_url":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/","og_site_name":"Venngage Blog","article_publisher":"https:\/\/www.facebook.com\/Venngage","article_published_time":"2020-10-02T09:06:08+00:00","article_modified_time":"2022-06-14T20:01:56+00:00","og_image":[{"width":1056,"height":590,"url":"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png","type":"image\/png"}],"twitter_card":"summary","twitter_creator":"@venngage","twitter_site":"@venngage","twitter_misc":{"Written by":"Alice Corner","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/pt.venngage.com\/blog\/#website","url":"https:\/\/pt.venngage.com\/blog\/","name":"Venngage Blog","description":"Venngage Infogr\u00e1ficos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pt.venngage.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"ImageObject","@id":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#primaryimage","inLanguage":"pt-BR","url":"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png","contentUrl":"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2020\/09\/como-criar-designs-acessiveis-1.png","width":1056,"height":590,"caption":"como criar designs acessiveis"},{"@type":"WebPage","@id":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#webpage","url":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/","name":"Design acess\u00edvel: crie uma comunica\u00e7\u00e3o visual inclusiva","isPartOf":{"@id":"https:\/\/pt.venngage.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#primaryimage"},"datePublished":"2020-10-02T09:06:08+00:00","dateModified":"2022-06-14T20:01:56+00:00","author":{"@id":"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/494f5bba19a97ebf6cfdfc96e5f7c4a6"},"description":"Certifique-se de que seus materiais de comunica\u00e7\u00e3o sejam inclusivos e possam ser compreendidos pelo maior n\u00famero de pessoas adotando um design acess\u00edvel.","breadcrumb":{"@id":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pt.venngage.com\/blog\/design-acessivel\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pt.venngage.com\/blog\/design-acessivel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/pt.venngage.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Gr\u00e1fico","item":"https:\/\/pt.venngage.com\/blog\/category\/design-grafico\/"},{"@type":"ListItem","position":3,"name":"Como criar designs acess\u00edveis [Dicas + Modelos personaliz\u00e1veis]"}]},{"@type":"Person","@id":"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/494f5bba19a97ebf6cfdfc96e5f7c4a6","name":"Alice Corner","image":{"@type":"ImageObject","@id":"https:\/\/pt.venngage.com\/blog\/#personlogo","inLanguage":"pt-BR","url":"https:\/\/secure.gravatar.com\/avatar\/b5eb4ddc1b5ccd4b1bf897aa69fdc235?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5eb4ddc1b5ccd4b1bf897aa69fdc235?s=96&d=mm&r=g","caption":"Alice Corner"},"description":"Alice trabalha na Venngage criando conte\u00fado. Ela ama cultura pop, m\u00eddia social e design de qualidade.","url":"https:\/\/pt.venngage.com\/blog\/author\/alice-corner\/"}]}},"_links":{"self":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts\/2855"}],"collection":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/comments?post=2855"}],"version-history":[{"count":10,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts\/2855\/revisions"}],"predecessor-version":[{"id":7683,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts\/2855\/revisions\/7683"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/media\/2865"}],"wp:attachment":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/media?parent=2855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/categories?post=2855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/tags?post=2855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}