{"id":72,"date":"2015-03-09T19:08:34","date_gmt":"2015-03-09T19:08:34","guid":{"rendered":"https:\/\/felizardoandre.wordpress.com\/?p=72"},"modified":"2016-01-05T13:49:23","modified_gmt":"2016-01-05T13:49:23","slug":"acessibilidade-web-parte-i","status":"publish","type":"post","link":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/","title":{"rendered":"Acessibilidade Web &#8211; Parte I"},"content":{"rendered":"<p>Acessibilidade Web quer dizer que todos os conte\u00fados ou servi\u00e7os devem estar acess\u00edveis, com f\u00e1cil acesso, da forma mais intuitiva e com o menor esfor\u00e7o, para o maior n\u00famero poss\u00edvel de usu\u00e1rios, independente de sistemas ou dispositivos utilizados, mas sem esquecer que tamb\u00e9m deve ser independente a suas culturas, <!--more-->experi\u00eancias e defici\u00eancias.<\/p>\n<p><a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-73 lazyload\" data-src=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png\" alt=\"acessibilidade_web\" width=\"640\" height=\"375\" data-srcset=\"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png 640w, https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web-300x176.png 300w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/375;\" \/><\/a><\/p>\n<p>A dois anos, eu tenho percebido e com certeza voc\u00ea tamb\u00e9m, uma grande preocupa\u00e7\u00e3o com o <a title=\"Livro Design Responsivo - Maujor\" href=\"http:\/\/www.livrorwd.com.br\/\" target=\"_blank\">Design Responsivo<\/a>.<\/p>\n<p>Hoje se entende que n\u00e3o \u00e9 mais uma op\u00e7\u00e3o, e sim obriga\u00e7\u00e3o dos sites serem responsivos (utiliz\u00e1vel nos mais diferentes dispositivos e suas resolu\u00e7\u00f5es).<\/p>\n<p>Mas porque desenvolver um site responsivo? N\u00e3o \u00e9 apenas porque \u00e9\u00a0<em>bonitinho<\/em>, ou para cobrar mais do cliente. A necessidade da responsividade \u00e9 a preocupa\u00e7\u00e3o em tornar a Web um mundo mais flex\u00edvel\u00a0e realmente utiliz\u00e1vel a qualquer tipo de pessoa, seja ela deficiente visual, deficiente auditivo, ou com monitor com baixa resolu\u00e7\u00e3o ou com pouca velocidade de internet.<\/p>\n<p>Ent\u00e3o, <em>na minha humilde opini\u00e3o<\/em>, o Design Responsivo, nada mais \u00e9 do que o in\u00edcio da Acessibilidade, mas \u00e9 s\u00f3 a pontinha.<\/p>\n<ol>\n<li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\n<li><a href=\"#necessidades\">Necessidades<\/a><\/li>\n<li><a href=\"#tecnologias\">Tecnologias de Assist\u00eancia Usadas<\/a><\/li>\n<li><a href=\"#css\">CSS Acess\u00edvel<\/a><\/li>\n<\/ol>\n<blockquote>\n<h2><a name=\"inicio\"><\/a>In\u00edcio<\/h2>\n<\/blockquote>\n<p>Pra come\u00e7o de <del>conversa<\/del> Projeto os padr\u00f5es desenvolvidos devem ter um c\u00f3digo HTML e CSS v\u00e1lidos, ele deve estar separado em camadas (conte\u00fado, apresenta\u00e7\u00e3o e comportamento) e claro, deve-se utilizar o <a title=\"Sem\u00e2ntica HTML\" href=\"http:\/\/www.andrefelizardo.com.br\/blog\/semantica-html\/\" target=\"_blank\">HTML Sem\u00e2ntico<\/a>.<\/p>\n<blockquote>\n<h2><a name=\"necessidades\"><\/a>Necessidades<\/h2>\n<\/blockquote>\n<p>A Acessibilidade Web, pretende abordar as seguintes necessidades:<\/p>\n<ul>\n<li>Visual (Cegueira, baixa vis\u00e3o, daltonismo&#8230;);<\/li>\n<li>Mobilidade\/Motora (Tremores, lentid\u00e3o muscular, Parkinson, paralisia&#8230;);<\/li>\n<li>Auditivos (Surdez, pouca audi\u00e7\u00e3o&#8230;);<\/li>\n<li>Convuls\u00f5es (Existem convuls\u00f5es visuais causadas pelos efeitos de pisca-pisca, por exemplo);<\/li>\n<li>Intelectual\/Cognitiva (Dislexia, Discalculia, problemas de mem\u00f3ria&#8230;).<\/li>\n<\/ul>\n<blockquote>\n<h2><a name=\"tecnologias\"><\/a>Tecnologias de Assist\u00eancia Usadas<\/h2>\n<\/blockquote>\n<p>Pra voc\u00ea ter uma no\u00e7\u00e3o melhor, do n\u00famero de possibilidades que temos que pensar, quando o assunto \u00e9 Acessibilidade, aqui est\u00e1 uma lista de tecnologias de assist\u00eancia que pessoas com defici\u00eancia podem usar para ajudar ou permitir a navega\u00e7\u00e3o na web e acessar conte\u00fados nela:<\/p>\n<ul>\n<li>Software Leitor de Tela (Ledores) &#8211; normalmente l\u00ea o conte\u00fado textual usando um sintetizador de voz;<\/li>\n<li>Software de Amplia\u00e7\u00e3o de Tela &#8211; Amplia o que \u00e9 exibido no monitor;<\/li>\n<li>Software de Reconhecimento de Fala &#8211; Utilizado por quem tem dificuldade com mouse ou teclado, ele aceita comandos de voz;<\/li>\n<li>Teclado com Superposi\u00e7\u00f5es &#8211; Torna mais f\u00e1cil e precisa a digita\u00e7\u00e3o;<\/li>\n<li>Terminais Braille &#8211; Transforma os caracteres de texto para caracteres em Braille.<\/li>\n<\/ul>\n<blockquote>\n<h2><a name=\"css\"><\/a>CSS Acess\u00edvel<\/h2>\n<\/blockquote>\n<p>Um ponto importante, e n\u00e3o muito abordado \u00e9 que softwares leitores de tela s\u00e3o capazes de ler o CSS tamb\u00e9m, como a cor ou tipo da fonte.<\/p>\n<p>Uma das grandes preocupa\u00e7\u00f5es deve ser em n\u00e3o causar convuls\u00f5es, como foi citada acima. Com a possibilidade de v\u00e1rias anima\u00e7\u00f5es em CSS3, \u00e9 necess\u00e1rio ficar atento. Para mais informa\u00e7\u00f5es <a title=\"W3C Recommendation - Seizure\" href=\"http:\/\/www.w3.org\/TR\/WCAG\/#seizure\" target=\"_blank\">clique aqui<\/a>.<\/p>\n<p>Links tamb\u00e9m s\u00e3o uma importante preocupa\u00e7\u00e3o. Cor diferente para links visitados e n\u00e3o retirar o sublinhado dos links s\u00e3o boas pr\u00e1ticas.<\/p>\n<p>Uma pr\u00e1tica importante, mas que acredito ser obrigat\u00f3ria para os designers \u00e9 o contraste.\u00a0O contraste do fundo com os elementos sobrepostos deve ser adequado (4,5:1).<\/p>\n<p>Tamb\u00e9m existem preocupa\u00e7\u00f5es com os elementos :before e :after. Neste caso \u00e9 o inverso. Nem todas as tecnologias de assist\u00eancia conseguem ler esses conte\u00fados inseridos antes ou depois do texto. Ent\u00e3o estes elementos devem ser utilizados apenas para uso est\u00e9tico mesmo, nada de conte\u00fado importante dentro deles!<\/p>\n<p>Pra n\u00e3o ficar extenso demais, essa primeira parte sobre a Acessibilidade Web termina aqui, mas se inscreva na newsletter aqui do lado para receber e-mail quando sair a Parte II.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Acessibilidade Web quer dizer que todos os conte\u00fados ou servi\u00e7os devem estar acess\u00edveis, com f\u00e1cil acesso, da forma mais intuitiva e com o menor esfor\u00e7o, para o maior n\u00famero poss\u00edvel de usu\u00e1rios, independente de sistemas ou dispositivos utilizados, mas sem esquecer que tamb\u00e9m deve ser independente a suas culturas,<\/p>\n","protected":false},"author":1,"featured_media":73,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[49,62,16,52,53,60,54,57,58,59],"class_list":["post-72","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia","tag-css","tag-curiosidades","tag-dicas","tag-front-end","tag-html","tag-html5","tag-internet","tag-ui","tag-ux","tag-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Acessibilidade Web - Parte I - Blog do Andr\u00e9 Felizardo<\/title>\n<meta name=\"description\" content=\"Voc\u00ea sabe o que \u00e9 Acessibilidade Web? Os desenvolvedores tem a obriga\u00e7\u00e3o de criar seus sistemas web pensando em acessibilidade. Veja como fazer sua parte.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Acessibilidade Web - Parte I - Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabe o que \u00e9 Acessibilidade Web? Os desenvolvedores tem a obriga\u00e7\u00e3o de criar seus sistemas web pensando em acessibilidade. Veja como fazer sua parte.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-09T19:08:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-01-05T13:49:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"375\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Felizardo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Felizardo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/\"},\"author\":{\"name\":\"Andr\u00e9 Felizardo\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"headline\":\"Acessibilidade Web &#8211; Parte I\",\"datePublished\":\"2015-03-09T19:08:34+00:00\",\"dateModified\":\"2016-01-05T13:49:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/\"},\"wordCount\":639,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/acessibilidade_web.png\",\"keywords\":[\"css\",\"Curiosidades\",\"dicas\",\"front-end\",\"html\",\"html5\",\"Internet\",\"ui\",\"ux\",\"web\"],\"articleSection\":[\"Tecnologia\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/\",\"name\":\"Acessibilidade Web - Parte I - Blog do Andr\u00e9 Felizardo\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/acessibilidade_web.png\",\"datePublished\":\"2015-03-09T19:08:34+00:00\",\"dateModified\":\"2016-01-05T13:49:23+00:00\",\"author\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"description\":\"Voc\u00ea sabe o que \u00e9 Acessibilidade Web? Os desenvolvedores tem a obriga\u00e7\u00e3o de criar seus sistemas web pensando em acessibilidade. Veja como fazer sua parte.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/acessibilidade_web.png\",\"contentUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/acessibilidade_web.png\",\"width\":640,\"height\":375,\"caption\":\"Acessibilidade Web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/acessibilidade-web-parte-i\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Acessibilidade Web &#8211; Parte I\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\",\"name\":\"Blog do Andr\u00e9 Felizardo\",\"description\":\"Programa\u00e7\u00e3o de dev para dev\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\",\"name\":\"Andr\u00e9 Felizardo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"caption\":\"Andr\u00e9 Felizardo\"},\"sameAs\":[\"http:\\\/\\\/www.andrefelizardo.com.br\"],\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/author\\\/andrefelizardo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Acessibilidade Web - Parte I - Blog do Andr\u00e9 Felizardo","description":"Voc\u00ea sabe o que \u00e9 Acessibilidade Web? Os desenvolvedores tem a obriga\u00e7\u00e3o de criar seus sistemas web pensando em acessibilidade. Veja como fazer sua parte.","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:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/","og_locale":"pt_BR","og_type":"article","og_title":"Acessibilidade Web - Parte I - Blog do Andr\u00e9 Felizardo","og_description":"Voc\u00ea sabe o que \u00e9 Acessibilidade Web? Os desenvolvedores tem a obriga\u00e7\u00e3o de criar seus sistemas web pensando em acessibilidade. Veja como fazer sua parte.","og_url":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/","og_site_name":"Blog do Andr\u00e9 Felizardo","article_published_time":"2015-03-09T19:08:34+00:00","article_modified_time":"2016-01-05T13:49:23+00:00","og_image":[{"width":640,"height":375,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png","type":"image\/png"}],"author":"Andr\u00e9 Felizardo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Andr\u00e9 Felizardo","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#article","isPartOf":{"@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/"},"author":{"name":"Andr\u00e9 Felizardo","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"headline":"Acessibilidade Web &#8211; Parte I","datePublished":"2015-03-09T19:08:34+00:00","dateModified":"2016-01-05T13:49:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/"},"wordCount":639,"commentCount":0,"image":{"@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png","keywords":["css","Curiosidades","dicas","front-end","html","html5","Internet","ui","ux","web"],"articleSection":["Tecnologia"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/","url":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/","name":"Acessibilidade Web - Parte I - Blog do Andr\u00e9 Felizardo","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#primaryimage"},"image":{"@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png","datePublished":"2015-03-09T19:08:34+00:00","dateModified":"2016-01-05T13:49:23+00:00","author":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"description":"Voc\u00ea sabe o que \u00e9 Acessibilidade Web? Os desenvolvedores tem a obriga\u00e7\u00e3o de criar seus sistemas web pensando em acessibilidade. Veja como fazer sua parte.","breadcrumb":{"@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#primaryimage","url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png","contentUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png","width":640,"height":375,"caption":"Acessibilidade Web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/acessibilidade-web-parte-i\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"http:\/\/www.andrefelizardo.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Acessibilidade Web &#8211; Parte I"}]},{"@type":"WebSite","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website","url":"http:\/\/www.andrefelizardo.com.br\/blog\/","name":"Blog do Andr\u00e9 Felizardo","description":"Programa\u00e7\u00e3o de dev para dev","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.andrefelizardo.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b","name":"Andr\u00e9 Felizardo","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","contentUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","caption":"Andr\u00e9 Felizardo"},"sameAs":["http:\/\/www.andrefelizardo.com.br"],"url":"https:\/\/www.andrefelizardo.com.br\/blog\/author\/andrefelizardo\/"}]}},"jetpack_featured_media_url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/acessibilidade_web.png","jetpack_shortlink":"https:\/\/wp.me\/p6EP66-1a","jetpack-related-posts":[{"id":1100,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/tipos-de-frontend\/","url_meta":{"origin":72,"position":0},"title":"Tipos de Frontend","author":"Andr\u00e9 Felizardo","date":"4 de mar\u00e7o de 2020","format":false,"excerpt":"A alguns anos atr\u00e1s escrevi um texto sobre o que \u00e9 o frontend, tamb\u00e9m palestrei sobre o que \u00e9 frontend, a carreira do frontend e os tipos de frontend que existem. Como minha vis\u00e3o sobre o assunto mudou bastante, resolvi revisitar esses materiais e escrever um parecer atualizado sobre os\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/03\/andre-felizardo_tipos-de-frontend-1-1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/03\/andre-felizardo_tipos-de-frontend-1-1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/03\/andre-felizardo_tipos-de-frontend-1-1.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/03\/andre-felizardo_tipos-de-frontend-1-1.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/03\/andre-felizardo_tipos-de-frontend-1-1.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2020\/03\/andre-felizardo_tipos-de-frontend-1-1.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":108,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/o-que-evitar-na-seo\/","url_meta":{"origin":72,"position":1},"title":"O que evitar na SEO?","author":"Andr\u00e9 Felizardo","date":"6 de julho de 2015","format":false,"excerpt":"Os buscadores est\u00e3o melhorando continuamente. Ainda assim, eles ainda n\u00e3o indexam todo o tipo de conte\u00fado din\u00e2mico. Portanto, lembre-se, utilizar texto b\u00e1sico e HTML no seu site \u00e9 sempre a melhor op\u00e7\u00e3o do ponto de vista da SEO. Por\u00e9m, caso voc\u00ea tenha que utilizar conte\u00fado din\u00e2mico e tamb\u00e9m se preocupar\u2026","rel":"","context":"Em &quot;Marketing&quot;","block_context":{"text":"Marketing","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/marketing\/"},"img":{"alt_text":"Erros SEO","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/07\/seo.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/07\/seo.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/07\/seo.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":3930,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/uma-terra-prometida-biografia-ou-soft-power\/","url_meta":{"origin":72,"position":2},"title":"Uma Terra Prometida &#8211; Biografia ou Soft Power?","author":"Andr\u00e9 Felizardo","date":"10 de fevereiro de 2026","format":false,"excerpt":"Ganhei esse livro alguns natais atr\u00e1s, comecei a ler 2 ou 3 vezes e parei. At\u00e9 que comecei ele um m\u00eas atr\u00e1s e li quase todos os dias algumas p\u00e1ginas dele. Antes de ler essa quase autobiografia do Obama, eu li a da Michele Obama e talvez por isso criei\u2026","rel":"","context":"Em &quot;Tecnologia&quot;","block_context":{"text":"Tecnologia","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/tecnologia\/"},"img":{"alt_text":"Capa livro Uma Terra Prometida do Barack Obama","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2026\/02\/IMG_4770-scaled.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2026\/02\/IMG_4770-scaled.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2026\/02\/IMG_4770-scaled.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2026\/02\/IMG_4770-scaled.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2026\/02\/IMG_4770-scaled.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2026\/02\/IMG_4770-scaled.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":338,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/semantica-html\/","url_meta":{"origin":72,"position":3},"title":"Sem\u00e2ntica HTML","author":"Andr\u00e9 Felizardo","date":"3 de mar\u00e7o de 2015","format":false,"excerpt":"Quando penso em Sem\u00e2ntica HTML, diretamente j\u00e1 penso em HTML5. O HTML5 (lan\u00e7ado a partir de 2009) \u00e9 uma vers\u00e3o do HTML ainda n\u00e3o conclu\u00edda, mas que j\u00e1 pode - e deve - ser utilizada por desenvolvedores e navegadores, antes de sua finaliza\u00e7\u00e3o. Antes do lan\u00e7amento dessa vers\u00e3o a sem\u00e2ntica\u2026","rel":"","context":"Em &quot;Tecnologia&quot;","block_context":{"text":"Tecnologia","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/tecnologia\/"},"img":{"alt_text":"Sem\u00e2ntica HTML5","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/03\/html4vshtml52.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":92,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/como-planejar-e-organizar-suas-ideias-7-passos-praticos\/","url_meta":{"origin":72,"position":4},"title":"Como planejar e organizar suas ideias &#8211; 7 passos pr\u00e1ticos","author":"Andr\u00e9 Felizardo","date":"28 de maio de 2015","format":false,"excerpt":"Planejamento \u00e9 uma das coisas mais importantes da vida, seja no campo pessoal ou empresarial. Por\u00e9m muitas vezes erramos no planejamento mais b\u00e1sico, que \u00e9 planejar o planejamento, ou pr\u00e9-planejamento. Se voc\u00ea erra no primeiro passo, se torna uma bola de neve e seus planos se tornam uma dor de\u2026","rel":"","context":"Em &quot;Empreendedorismo&quot;","block_context":{"text":"Empreendedorismo","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/empreendedorismo\/"},"img":{"alt_text":"Organize suas ideias - imagem mesa de trabalho organizada","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/05\/notebook-livros-revista-iphone-desenho.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/05\/notebook-livros-revista-iphone-desenho.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/05\/notebook-livros-revista-iphone-desenho.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2015\/05\/notebook-livros-revista-iphone-desenho.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":706,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/react-js-o-que-e-introducao-ao-react\/","url_meta":{"origin":72,"position":5},"title":"React.js, o que \u00e9? &#8211; Introdu\u00e7\u00e3o ao React","author":"Andr\u00e9 Felizardo","date":"18 de outubro de 2016","format":false,"excerpt":"Se voc\u00ea tem acompanhado o mundo do Front-end nos \u00faltimos anos, com certeza voc\u00ea percebeu um boom em Frameworks e bibliotecas Javascript, como o AngularJS, React.js e v\u00e1rios outros. O que \u00e9 o React.js? React.js \u00e9 uma biblioteca JavaScript, desenvolvida por engenheiros\u00a0do Facebook (s\u00f3 de colocar o nome do Facebook\u2026","rel":"","context":"Em &quot;Curiosidades&quot;","block_context":{"text":"Curiosidades","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/curiosidades\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/10\/react.js.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/10\/react.js.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/10\/react.js.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/10\/react.js.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/10\/react.js.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/10\/react.js.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":0,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media\/73"}],"wp:attachment":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}