Marc Benioff declarou de forma memorável que a única constante na indústria de tecnologia é a mudança. Tendo trabalhado em tecnologia por mais de 15 anos, posso confirmar isso. Companheiros dinossauros da tecnologia podem atestar que a forma como a web funcionava nos primeiros dias é drasticamente diferente do que muitos de nós poderíamos ter imaginado.

Embora essa mudança constante na indústria de tecnologia tenha levado à inovação e aos avanços que vemos hoje, ela também introduziu o conceito de escolha. Embora a escolha-superficialmente-possa parecer algo inerentemente positivo, nem sempre é igual a arco-íris e rosas. O influxo da mudança tecnológica também traz a fragmentação das linguagens de codificação e os sabores intermináveis ​​de”gostosura”de programação. Às vezes, essa abundância de escolha se transforma em overchoice -uma deficiência cognitiva bem estudada em que as pessoas têm dificuldade de tomar uma decisão por terem muitas opções.

Neste artigo, tentaremos desvendar o complexo mundo dos padrões acessíveis-um passo de cada vez. Começaremos revisando os padrões e bibliotecas acessíveis atuais, depois consideraremos nossas necessidades gerais de padrões e restrições potenciais e, por último, faremos uma série de exercícios de pensamento crítico para aprender como avaliar melhor os padrões de acessibilidade.

Que teia emaranhada nós tecemos

A Overchoice se infiltrou em todos os aspectos da tecnologia, incluindo os padrões e bibliotecas que usamos para construir nossas criações digitais-da caixa de seleção simples ao modal dinâmico complexo e tudo mais. Mas como sabemos qual padrão ou biblioteca é o certo quando há tantas opções? É melhor usar padrões/bibliotecas estabelecidos que os usuários encontram todos os dias? Ou é melhor criar novos padrões para uma experiência do usuário mais agradável?

Com a miríade de opções disponíveis, podemos rapidamente ficar paralisados ​​pela superabundância de opções. Mas se dermos um passo para trás e considerarmos por que construímos nossos produtos digitais em primeiro lugar (ou seja, o usuário final), não faz sentido escolher o padrão ou biblioteca que pode agregar mais valor para o maior número de pessoas ?

Se você pensou que escolher um padrão ou biblioteca já era um processo difícil o suficiente, este pode ser o ponto onde você começou a ficar preocupado. Mas não precisa se preocupar-escolher um padrão/biblioteca acessível não é ciência do foguete. Como tudo o mais na tecnologia, esta jornada começa com um pouco de conhecimento, um grande acúmulo de tentativa e erro e uma compreensão de que não existe apenas um padrão/biblioteca perfeito que se adapta a cada usuário, situação ou estrutura.

Como eu sei disso? Bem, passei os últimos cinco anos pesquisando, criando e testando diferentes tipos de padrões acessíveis enquanto trabalho no Guia de estilo A11y , Biblioteca de padrões ARIA de Deque e avaliando a popular Padrões SVG . Mas também revisei muitos padrões de cliente e bibliotecas em todas as estruturas/plataformas imagináveis. Neste momento, posso dizer sem escrúpulos que existe uma hierarquia inata para acessibilidade de padrão que começa a se desenvolver quando você olha por tempo suficiente. E embora haja ocasionalmente padrões a evitar a todo custo, nem sempre é tão claro. Quando se trata de acessibilidade, eu diria que a maioria dos padrões cai em gradientes de bom, melhor, ótimo. A parte difícil é saber qual padrão pertence a qual categoria.

Pensando criticamente sobre os padrões

Então, como sabemos quais padrões são bons, melhores e melhores quando se trata de acessibilidade? Depende. Essa frase frequentemente invocada da comunidade de acessibilidade digital não é uma desculpa, mas é uma abreviação de”precisamos de mais contexto para poder dar a melhor resposta”. No entanto, o contexto nem sempre é claro, então, ao construir e avaliar a acessibilidade de um padrão, algumas perguntas fundamentais que faço incluem:

  • Já existe um padrão acessível estabelecido que podemos usar?
  • Para quais navegadores e dispositivos de tecnologia assistiva (AT) oferecemos suporte?
  • Há alguma limitação de estrutura ou outras integrações/fatores a serem considerados?

Claro, suas perguntas específicas podem ser diferentes das minhas, mas a questão é que você precisa começar a usar suas habilidades de pensamento crítico ao avaliar padrões. Você pode fazer isso observando, analisando e classificando cada padrão de acessibilidade antes de tomar uma decisão final. Mas antes de chegarmos a isso, vamos primeiro nos aprofundar um pouco mais nas perguntas iniciais.

Já existe um padrão de acessibilidade estabelecido?

Por que parece que, com cada nova estrutura, obtemos um novo conjunto de padrões? Essa reinvenção constante da roda com novas opções de padrão pode confundir e frustrar os desenvolvedores, especialmente porque geralmente não é necessário fazer isso.

Não acredita em mim? Bem, pense desta forma: se assinarmos o sistema de design atômico , entendemos que vários pequenos “átomos” de código se unem para criar um produto digital maior. Mas, no mundo científico, os átomos não são o menor componente da vida. Cada átomo é feito de muitas partículas subatômicas, como prótons, nêutrons e elétrons.

Essa mesma lógica pode ser aplicada aos nossos padrões. Se olharmos mais profundamente em todos os padrões disponíveis nas várias estruturas que existem, a estrutura subatômica central é essencialmente a mesma, independentemente da linguagem de codificação real usada. É por isso que agradeço bibliotecas de codificação simplificadas com padrões acessíveis que podemos construir com base nas necessidades tecnológicas e de design.

Observação : Algumas ótimas fontes confiáveis ​​incluem Componentes inclusivos , Componentes acessíveis e o Gov.UK Design Sistema , além da lista de padrões acessíveis Smashing Revista publicada recentemente (além de uma lista mais detalhada de padrões e bibliotecas no final do artigo).

Quais navegadores e dispositivos de tecnologia assistiva (AT) oferecemos suporte?

Depois de pesquisar alguns padrões básicos que podem funcionar, podemos passar para a questão do navegador e suporte de dispositivo de tecnologia assistiva (AT). Por si só, o suporte ao navegador não é brincadeira. Quando você adiciona dispositivos AT e especificações ARIA à mistura, as coisas começam a ficar complicadas…não impossível, apenas muito mais tempo, esforço e processo de pensamento envolvidos para descobrir tudo.

Mas não são todas más notícias. Existem alguns recursos fabulosos como HTML5 Accessibility e Accessibility Support que nos ajudam a compreender melhor o navegador atual + o suporte ao dispositivo AT. Esses sites descrevem os diferentes subelementos de padrão HTML e ARIA disponíveis, incluem testes de comunidade de código aberto e fornecem alguns exemplos de padrão-para navegadores de desktop e móveis/dispositivos AT.

Há alguma limitação da estrutura ou outras integrações/fatores a serem considerados?

Depois de escolher alguns padrões de base acessíveis e fatorar no suporte do navegador/dispositivo AT, podemos prosseguir para questões contextuais mais refinadas sobre o padrão e seu ambiente. Por exemplo, se estivermos usando um padrão em um sistema de gerenciamento de conteúdo (CMS) ou tivermos considerações de código legado, haverá certas limitações de padrão. Nesse caso, um punhado de opções de padrão podem ser rapidamente reduzidas a uma ou duas. Por outro lado, alguns frameworks são mais tolerantes e abertos para aceitar qualquer padrão, então podemos nos preocupar menos com as restrições de framework e nos concentrar mais em fazer a escolha de padrão mais acessível que pudermos.

Além de tudo o que discutimos até agora, há muitas considerações adicionais a pesar ao escolher um padrão, como desempenho, segurança, otimização de mecanismo de pesquisa, tradução de idioma, integração de terceiros e muito mais. Esses fatores, sem dúvida, influenciarão sua escolha de padrão acessível, mas você também deve pensar nas pessoas que estão criando o conteúdo. O padrão acessível que você escolher deve ser construído de uma forma robusta o suficiente para lidar com quaisquer limitações potenciais em torno do conteúdo gerado pelo editor e/ou gerado pelo usuário.

Avaliação de padrões de acessibilidade

O código geralmente fala mais alto do que as palavras, mas antes de entrarmos em tudo isso, uma observação rápida de que os exemplos de padrões a seguir não são os únicos padrões disponíveis para cada situação, nem é considerado o “melhor” no grupo o melhor opção em todo o mundo de padrões acessíveis.

Para as demonstrações de padrão abaixo, devemos imaginar uma situação hipotética em que estamos comparando cada grupo de padrões com eles próprios. Embora esta não seja uma situação realista, executar esses exercícios de pensamento crítico e avaliar os padrões de acessibilidade deve ajudá-lo a estar mais preparado quando encontrar a escolha de padrões no mundo real.

Padrões de botões acessíveis

O primeiro grupo de padrões que analisaremos para acessibilidade é onipresente em quase todos os sites ou aplicativos: botões. O primeiro padrão de botão usa a função de botão ARIA para imitar um botão, enquanto o segundo e terceiro padrões de botão usam o HTML

Melhor:
  
 para nosso boletim informativo mensal 
 

Embora os primeiros padrões pareçam simples à primeira vista, eles evocam algumas questões de acessibilidade. Por exemplo, no primeiro padrão de botão, vemos ARIA role="button" sendo usado no padrão “bom” em vez de um elemento HTML

Melhor: role="img" + </code> + <code><desc></code> </h5> <div> <pre> <code> <svg xmlns="<a href="http://www.w3.org/2000/svg""> http://www.w3.org/2000/svg"</a> xmlns: xlink="<a href="http://www.w3.org/1999/xlink""> http://www.w3.org/1999/xlink"</a> version=função"1.1"="img"x="0px"y="0px"viewBox="0 0 511.997 511.997"style="habilitar fundo: novo 0 0 511.997 511.997;"xml: space="preserve"> <title> O segundo porquinho construiu uma casa de gravetos. Infelizmente, ele também foi comido pelo lobo mau. ...
Melhor: role="img" + </code> + <code><desc> </code> + <code> aria-labelledby="[id ]"</code> </h5> <div> <pre> <code> <svg xmlns="<a href="http://www.w3.org/2000/svg""> http://www.w3.org/2000/svg"</a> xmlns: xlink="<a href="http://www.w3.org/1999/xlink""> http://www.w3.org/1999/xlink"</a> version=função"1.1"="img"aria-labelledby="pig3house pig3wolf"x="0px"y="0px"viewBox="0 0 511.997 511.997"style="ativar fundo: novo 0 0 511.997 511.997;"xml: space="preserve"> <title id="pig3house"> O terceiro porquinho construiu uma casa de tijolos. Felizmente ele não foi comido pelo lobo. ...

Vejamos primeiro o primeiro padrão usando </code> e <code><text> </code> e CSS visualmente oculto. Ao contrário do texto anterior visivelmente oculto em padrões, _is_ uma relação inerente entre os elementos <code><title> </code> e <code><text> </code>, uma vez que eles são agrupados sob o mesmo guarda-chuva de elemento SVG. No entanto, essa relação não é muito forte. Na verdade, se você olhar para trás em minha <a href="https://cariefisher.com/a11y-svg/"> pesquisa sobre padrões SVG </a>, vemos que apenas 3 de 8 combinações de navegador/AT foram ouvidas a mensagem completa. (Observação: o padrão Pig # 1 é equivalente ao padrão de lâmpada # 7.) </p> <p> Isso é verdade, embora as <a href="https://www.w3.org/TR/SVG2/text.html#Introduction"> especificações W3C SVG definam o <code><text> </code> elemento </a> como “um elemento gráfico que consiste em texto… os caracteres a serem desenhados são expressos como dados de caractere. Como resultado, os dados de texto em conteúdo SVG estão prontamente acessíveis para os deficientes visuais. ” Este primeiro padrão está OK, mas podemos fazer melhor. </p> <p> O segundo padrão remove o elemento <code><text> </code> e o substitui por um elemento <code><desc> </code>. As <a href="https://www.w3.org/TR/SVG2/struct.html#DescriptionAndTitleElements"> especificações W3C SVG </a> afirmam: </p> <blockquote> <p> “O elemento filho <code><title> </code> representa uma alternativa em texto curto para o elemento… e o elemento <code><desc> </code> representa informações textuais mais detalhadas para o elemento, como uma descrição. ”</p> </blockquote> <p> Significa que os elementos <code><title> </code> e <code><desc> </code> em SVGs podem ser usados ​​de forma semelhante ao texto alternativo de imagem e opções de descrição longa tradicionalmente encontradas em <code> <img> elementos </code>. Depois de adicionar o elemento <code><desc> </code> ao segundo SVG, vemos um navegador/suporte AT semelhante com 3 de 8 combinações ouvindo a mensagem completa. (Nota: o padrão Pig # 2 é equivalente ao padrão de lâmpada # 10.) Embora os resultados do teste pareçam espelhar o primeiro padrão, a razão pela qual esse padrão entra na categoria”melhor”é que é um pouco mais fácil implementar o código sábio e <a href="https://webaim.org/projects/screenreadersurvey8"> impacta mais usuários AT </a>, pois funcionou em JAWS, VoiceOver desktop e VoiceOver móvel, enquanto o primeiro padrão suportou menos popular combinações de navegador/AT. </p> <p> O terceiro padrão usa novamente os elementos <code><title> </code> e <code><desc> </code>, mas agora tem um <code> aria-labelledby </code> mais ID adicionado ao misturar. De acordo com os mesmos testes de SVG, adicionar esse código adicional significa que podemos oferecer suporte total a 7 de 8 combinações de navegador/AT. (Observação: o padrão Pig nº 3 é equivalente ao padrão de lâmpada nº 11.) Dos três padrões SVG, este terceiro é o “melhor”, pois suporta a maioria dos dispositivos AT. Mas esse padrão tem uma desvantagem em usar algumas combinações de navegador/AT; você ouvirá o título da imagem/conteúdo de descrição duplicado para este padrão. Embora seja potencialmente irritante para os usuários, eu diria que geralmente é melhor ouvir conteúdo duplicado do que nada. </p> <h3> Reflexões finais </h3> <p> Embora todos nós certamente valorizemos a escolha em tecnologia, eu me pergunto se chegamos a um ponto no tempo em que a superabundância de opções nos deixou paralisados ​​e confusos sobre o que fazer a seguir? Em termos de escolha de padrões acessíveis, podemos fazer perguntas diretas sobre opções de padrão/biblioteca, navegador/suporte a dispositivo AT, limitações de estrutura e muito mais. </p> <p> Com os dados certos em mãos, essas perguntas são fáceis de responder. No entanto, torna-se um pouco mais complicado quando vamos além dos padrões e realmente consideramos as pessoas que os usam. É então que percebemos o impacto que nossas escolhas têm na capacidade de sucesso de nossos usuários. Como o Prof. George Dei afirma eloquentemente: </p> <blockquote> <p> “Inclusão não é trazer as pessoas para o que já existe-é criar um novo espaço, um espaço melhor para todos.” </p> </blockquote> <p> Ao dedicar um pouco mais de tempo para pensar criticamente sobre os padrões e escolher os mais acessíveis, sem dúvida criaremos um espaço mais inclusivo para alcançar mais usuários-nos termos deles. </p> <h4> Recursos relacionados </h4> <h5> Ferramentas </h5> <ul> <li> <a href="https://a11ysupport.io/"> Suporte de acessibilidade </a>, <a href="https://twitter.com/mfairchild365"> Michael Fairchild </a>, a11ysupport. io </li> <li> <a href="https://stevefaulkner.github.io/HTML5accessibility/"> Acessibilidade HTML5 </a>, <a href="https://twitter.com/stevefaulkner"> Steve Faulkner </a > </li> </ul> <h5> Bibliotecas de padrões </h5> <ul> <li> <a href="https://www.a11yproject.com/resources/"> Projeto de acessibilidade </a> </li> <li> <a href="https://a11y-style-guide.com/style-guide/"> Guia de estilo de acessibilidade </a> </li> <li> <a href="https://www.scottohara.me/code/"> Componentes acessíveis </a>, <a href="https://twitter.com/scottohara"> Scott O’Hara </a> </li> <li> <a href="https://schne324.github.io/dragon-drop/demo/"> Acessível <code> arrastar e soltar </code> List Reorder Plugin </a>, <a href="https://twitter.com/theHarrisius"> Harris Schneiderman </a> </li> <li> <a href="https://dequeuniversity.com/library/"> Biblioteca de padrões ARIA de Deque </a> </li> <li> <a href="https://cauldron.netlify.app/"> Biblioteca Accessible React de Deque </a> </li> <li> <a href="https://design-system.service.gov.uk/"> Sistema de design GOV.UK </a> </li> <li> <a href="https://inclusive-components.design/"> Componentes inclusivos </a>, <a href="https://twitter.com/heydonworks"> Heydon Pickering </a> </li> <li> <a href="https://designsystem.digital.gov/documentation/developers/"> EUA Sistema de Web Design (USWDS) </a> </li> <li> <a href="https://www.w3.org/WAI/tutorials/"> Tutoriais de acessibilidade na web </a> </li> </ul> <div style="text-align: center; margin-bottom: 20px !important; width: 100%;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5533026247140662" data-ad-slot="7629676416" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> <div class="section section-blog-info"> <div class="row"> <div class="col-md-6"> <div class="entry-categories">Categories: <span class="label label-primary"><a href="https://br.atsit.in/archives/category/wordpress">Wordpress</a></span> </div> <div class="entry-tags">Tags: <span class="entry-tag"><a href="https://br.atsit.in/archives/tag/wordpress" rel="tag">wordpress</a></span></div> </div> <div class="col-md-6"> <div class="entry-social"> <a target="_blank" rel="tooltip" data-original-title="Share on Facebook" class="btn btn-just-icon btn-round btn-facebook" href="https://www.facebook.com/sharer.php?u=https://br.atsit.in/archives/21120"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="20" height="17"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> <a target="_blank" rel="tooltip" data-original-title="Share on Twitter" class="btn btn-just-icon btn-round btn-twitter" href="http://twitter.com/share?url=https://br.atsit.in/archives/21120&text=Good%2C%20Better%2C%20Best%3A%20Desembara%C3%A7ando%20o%20complexo%20mundo%20dos%20padr%C3%B5es%20acess%C3%ADveis"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="17"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> </a> <a rel="tooltip" data-original-title=" Share on Email" class="btn btn-just-icon btn-round" href="mailto:?subject=Good,%20Better,%20Best:%20Desembaraçando%20o%20complexo%20mundo%20dos%20padrões%20acessíveis&body=https://br.atsit.in/archives/21120"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="17"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg> </a> </div> </div> </div> <hr> </div> </div> <div class="col-md-3 blog-sidebar-wrapper col-md-offset-1"> <aside id="secondary" class="blog-sidebar" role="complementary"> <div id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://br.atsit.in/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h5>Recent Posts</h5> <ul> <li> <a href="https://br.atsit.in/archives/28096">Como garantir que o texto permaneça visível durante o carregamento da Webfont no WordPress</a> </li> <li> <a href="https://br.atsit.in/archives/28094">Atualização do Microsoft Flight Simulator France e Benelux agora, adiciona mais de 100 novos POIs</a> </li> <li> <a href="https://br.atsit.in/archives/28092">Como obter o download gratuito do Minecraft Java Edition (teste)</a> </li> <li> <a href="https://br.atsit.in/archives/28090">Como jogar Nioh 2 no Linux</a> </li> <li> <a href="https://br.atsit.in/archives/28088">Registros de falhas de outsiders podem estar enchendo sua unidade-veja como eliminá-los</a> </li> </ul> </div><div id="categories-2" class="widget widget_categories"><h5>Categories</h5> <ul> <li class="cat-item cat-item-1"><a href="https://br.atsit.in/archives/category/uncategorized">Uncategorized</a> </li> <li class="cat-item cat-item-3"><a href="https://br.atsit.in/archives/category/wordpress">Wordpress</a> </li> </ul> </div> </aside><!-- .sidebar .widget-area --> </div> </div> </article> </div> </div> </div> <div class="section related-posts"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="hestia-title text-center">Related Posts</h2> <div class="row"> <div class="col-md-4"> <div class="card card-blog"> <div class="card-image"> <a href="https://br.atsit.in/archives/28096" title="Como garantir que o texto permaneça visível durante o carregamento da Webfont no WordPress"> <img width="360" height="240" src="https://br.atsit.in/wp-content/uploads/2021/04/como-garantir-que-o-texto-permaneca-visivel-durante-o-carregamento-da-webfont-no-wordpress-360x240.png" class="attachment-hestia-blog size-hestia-blog wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="content"> <h6 class="category text-info"><a href="https://br.atsit.in/archives/category/wordpress" title="View all posts in Wordpress" >Wordpress</a> </h6> <h4 class="card-title"> <a class="blog-item-title-link" href="https://br.atsit.in/archives/28096" title="Como garantir que o texto permaneça visível durante o carregamento da Webfont no WordPress" rel="bookmark"> Como garantir que o texto permaneça visível durante o carregamento da Webfont no WordPress </a> </h4> <p class="card-description">Se você executou o seu site por meio do PageSpeed ​​Insights, poderá ver uma recomendação para certifique-se de que o texto permaneça visível durante o carregamento da fonte da web . Isso é causado por<a class="moretag" href="https://br.atsit.in/archives/28096"> Read more…</a></p> </div> </div> </div> <div class="col-md-4"> <div class="card card-blog"> <div class="card-image"> <a href="https://br.atsit.in/archives/28094" title="Atualização do Microsoft Flight Simulator France e Benelux agora, adiciona mais de 100 novos POIs"> <img width="360" height="240" src="https://br.atsit.in/wp-content/uploads/2021/04/atualizacao-do-microsoft-flight-simulator-france-e-benelux-agora-adiciona-mais-de-100-novos-pois-360x240.jpg" class="attachment-hestia-blog size-hestia-blog wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="content"> <h6 class="category text-info"><a href="https://br.atsit.in/archives/category/wordpress" title="View all posts in Wordpress" >Wordpress</a> </h6> <h4 class="card-title"> <a class="blog-item-title-link" href="https://br.atsit.in/archives/28094" title="Atualização do Microsoft Flight Simulator France e Benelux agora, adiciona mais de 100 novos POIs" rel="bookmark"> Atualização do Microsoft Flight Simulator France e Benelux agora, adiciona mais de 100 novos POIs </a> </h4> <p class="card-description">Microsoft Flight Simulator acaba de lançar o que pode ser seu a maior atualização mundial até agora, com mais de 100 pontos de interesse, vários novos aeroportos feitos à mão e muito mais. A nova<a class="moretag" href="https://br.atsit.in/archives/28094"> Read more…</a></p> </div> </div> </div> <div class="col-md-4"> <div class="card card-blog"> <div class="card-image"> <a href="https://br.atsit.in/archives/28092" title="Como obter o download gratuito do Minecraft Java Edition (teste)"> <img width="360" height="240" src="https://br.atsit.in/wp-content/uploads/2021/04/como-obter-o-download-gratuito-do-minecraft-java-edition-teste-360x240.jpg" class="attachment-hestia-blog size-hestia-blog wp-post-image" alt="" loading="lazy" /> </a> </div> <div class="content"> <h6 class="category text-info"><a href="https://br.atsit.in/archives/category/wordpress" title="View all posts in Wordpress" >Wordpress</a> </h6> <h4 class="card-title"> <a class="blog-item-title-link" href="https://br.atsit.in/archives/28092" title="Como obter o download gratuito do Minecraft Java Edition (teste)" rel="bookmark"> Como obter o download gratuito do Minecraft Java Edition (teste) </a> </h4> <p class="card-description">O Minecraft é um dos jogos de mundo aberto mais populares da atualidade. Já existe há mais de dez anos e é jogado por milhões de pessoas em uma ampla gama de dispositivos Também gerou<a class="moretag" href="https://br.atsit.in/archives/28092"> Read more…</a></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-wrapper"> <footer class="footer footer-black footer-big"> <div class="container"> <div class="hestia-bottom-footer-content"><ul class="footer-menu pull-left"><li class="page_item page-item-7 current_page_parent"><a href="https://br.atsit.in/blog">Blog</a></li> <li class="page_item page-item-6"><a href="https://br.atsit.in/">Home</a></li> </ul> <div class="copyright pull-right"> Hestia | Developed by <a href="https://themeisle.com" rel="nofollow">ThemeIsle</a> </div> </div> </div> </footer> </div> </div> <script type='text/javascript' src='https://br.atsit.in/wp-includes/js/comment-reply.min.js?ver=5.7' id='comment-reply-js'></script> <script type='text/javascript' src='https://br.atsit.in/wp-content/themes/hestia/assets/bootstrap/js/bootstrap.min.js?ver=1.0.2' id='jquery-bootstrap-js'></script> <script type='text/javascript' src='https://br.atsit.in/wp-includes/js/jquery/ui/core.min.js?ver=1.12.1' id='jquery-ui-core-js'></script> <script type='text/javascript' id='hestia_scripts-js-extra'> /* <![CDATA[ */ var requestpost = {"ajaxurl":"https:\/\/br.atsit.in\/wp-admin\/admin-ajax.php","disable_autoslide":"","masonry":""}; /* ]]> */ </script> <script type='text/javascript' src='https://br.atsit.in/wp-content/themes/hestia/assets/js/script.min.js?ver=3.0.14' id='hestia_scripts-js'></script> <script type='text/javascript' src='https://br.atsit.in/wp-includes/js/wp-embed.min.js?ver=5.7' id='wp-embed-js'></script> </body> </html> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ Served from: br.atsit.in @ 2021-04-13 22:37:59 by W3 Total Cache -->