{"id":19509,"date":"2015-12-22T00:00:00","date_gmt":"2015-12-22T00:00:00","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=220"},"modified":"2022-08-13T12:01:14","modified_gmt":"2017-10-11T13:46:14","slug":"um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/","title":{"rendered":"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel"},"content":{"rendered":"<p style=\"text-align: justify;\">Ter um site de com\u00e9rcio eletr\u00f4nico com uma acessibilidade pat\u00e9tica para seus clientes-alvo \u00e9 como ter um carro bonito que n\u00e3o tenha um mecanismo de desempenho. Ningu\u00e9m gostaria de visitar um site que leva muito tempo para carregar corretamente e muitas vezes frustra um usu\u00e1rio. Se voc\u00ea quiser melhorar a sorte da sua entidade de neg\u00f3cios, voc\u00ea precisa trabalhar no sentido de melhorar a acessibilidade do seu site para obter excelentes taxas de convers\u00e3o e vendas de produtos. Com o suporte de um design de site de com\u00e9rcio eletr\u00f4nico eficaz, <a href=\"https:\/\/www.knowband.com\/magento-prev-next-buttons\" target=\"_blank\">navega\u00e7\u00e3o no site<\/a>,  <a href=\"https:\/\/www.knowband.com\/magento-one-page-supercheckout\" target=\"_blank\">processo de checkout mais r\u00e1pido<\/a>, impressionante tempo de carregamento e desempenho do site, voc\u00ea pode facilmente alcan\u00e7ar o sucesso not\u00e1vel em termos de tr\u00e1fego do site, taxas de convers\u00e3o, envolvimento do cliente e vendas de produtos. Aqui est\u00e1 um relato detalhado do que todos os ingredientes s\u00e3o necess\u00e1rios para uma acessibilidade do site alucinante.<\/p>\n<p style=\"text-align: justify;\">\n<h3 style=\"text-align: justify;\">1. Melhorar o alcance e a qualidade do material textual<\/h3>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Improve%20the%20reach%20and%20quality%20of%20textual%20material%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Improve%20the%20reach%20and%20quality%20of%20textual%20material%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">Qualquer site sem conte\u00fado ou texto impressionante e envolvente \u00e9 simplesmente in\u00fatil. Al\u00e9m disso, os algoritmos recentes do Google, como o Panda, o Hummingbird e outros, t\u00eam comprovado a superioridade do conte\u00fado para gerar as taxas de convers\u00e3o e tr\u00e1fego do site necess\u00e1rias. Lembre-se de prestar aten\u00e7\u00e3o adequada ao conte\u00fado, bem como gr\u00e1ficos ou imagens para aumentar o n\u00famero de leitores do seu conte\u00fado escrito. D\u00ea uma olhada nas v\u00e1rias maneiras pelas quais voc\u00ea pode realizar essa tarefa crucial sem problemas.<\/p>\n<ul style=\"text-align: justify;\">\n<li>Use imagens otimizadas de alta qualidade para aumentar o valor e o apelo de seu conte\u00fado escrito. Al\u00e9m disso, use uma tag alt de imagem eficaz, juntamente com a legenda e a descri\u00e7\u00e3o para melhorar a facilidade de SEO do seu conte\u00fado.<\/li>\n<li>Ofere\u00e7a v\u00eddeos curtos de alta qualidade com o seu conte\u00fado (<a href=\"https:\/\/www.knowband.com\/prestashop-product-video\" target=\"_blank\">V\u00eddeo do produto<\/a>) para tornar o conte\u00fado mais atraente e valioso.<\/li>\n<li>Fa\u00e7a uso de um conte\u00fado de \u00e1udio alternativo eficaz que n\u00e3o afete o desempenho geral e o tempo de carregamento do seu site.<\/li>\n<li>Utilize os servi\u00e7os de uma transcri\u00e7\u00e3o de texto simples ou feed RSS para tornar o conte\u00fado do site dispon\u00edvel para um grande n\u00famero de visitantes.<\/li>\n<li>Inclua uma legenda para otimizar a experi\u00eancia de v\u00eddeo de seus clientes-alvo.<\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\">2. Empregue maneiras de ler conte\u00fado para seus clientes-alvo<\/h3>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Employ%20ways%20to%20read%20content%20for%20your%20targeted%20customers%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Employ%20ways%20to%20read%20content%20for%20your%20targeted%20customers%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Existem in\u00fameras pessoas que podem n\u00e3o conseguir ler o conte\u00fado do seu site adequadamente devido \u00e0 defici\u00eancia visual, ao tamanho pequeno da fonte ou ao tipo de fonte ileg\u00edvel do texto escrito. Para garantir uma acessibilidade perfeita ao site para esse tipo de cliente, \u00e9 obrigat\u00f3rio ter uma vers\u00e3o em \u00e1udio da p\u00e1gina e do conte\u00fado do site. Este arquivo de \u00e1udio gravado pode transmitir convenientemente a mensagem escrita do seu site e suas p\u00e1ginas internas para seus clientes-alvo. Al\u00e9m disso, existem v\u00e1rios softwares leitores de tela como Microsoft Narrator, JAWS da Freedom Scientific, VoiceOver para sistemas Mac, Orca (c\u00f3digo aberto) para sistemas baseados em Unix, NVDA (c\u00f3digo aberto), Dolphin Supernova da Dolphin e v\u00e1rios outros.<\/p>\n<h3 style=\"text-align: justify;\">3. Tome as medidas necess\u00e1rias para melhorar a navega\u00e7\u00e3o do seu site (especialmente formul\u00e1rios) &#8211;<\/h3>\n<p style=\"text-align: justify;\">De que vale um site se ele n\u00e3o permitir que os visitantes naveguem por ele de maneira perfeita? Seria um desperd\u00edcio total do seu tempo, dinheiro e esfor\u00e7os se navegar em torno de seu site \u00e9 uma tarefa desafiadora. Pode haver in\u00fameros fatores em seu site que podem agir como um grande obst\u00e1culo para a navega\u00e7\u00e3o perfeita do seu site. Voc\u00ea precisa dar aten\u00e7\u00e3o especial a esses elementos espec\u00edficos do site, como formul\u00e1rios de inscri\u00e7\u00e3o, p\u00e1gina de checkout, imagens, v\u00eddeos, links e outras \u00e1reas para garantir a navega\u00e7\u00e3o sem esfor\u00e7o do seu site.<\/p>\n<p style=\"text-align: justify;\">Entre eles, diz-se que os formul\u00e1rios t\u00eam um efeito dr\u00e1stico no desempenho e navega\u00e7\u00e3o do website. Voc\u00ea precisa eliminar campos desnecess\u00e1rios, r\u00f3tulos il\u00f3gicos e outros fatores para que os visitantes possam preencher os formul\u00e1rios do site sem qualquer contratempo. Al\u00e9m disso, voc\u00ea precisa evitar restri\u00e7\u00f5es de limite de tempo e usar cabe\u00e7alhos corretos para o seu conte\u00fado em seu site para facilitar uma navega\u00e7\u00e3o mais r\u00e1pida. Para aumentar a acessibilidade dos formul\u00e1rios do seu site, voc\u00ea precisa executar as etapas a seguir.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Take%20required%20steps%20to%20improve%20your%20site%20navigation%20%28especially%20forms%29%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Take%20required%20steps%20to%20improve%20your%20site%20navigation%20%28especially%20forms%29%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\n<ul style=\"text-align: justify;\">\n<li>Use um r\u00f3tulo bem posicionado e descritivo com cada campo em seu formul\u00e1rio.<\/li>\n<li>Para estabelecer um relacionamento efetivo entre o texto do r\u00f3tulo e o campo de formul\u00e1rio, voc\u00ea pode usar uma tag &lt;label&gt; ou uma propriedade &lt;ARIA&gt;.<\/li>\n<li>Certifique-se de que a ordem de tabula\u00e7\u00e3o do formul\u00e1rio esteja em sincroniza\u00e7\u00e3o adequada com a ordem dos campos do formul\u00e1rio.<\/li>\n<li>Para campos semelhantes ou relacionados em um formul\u00e1rio, voc\u00ea pode agrup\u00e1-los usando os conjuntos de campos. Por exemplo, campos como &quot;Nome da rua \/ Localidade&quot;, &quot;Aldeia \/ Cidade&quot; e &quot;Estado \/ Prov\u00edncia&quot; podem ser combinados em um \u00fanico campo de &quot;Endere\u00e7o de correspond\u00eancia&quot;.<\/li>\n<li>Informe os usu\u00e1rios sobre campos obrigat\u00f3rios em seu formul\u00e1rio atrav\u00e9s da ajuda do s\u00edmbolo de asteriscos (*). Al\u00e9m disso, voc\u00ea pode tornar os campos desejados obrigat\u00f3rios usando a propriedade ARIA. Use ARIA required = \u201dtrue\u201d para campos de formul\u00e1rio obrigat\u00f3rios e ARIA required = \u201dfalse\u201d se o campo for de natureza opcional.<\/li>\n<li>Fornecer informa\u00e7\u00f5es ao cliente sobre o envio bem-sucedido do formul\u00e1rio ou qualquer erro relacionado \u00e0 submiss\u00e3o. Mostrar erros no local e posi\u00e7\u00e3o relevantes em seu formul\u00e1rio para aumentar as chances de uma resolu\u00e7\u00e3o de erro mais r\u00e1pida que possa ajudar no envio r\u00e1pido de formul\u00e1rios.<\/li>\n<li>Evite o uso de c\u00f3digos CAPTCHA para valida\u00e7\u00e3o de formul\u00e1rio devido a problemas de inacessibilidade e desempenho. Existem outras alternativas como <a href=\"https:\/\/sweetcaptcha.com\/\" target=\"_blank\" rel=\"nofollow\">Doce Captcha<\/a>, PlayThru, <a href=\"https:\/\/www.nucaptcha.com\/home\" target=\"_blank\" rel=\"nofollow\">NuCaptcha<\/a>, caixas de sele\u00e7\u00e3o JavaScript do lado do cliente e outras que podem ser usadas para validar dados de formul\u00e1rio. Para entender mais sobre como tornar seus formul\u00e1rios livres de spam, voc\u00ea pode <a href=\"https:\/\/webaim.org\/blog\/spam_free_accessible_forms\/\" target=\"_blank\" rel=\"nofollow\">confira este link<\/a>.<\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\">4. Selecione a cor que est\u00e1 em resson\u00e2ncia com o conte\u00fado do seu site, imagens, planos de fundo e outros elementos<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Select%20the%20color%20that%20is%20in%20resonance%20with%20your%20site%20content,%20images,%20backgrounds%20and%20other%20such%20elements%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Select%20the%20color%20that%20is%20in%20resonance%20with%20your%20site%20content,%20images,%20backgrounds%20and%20other%20such%20elements%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">Para garantir a legibilidade efetiva do seu site, \u00e9 importante escolher a cor apropriada para seus elementos de plano de fundo e de primeiro plano. Lembre-se de usar uma cor contrastante para o seu texto e seu plano de fundo para melhorar a acessibilidade do seu site. Cuidado com o uso de cores semelhantes para o texto eo fundo do seu site, como usar a cor do texto preto, juntamente com violeta, marrom ou qualquer outra cor escura afetar\u00e1 a usabilidade do seu site, em grande medida. A rela\u00e7\u00e3o de contraste normal ao usar a cor para os elementos de plano de fundo e de primeiro plano deve ser em torno de 7: 1 mas tamb\u00e9m uma rela\u00e7\u00e3o de contraste de 4.5: 1 tamb\u00e9m far\u00e1 justi\u00e7a \u00e0 visibilidade de seu conte\u00fado e garantir\u00e1 a acessibilidade efetiva de seu site. Voc\u00ea pode verificar a combina\u00e7\u00e3o de cores com a ajuda de<a href=\"https:\/\/www.mockingfish.com\/resources\/ab-testing\" target=\"_blank\" rel=\"nofollow\">teste a \/ b<\/a> de <a href=\"https:\/\/www.mockingfish.com\/resources\/heatmap\" target=\"_blank\" rel=\"nofollow\">ferramentas de mapa de calor<\/a>. ?By?these tools you will be able to know more effective areas and less effective areas and make the required changes on the website.<\/p>\n<h3 style=\"text-align: justify;\">5. Assegure-se de que o tamanho correto da fonte de seu conte\u00fado<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Ensure%20the%20proper%20font%20size%20of%20your%20content%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Ensure%20the%20proper%20font%20size%20of%20your%20content%20.jpg\" alt=\"tamanho da fonte de conte\u00fado\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Seria praticamente imaturo e ing\u00eanuo esperar que seus leitores tenham uma vis\u00e3o excepcional do 6 \/ 6 para que possam ler sem esfor\u00e7o o pequeno tamanho do tamanho da fonte do seu site. N\u00e3o fa\u00e7a com que seus clientes se esforcem muito ao ler o conte\u00fado do seu site. Para facilitar a acessibilidade ao conte\u00fado do site, \u00e9 necess\u00e1rio usar tamanhos de fonte relativos expressos em termos de porcentagens ou ems, em vez de usar tamanhos de fonte absolutos expressos em termos de pontos ou pixels. Devido a esta pr\u00e1tica acima, \u00e9 praticamente muito mais f\u00e1cil para os usu\u00e1rios fazerem as mudan\u00e7as desejadas nos tamanhos de fonte conforme suas necessidades e vis\u00e3o. Ent\u00e3o, \u00e9 a necessidade da hora de se concentrar no tamanho da fonte tamb\u00e9m e n\u00e3o apenas em melhorar o apelo visual do seu site.<\/p>\n<h3 style=\"text-align: justify;\">6. Papel da tecnologia assistiva no site acessibilidade-<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Role%20of%20Assistive%20technology%20in%20the%20website%20accessibility%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Role%20of%20Assistive%20technology%20in%20the%20website%20accessibility%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">A tecnologia assistiva tamb\u00e9m conhecida como tecnologia adaptativa (AT) \u00e9, na verdade, uma b\u00ean\u00e7\u00e3o para pessoas com v\u00e1rios tipos de defici\u00eancias ligadas a dist\u00farbios visuais, cognitivos, motores ou outros transtornos f\u00edsicos e mentais para acessar as v\u00e1rias \u00e1reas de um site sem esfor\u00e7o. movimento do mouse, posicionamento ou cliques. A tecnologia representa um grupo de dispositivos assistivos, adaptativos e de reabilita\u00e7\u00e3o, voltados para pessoas com diferentes defici\u00eancias, juntamente com o processo envolvido na localiza\u00e7\u00e3o, sele\u00e7\u00e3o e utiliza\u00e7\u00e3o desses dispositivos. Essa tecnologia proporcionou um grande senso de liberdade a todas as pessoas com defici\u00eancia, com a ajuda de v\u00e1rios aprimoramentos que mudaram a forma como essas pessoas interagiam com v\u00e1rios dispositivos digitais.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Use%20Assistive%20Tecnology%20For%20Making%20Website%20Accessibility%20Easier%20For%20Disabled%20People%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Use%20Assistive%20Tecnology%20For%20Making%20Website%20Accessibility%20Easier%20For%20Disabled%20People%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">V\u00e1rios dispositivos, como leitores de tela, sistema braille, software de amplia\u00e7\u00e3o de tela, software de reconhecimento de fala, acesso por comutador e outros, t\u00eam feito um tremendo trabalho ao fornecer uma acessibilidade perfeita a pessoas com v\u00e1rios tipos de defici\u00eancias. Para obter mais informa\u00e7\u00f5es sobre os diferentes tipos de tecnologias assistivas que atuam como guias de luz para pessoas com defici\u00eancia, tudo o que voc\u00ea precisa fazer \u00e9 seguir essa simples <a href=\"https:\/\/webaim.org\/articles\/motor\/assistive\" target=\"_blank\" rel=\"nofollow\">liga\u00e7\u00e3o<\/a>.<\/p>\n<h3 style=\"text-align: justify;\">7. Melhore o desempenho e a natureza dos seus links<\/h3>\n<p style=\"text-align: justify;\">Para direcionar um n\u00famero maior de pessoas para o local desejado dos seus links, certifique-se de que seus links tenham um r\u00f3tulo e uma cor adequados para indicar seus clientes-alvo sobre eles. Use um texto mais contextual do que frases simples como &quot;clique aqui&quot;, &quot;leia mais&quot;, &quot;saiba mais&quot; e outras declara\u00e7\u00f5es que podem fazer com que seus clientes-alvo cliquem em um link espec\u00edfico. link para obter maior aten\u00e7\u00e3o do cliente e vincular a acessibilidade.<\/p>\n<h3 style=\"text-align: justify;\">8. Use HTML para melhorar a acessibilidade de seus dados tabulares<\/h3>\n<p style=\"text-align: justify;\">Fa\u00e7a quest\u00e3o de usar apenas HTML para tabelas de dados em vez de usar as imagens. Essa abordagem ser\u00e1 extremamente \u00fatil para os visitantes que est\u00e3o usando as tecnologias assistivas para acessar o conte\u00fado da tabela. Al\u00e9m disso, tente incluir cabe\u00e7alhos de coluna adequados para melhorar a acessibilidade do conte\u00fado da tabela. Tamb\u00e9m \u00e9 aconselh\u00e1vel n\u00e3o usar o formato tabular para o layout ou estrutura da p\u00e1gina, pois causa problemas no acesso efetivo do conte\u00fado.<\/p>\n<p style=\"text-align: justify;\">Para tornar suas tabelas de dados mais acess\u00edveis para seus usu\u00e1rios, voc\u00ea precisa marcar as c\u00e9lulas de cabe\u00e7alho da tabela de forma eficaz. Al\u00e9m disso, voc\u00ea precisa usar o valor do atributo scope para o cabe\u00e7alho da coluna ou cabe\u00e7alho da linha da sua tabela. Se voc\u00ea quiser melhorar a acessibilidade do seu campo &quot;data&quot; na sua tabela, voc\u00ea precisa alterar &lt;td&gt; Data &lt;\/ \u200b\u200btd&gt; para &lt;th scope = &quot;col&quot;&gt; Data &lt;\/ \u200b\u200bth&gt; na sua parte de codifica\u00e7\u00e3o. Para informar os usu\u00e1rios sobre sua tabela de dados, voc\u00ea precisa incluir uma descri\u00e7\u00e3o ou legenda de tabela relevante por meio do uso da tag &lt;caption&gt;.<\/p>\n<p style=\"text-align: justify;\">&lt;table&gt;<\/p>\n<p style=\"text-align: justify;\">&lt;caption&gt; Hor\u00e1rio de aula &lt;\/ caption&gt;<\/p>\n<p style=\"text-align: justify;\">&lt;tr&gt; &#8230;.<\/p>\n<h3 style=\"text-align: justify;\">9. Verifique a acessibilidade da sua p\u00e1gina atrav\u00e9s do uso do WAVE-<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Check%20the%20accessibility%20of%20your%20page%20through%20the%20use%20of%20WAVE%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Check%20the%20accessibility%20of%20your%20page%20through%20the%20use%20of%20WAVE%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">A ferramenta de avalia\u00e7\u00e3o de acessibilidade da Web (WAVE) \u00e9 uma ferramenta not\u00e1vel que pode ajudar os desenvolvedores da Web a melhorar a acessibilidade de seu site. Esta ferramenta de avalia\u00e7\u00e3o de sites fornece informa\u00e7\u00f5es e coment\u00e1rios cruciais sobre a acessibilidade da sua p\u00e1gina, inserindo o URL da sua p\u00e1gina da Web na home page da ferramenta Wave. Se voc\u00ea tiver d\u00favidas, perguntas e d\u00favidas sobre esta ferramenta de avalia\u00e7\u00e3o de sites, confira este link \u00fatil, https:\/\/wave.webaim.org\/help. Al\u00e9m disso, os usu\u00e1rios iniciantes que n\u00e3o est\u00e3o familiarizados com esta ferramenta pioneira de acessibilidade e avalia\u00e7\u00e3o do site podem obter a ajuda deste link para obter conhecimento necess\u00e1rio sobre a verifica\u00e7\u00e3o da acessibilidade de seu site. Outras ferramentas al\u00e9m do WAVE que podem ser a luz orientadora para melhorar a acessibilidade do seu site s\u00e3o o CynthiaSays, o Tenon e muito mais.<\/p>\n<h3 style=\"text-align: justify;\">10. Trabalhe para tornar seu conte\u00fado para download acess\u00edvel a seus clientes-alvo<\/h3>\n<p style=\"text-align: justify;\">Seria de interesse do seu site se voc\u00ea pudesse tomar as medidas necess\u00e1rias para disponibilizar seu conte\u00fado para download em seu site, como a documenta\u00e7\u00e3o de termos e condi\u00e7\u00f5es, manual de uso do produto, especifica\u00e7\u00e3o da categoria do produto ou qualquer outro documento acess\u00edvel aos usu\u00e1rios interessados. N\u00e3o os fa\u00e7a vagar aqui e ali em busca de softwares necess\u00e1rios para acessar um determinado documento, mas certifique-se de tornar seu conte\u00fado para download acess\u00edvel atrav\u00e9s de um software comum dispon\u00edvel. Sempre use arquivos separados por v\u00edrgula ou delimitados por tabula\u00e7\u00f5es, arquivos PDF e outros formatos que n\u00e3o precisem de nenhum software propriet\u00e1rio licenciado do fornecedor em quest\u00e3o. Para tornar seu conte\u00fado acess\u00edvel atrav\u00e9s do formato PDF, voc\u00ea precisa seguir as v\u00e1rias diretrizes mencionadas neste link crucial, https:\/\/webstandards.sonoma-county.org\/content.aspx?sid=1014&amp;id=1123.<\/p>\n<h3 style=\"text-align: justify;\">11. Utilize os servi\u00e7os de marcos ARIA-<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Utilize%20the%20services%20of%20ARIA%20landmarks%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Utilize%20the%20services%20of%20ARIA%20landmarks%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Gra\u00e7as \u00e0 introdu\u00e7\u00e3o do novo ARIA (Accessible Rich Internet Applications), uma especifica\u00e7\u00e3o do World Wide Web Consortium (W3C), que \u00e9 um \u00f3rg\u00e3o global da Web, os aplicativos da Web agora podem ser facilmente interagidos e compartilhados atrav\u00e9s do teclado. Voc\u00ea pode facilmente tornar seu site mais f\u00e1cil de navegar pelo teclado atrav\u00e9s do uso de fun\u00e7\u00f5es de marco ARIA. Tudo o que voc\u00ea precisa fazer \u00e9 adicionar um atributo HTML para qualquer uma das fun\u00e7\u00f5es de ponto de refer\u00eancia, por exemplo, role = &quot;navega\u00e7\u00e3o&quot;, role = &quot;main&quot; ou role = &quot;search&quot; para direcionar o usu\u00e1rio para a se\u00e7\u00e3o espec\u00edfica da p\u00e1gina um \u00fanico toque de tecla. Vamos verificar este c\u00f3digo HTML que pode adicionar o atributo de fun\u00e7\u00e3o de marco apropriado na se\u00e7\u00e3o &quot;principal&quot; e &quot;pesquisa&quot; de um website.<\/p>\n<p style=\"text-align: justify;\">&lt;div id = &quot;maincontent&quot; role = &quot;main&quot;&gt;<\/p>\n<p style=\"text-align: justify;\">&lt;form action = &quot;search.php&quot; role = &quot;pesquisa&quot;&gt;<\/p>\n<h3 style=\"text-align: justify;\">12. Aprenda a usar os servi\u00e7os do Learning Management Systems (LMS) e do Content Management Systems para melhorar a acessibilidade do seu website.<\/h3>\n<p style=\"text-align: justify;\">Para melhorar a acessibilidade do seu site de com\u00e9rcio eletr\u00f4nico, voc\u00ea precisa aproveitar os servi\u00e7os de uma plataforma de com\u00e9rcio eletr\u00f4nico eficaz que consiste em v\u00e1rios recursos. Al\u00e9m disso, voc\u00ea pode ter os servi\u00e7os de v\u00e1rios sistemas de gerenciamento de conte\u00fado como <strong>WordPress<\/strong>,  <strong>Joomla<\/strong>,  <strong>Drupal<\/strong> e outros para fornecer acesso f\u00e1cil a v\u00e1rios temas, modelos, <a href=\"https:\/\/www.knowband.com\/\" target=\"_blank\">plugins de com\u00e9rcio eletr\u00f4nico<\/a> e outras op\u00e7\u00f5es. Plugins s\u00e3o vistos para fornecer um n\u00edvel avan\u00e7ado de acessibilidade, desempenho e usabilidade para um site para melhorar o desempenho geral de um website.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Learn%20to%20use%20the%20services%20of%20Learning%20Management%20Systems%20%28LMS%29%20and%20Content%20Management%20Systems%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Learn%20to%20use%20the%20services%20of%20Learning%20Management%20Systems%20%28LMS%29%20and%20Content%20Management%20Systems%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">No entanto, certifique-se de que voc\u00ea est\u00e1 aproveitando a experi\u00eancia de um design de plug-in excepcional e servi\u00e7os de desenvolvimento como Knowband, que tem anos de experi\u00eancia nesta \u00e1rea. Alguns dos excelentes plugins fornecidos por ele s\u00e3o os seguintes:<\/p>\n<p style=\"text-align: justify;\"><strong>Magento<\/strong><a href=\"https:\/\/www.knowband.com\/magento-plugins\" target=\"_blank\"><strong>&#8211;<\/strong><\/a> Algumas das incr\u00edveis <a href=\"https:\/\/www.knowband.com\/magento-plugins\" target=\"_blank\"><strong>Extens\u00f5es Magento<\/strong><\/a> que s\u00e3o fornecidos pela Knowband s\u00e3o Magento Abandoned Cart, Magento Auto Subscribe, Magento One Page Supercheckout, <a href=\"https:\/\/www.magentocommerce.com\/magento-connect\/enhanced-e-commerce-analytic-with-reports-knowband.html\" target=\"_blank\">Magento Google Analytic Enhanced Ecommerce<\/a> e muito mais.<\/p>\n<p style=\"text-align: justify;\"><strong>OpenCart<\/strong><a href=\"https:\/\/www.knowband.com\/opencart-plugins\" target=\"_blank\"><strong>&#8211;<\/strong><\/a> Aqui est\u00e3o alguns dos <a href=\"https:\/\/www.knowband.com\/opencart-plugins\" target=\"_blank\"><strong>Extens\u00f5es OpenCart<\/strong><\/a>?that can help in enhancing the productivity of your OpenCart store to a great extent. They are OpenCart Ajax Cart+, OpenCart One Page Supercheckout Pro, OpenCart Social Loginizer, OpenCart Price Alert and such others.<\/p>\n<p style=\"text-align: justify;\"><strong>PrestaShop<\/strong><a href=\"https:\/\/www.knowband.com\/prestashop-plugins\" target=\"_blank\"><strong>&#8211;<\/strong><\/a> Se voc\u00ea est\u00e1 tendo uma loja PrestaShop, estas s\u00e3o algumas das <a href=\"https:\/\/www.knowband.com\/prestashop-plugins\" target=\"_blank\"><strong>Suplementos PrestaShop<\/strong><\/a>?that can be the game changer for your online store and can improve the accessibility and performance of your website. Take a look at these plugins which are PrestaShop Abandoned Cart, PrestaShop Return Manager, PrestaShop One Page Supercheckout and many others.<\/p>\n<h3 style=\"text-align: justify;\">13. Melhore o alcance do seu site em v\u00e1rios dispositivos baseados em dispositivos m\u00f3veis<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Improve%20the%20reach%20of%20your%20website%20on%20various%20mobile%20based%20devices%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"width: 611px; height: 276px;\" src=\"https:\/\/www.knowband.com\/image\/data\/Improve%20the%20reach%20of%20your%20website%20on%20various%20mobile%20based%20devices%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Devido ao constante aumento no n\u00famero de clientes m\u00f3veis, \u00e9 de responsabilidade exclusiva de cada entidade comercial on-line tornar seu site acess\u00edvel a v\u00e1rios dispositivos m\u00f3veis dispon\u00edveis. Use v\u00e1rias ferramentas, como Usabilidade em dispositivos m\u00f3veis, teste otimizado para dispositivos m\u00f3veis, PageSpeed \u200b\u200bInsights, teste de velocidade do website Pingdom e outras ferramentas de SEO para dispositivos m\u00f3veis para melhorar o desempenho de seu website para dispositivos m\u00f3veis. Se voc\u00ea quiser saber mais sobre como melhorar seus resultados de SEO para dispositivos m\u00f3veis, acesse este link informativo. Al\u00e9m disso, o uso dos servi\u00e7os de rede de entrega de conte\u00fado (CDN) junto com o formato de imagem webp para o navegador Google Chrome pode ter um efeito significativo na acessibilidade do seu site em v\u00e1rios dispositivos m\u00f3veis.<\/p>\n<h3 style=\"text-align: justify;\">14. Use o texto alternativo apropriado para imagens<\/h3>\n<p style=\"text-align: justify;\">Apesar disso, diz-se que &quot;Uma imagem pode dizer milhares de palavras em si&quot;, mas essas imagens precisam do suporte do texto Alt para ajudar o usu\u00e1rio a entender a inten\u00e7\u00e3o ou a mensagem correta por tr\u00e1s dessas imagens. \u00c9 preciso notar que a mensagem que deve ser transmitida com uma imagem em particular precisa ser usada no texto alternativo dessa imagem.Semelhan\u00e7a, se a imagem em quest\u00e3o consistir em algum texto, esse texto em particular tamb\u00e9m deve ser usado. ser inclu\u00eddo no texto alternativo.Certifique-se de que as imagens que s\u00e3o usadas como links sejam fornecidas com texto alternativo apropriado para que o leitor de tela possa ler a mensagem associada de sua imagem em vez de ler o nome de arquivo da sua imagem. como um atributo alt pode ser usado em uma imagem para melhorar seu apelo e compreens\u00e3o entre os clientes-alvo.<\/p>\n<p style=\"text-align: justify;\">&lt;img src = &quot;webaimlogo.jpg&quot; alt = &quot;WebAIM &#8211; Acessibilidade \u00e0 Web em mente&quot;&gt;<\/p>\n<p style=\"text-align: justify;\">No entanto, voc\u00ea pode deixar o texto alternativo vazio para suas imagens se a imagem for usada<\/p>\n<h3 style=\"text-align: justify;\">15. Inicie as etapas para tornar seu website mais acess\u00edvel por meio de<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Initiate%20steps%20to%20make%20your%20website%20more%20accessible%20through%20keyboard%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.knowband.com\/image\/data\/Initiate%20steps%20to%20make%20your%20website%20more%20accessible%20through%20keyboard%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">Existem in\u00fameros usu\u00e1rios que gostam de navegar em um site espec\u00edfico atrav\u00e9s do uso de teclas de atalho ou teclas de acesso. Essas chaves de acesso s\u00e3o elementos HTML que n\u00e3o s\u00e3o usados \u200b\u200befetivamente durante o processo de desenvolvimento de sites para garantir um acesso perfeito a determinadas se\u00e7\u00f5es do site por meio do teclado. Para usar os servi\u00e7os das chaves de acesso, voc\u00ea precisa seguir estas etapas.<\/p>\n<p style=\"text-align: justify;\">&#8211; Pressione a tecla de fun\u00e7\u00e3o (Alt no caso do Windows e Ctrl se o sistema for um Mac) junto com a tecla espec\u00edfica de letra ou n\u00famero associada a uma se\u00e7\u00e3o espec\u00edfica do site.<\/p>\n<p style=\"text-align: justify;\">Al\u00e9m disso, os programadores podem facilmente adicionar a funcionalidade das chaves do Access em seu site, adicionando um c\u00f3digo HTML simples na tag de \u00e2ncora de navega\u00e7\u00e3o do site em quest\u00e3o. O c\u00f3digo de amostra \u00e9 mostrado abaixo.<\/p>\n<p style=\"text-align: justify;\">&lt;a href=&quot;index.html&quot; accesskey=&quot;1&quot;&gt; P\u00e1gina inicial &lt;\/a&gt;<\/p>\n<p style=\"text-align: justify;\">No entanto, o que limita o uso de chaves do Access em um n\u00edvel global \u00e9 que n\u00e3o h\u00e1 nenhum conjunto universal de chaves atribu\u00eddas que podem ser usadas para implementar a funcionalidade de chaves do Access em um site. Al\u00e9m disso, n\u00e3o existe esse mecanismo pelo qual os usu\u00e1rios podem ser informados sobre as teclas do teclado que s\u00e3o usadas como teclas de acesso para navegar em um site. No entanto, existem alguns pa\u00edses, como o Reino Unido, onde a autoridade em quest\u00e3o recomendou um conjunto de chaves de acesso que podem ser atribu\u00eddas para uma navega\u00e7\u00e3o perfeita no site por meio do teclado. Aqui est\u00e1 uma lista dessas chaves de acesso.<\/p>\n<p style=\"text-align: justify;\">S &#8211; Saltar a navega\u00e7\u00e3o<\/p>\n<p style=\"text-align: justify;\">1 &#8211; P\u00e1gina Inicial<\/p>\n<p style=\"text-align: justify;\">2 &#8211; Not\u00edcias \/ Atualiza\u00e7\u00f5es<\/p>\n<p style=\"text-align: justify;\">3 &#8211; Mapa do Site<\/p>\n<p style=\"text-align: justify;\">4 &#8211; Pesquisar<\/p>\n<p style=\"text-align: justify;\">5 &#8211; Perguntas Frequentes (FAQ)<\/p>\n<p style=\"text-align: justify;\">6 &#8211; Ajuda<\/p>\n<p style=\"text-align: justify;\">7 &#8211; Procedimento de Reclama\u00e7\u00f5es<\/p>\n<p style=\"text-align: justify;\">8 &#8211; Termos e Condi\u00e7\u00f5es<\/p>\n<p style=\"text-align: justify;\">9 &#8211; Formul\u00e1rio de Coment\u00e1rios<\/p>\n<p style=\"text-align: justify;\">10 &#8211; Informa\u00e7\u00f5es Chave de Acesso<\/p>\n<h3 style=\"text-align: justify;\">16. Incluir cabe\u00e7alhos corretamente para organizar sua estrutura de conte\u00fado<\/h3>\n<p style=\"text-align: justify;\">Para um acesso perfeito ao conte\u00fado do seu site, use a estrutura de t\u00edtulos. Use tags de cabe\u00e7alho HTML como &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt; e outras, em local apropriado em seu conte\u00fado, para a organiza\u00e7\u00e3o efetiva de seu conte\u00fado e para melhor legibilidade. Siga a ordem correta de seus t\u00edtulos e mantenha a apresenta\u00e7\u00e3o longe da estrutura de t\u00edtulo atrav\u00e9s do uso de CSS. Algumas das diretrizes que precisam ser seguidas ao criar uma nova classe CSS para o seu conte\u00fado s\u00e3o as seguintes.<\/p>\n<ul>\n<li style=\"text-align: justify;\">Sempre use a tag &lt;h1&gt; para o t\u00edtulo principal da p\u00e1gina. Mantenha a tag de t\u00edtulo &lt;h1&gt; reservada para o t\u00edtulo do site e outras p\u00e1ginas individuais.<\/li>\n<li style=\"text-align: justify;\">Inclua t\u00edtulos para a devida indica\u00e7\u00e3o e organiza\u00e7\u00e3o de sua estrutura de conte\u00fado.<\/li>\n<li style=\"text-align: justify;\">Siga uma ordem apropriada ao usar as manchetes e nunca pule da tag de cabe\u00e7alho &lt;h1&gt; para &lt;h3&gt; diretamente, pois isso d\u00e1 uma sensa\u00e7\u00e3o de sentimento aos leitores de que algum conte\u00fado espec\u00edfico est\u00e1 ausente no meio.<\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\">17. Fa\u00e7a uso de \u00edndices de guias para a navega\u00e7\u00e3o cont\u00ednua em torno de seu website.<\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/image\/data\/Make%20use%20of%20tab%20indexes%20for%20the%20seamless%20navigation%20around%20your%20website%20.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.knowband.com\/image\/data\/Make%20use%20of%20tab%20indexes%20for%20the%20seamless%20navigation%20around%20your%20website%20.jpg\" width=\"611\" height=\"276\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Para determinar a ordem adequada de navega\u00e7\u00e3o em torno de campos de formul\u00e1rio atrav\u00e9s do uso da tecla tab, \u00e9 importante utilizar os \u00edndices de tabula\u00e7\u00e3o. Esse recurso desempenha um papel importante ao navegar pelos formul\u00e1rios de um site. No entanto, se o design de sua p\u00e1gina estiver equipado com uma ordem l\u00f3gica adequada e uma hierarquia forte devido \u00e0 presen\u00e7a de t\u00edtulos e subt\u00edtulos, n\u00e3o h\u00e1 muito o que se preocupar com esse \u00edndice de guias.<\/p>\n<p style=\"text-align: justify;\">Como, formul\u00e1rios consistem em numerosos elementos pequenos como caixas de sele\u00e7\u00e3o e bot\u00f5es de r\u00e1dio que precisam de posicionamento preciso do mouse e clique por humanos, realizando o mesmo seria dif\u00edcil para uma pessoa com defici\u00eancia motora. Em situa\u00e7\u00f5es como essa, a vida dessas pessoas pode ter muito al\u00edvio se uma indexa\u00e7\u00e3o de tabula\u00e7\u00e3o adequada for executada no formul\u00e1rio, o que pode permitir que o usu\u00e1rio interaja com cada elemento do formul\u00e1rio por meio de toques simples no teclado.<\/p>\n<p style=\"text-align: justify;\"><strong>Gostou disso? Voc\u00ea tamb\u00e9m vai gostar disso<\/strong><\/p>\n<ul>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/ecommerce-blog\/e-commerce-apps-that-are-a-must-in-this-demonetization-scenario\/\" target=\"_blank\">Aplicativos de com\u00e9rcio eletr\u00f4nico que s\u00e3o essenciais neste cen\u00e1rio de desmonetiza\u00e7\u00e3o<\/a><\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/ecommerce-blog\/e-commerce-rebuild-is-it-always-a-good-idea\/\" target=\"_blank\">Reconstru\u00e7\u00e3o de E-Commerce &#8211; \u00c9 sempre uma boa id\u00e9ia?<\/a><\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/ecommerce-blog\/reasons-why-your-ecommerce-business-needs-a-mobile-app\/\" target=\"_blank\">Raz\u00f5es pelas quais sua empresa de com\u00e9rcio eletr\u00f4nico precisa de um aplicativo para dispositivos m\u00f3veis<\/a><\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/ecommerce-blog\/some-key-things-to-consider-while-considering-the-transition-towards-an-ecommerce-platform\/\" target=\"_blank\">Algumas coisas importantes a considerar ao considerar a transi\u00e7\u00e3o para uma plataforma de com\u00e9rcio eletr\u00f4nico<\/a><\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/www.knowband.com\/blog\/ecommerce-blog\/what-information-does-add-to-cart-rates-reveal-about-your-ecommerce-store\/\" target=\"_blank\">Que informa\u00e7\u00f5es as taxas de add-to-cart revelam sobre sua Loja de Com\u00e9rcio Eletr\u00f4nico?<\/a><\/li>\n<\/ul>\n<p><!-- delivered by GTranslate v4.8.4 in 0.109s visit https:\/\/gtranslate.io --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ter um site de com\u00e9rcio eletr\u00f4nico com uma acessibilidade pat\u00e9tica para seus clientes-alvo \u00e9 como ter um carro bonito que n\u00e3o tenha um mecanismo de desempenho. Ningu\u00e9m gostaria de visitar um site que leva muito tempo para carregar corretamente e muitas vezes frustra um usu\u00e1rio. Se voc\u00ea quiser melhorar a sorte da sua entidade de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":426,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[3232],"tags":[],"class_list":["post-19509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comercio-eletronico"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel - Knowband Blog | Ecommerce Modules<\/title>\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.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com\u00e9rcio-eletr\u00f4nico-altamente-acess\u00edvel\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"Ter um site de com\u00e9rcio eletr\u00f4nico com uma acessibilidade pat\u00e9tica para seus clientes-alvo \u00e9 como ter um carro bonito que n\u00e3o tenha um mecanismo de desempenho. Ningu\u00e9m gostaria de visitar um site que leva muito tempo para carregar corretamente e muitas vezes frustra um usu\u00e1rio. Se voc\u00ea quiser melhorar a sorte da sua entidade de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com\u00e9rcio-eletr\u00f4nico-altamente-acess\u00edvel\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-22T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-11T13:46:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"566\" \/>\n\t<meta property=\"og:image:height\" content=\"290\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/81a9f6410791bd28706e8027b984012b\"},\"headline\":\"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel\",\"datePublished\":\"2015-12-22T00:00:00+00:00\",\"dateModified\":\"2017-10-11T13:46:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/\"},\"wordCount\":4025,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg\",\"articleSection\":[\"Com\u00e9rcio eletr\u00f4nico\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/\",\"name\":\"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg\",\"datePublished\":\"2015-12-22T00:00:00+00:00\",\"dateModified\":\"2017-10-11T13:46:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg\",\"width\":566,\"height\":290,\"caption\":\"18-tips-to-boost-your-website-accessibility\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/comercio-eletronico\\\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/81a9f6410791bd28706e8027b984012b\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify. We also provide custom module development and customization services for the website and modules.\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel - Knowband Blog | Ecommerce Modules","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.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com\u00e9rcio-eletr\u00f4nico-altamente-acess\u00edvel\/","og_locale":"pt_BR","og_type":"article","og_title":"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel - Knowband Blog | Ecommerce Modules","og_description":"Ter um site de com\u00e9rcio eletr\u00f4nico com uma acessibilidade pat\u00e9tica para seus clientes-alvo \u00e9 como ter um carro bonito que n\u00e3o tenha um mecanismo de desempenho. Ningu\u00e9m gostaria de visitar um site que leva muito tempo para carregar corretamente e muitas vezes frustra um usu\u00e1rio. Se voc\u00ea quiser melhorar a sorte da sua entidade de [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com\u00e9rcio-eletr\u00f4nico-altamente-acess\u00edvel\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2015-12-22T00:00:00+00:00","article_modified_time":"2017-10-11T13:46:14+00:00","og_image":[{"width":566,"height":290,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg","type":"image\/jpeg"}],"author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/81a9f6410791bd28706e8027b984012b"},"headline":"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel","datePublished":"2015-12-22T00:00:00+00:00","dateModified":"2017-10-11T13:46:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/"},"wordCount":4025,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg","articleSection":["Com\u00e9rcio eletr\u00f4nico"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/","url":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/","name":"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg","datePublished":"2015-12-22T00:00:00+00:00","dateModified":"2017-10-11T13:46:14+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/18-Tips-To-Boost-Your-Website-Accessibility-.jpg","width":566,"height":290,"caption":"18-tips-to-boost-your-website-accessibility"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/comercio-eletronico\/um-roteiro-para-um-site-de-com%c3%a9rcio-eletr%c3%b4nico-altamente-acess%c3%advel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Um roteiro para um site de com\u00e9rcio eletr\u00f4nico altamente acess\u00edvel"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/81a9f6410791bd28706e8027b984012b","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify. We also provide custom module development and customization services for the website and modules.","url":"https:\/\/www.knowband.com\/blog\/pt-br\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/19509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/comments?post=19509"}],"version-history":[{"count":0,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/19509\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/media\/426"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/media?parent=19509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/categories?post=19509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/tags?post=19509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}