Ir para o conteúdo Acessar o menu principal do site

Foco Acessível Do lado esquerdo dois círculos um maior e outro menor, estão centralizados um dentro do outro. O maior é tracejado e não é preenchido com cor e o menor é preenchido com cor. Ao lado das formas, o texto 'Foco Acessível'. A logo está apresentada na cor verde escuro.

Glossário

H

Hover Trap (Armadilha de Hover)
Problema onde um elemento interativo fica ativo apenas via hover do mouse, tornando-o inacessível para teclado e leitores de tela.

J

JSON-LD para Acessibilidade
Formato de metadados estruturados para melhorar a acessibilidade e interpretação de conteúdo por assistentes de voz.
JavaScript Acessível
Boas práticas de desenvolvimento JS para garantir interatividade sem comprometer a acessibilidade (exemplo- evitar manipulação direta do foco sem necessidade).

K

Keyboard Navigation (Navegação por Teclado)
Garantia de que todos os elementos interativos podem ser acessados via tabulação (Tab, Shift+Tab, Enter, Esc).

L

Legenda Oculta (Closed Caption - CC)
Legendas automáticas ou manuais para tornar vídeos acessíveis a surdos e ensurdecidos.
Libras Digital
Integração de avatares de Libras para tradução automática de conteúdos em vídeo e texto.

M

Markup Acessível
Estrutura HTML que segue padrões de acessibilidade e semântica correta.
Modo Alto Contraste
Opção que permite maior visibilidade para usuários com baixa visão.

N

Navegação Estruturada
Implementação de nav, main, aside e landmark roles para auxiliar a navegação por leitores de tela.

O

Otimização para Assistentes de Voz
Ajuste de conteúdos para interpretação por Alexa, Google Assistant e Siri.
Overlay Acessível
Modais e pop-ups projetados para serem facilmente fechados e navegáveis via teclado.

P

Padrões de Acessibilidade
Normas como WCAG 2.1, Section 508, EAA (European Accessibility Act).
Progressive Enhancement (Aprimoramento Progressivo)
Técnica que prioriza funcionalidade básica e adiciona melhorias sem comprometer acessibilidade.

Q

QR Code Acessível
Códigos QR que oferecem alternativas em texto ou áudio para usuários com deficiência visual.

R

Reader Mode (Modo Leitura)
Modo que melhora a acessibilidade removendo distrações visuais.
Rótulos Visíveis e Ocultos
Uso de visually-hidden para fornecer informações a leitores de tela sem poluir a interface.

S

SVG Acessível
Uso de e <desc> dentro de SVGs para garantir compreensão em leitores de tela.<dt><strong>Skip Links (Links de Pular para o Conteúdo)</strong><dd>Links invisíveis que permitem usuários de leitores de tela pularem diretamente para o conteúdo principal.</dl><h2 id="t">T</h2><dl class="lista-termos"><dt><strong>Tabindex</strong><dd>Controle da ordem de navegação por teclado, evitando armadilhas de foco.<dt><strong>Tema Escuro Acessível</strong><dd>Implementação de temas que mantêm contraste adequado para usuários com baixa visão.</dl><h2 id="u">U</h2><dl class="lista-termos"><dt><strong>UX Inclusivo</strong><dd>Abordagem de design que considera acessibilidade desde o início do projeto.<dt><strong>Uso de Cor com Informação Redundante</strong><dd>Evita depender exclusivamente de cores para transmitir informações, essencial para daltônicos.</dl><h2 id="v">V</h2><dl class="lista-termos"><dt><strong>Validação Acessível</strong><dd>Mensagens de erro que são perceptíveis tanto visualmente quanto por leitores de tela.<dt><strong>VoiceOver</strong><dd>Leitor de tela nativo do macOS/iOS.</dl><h2 id="w">W</h2><dl class="lista-termos"><dt><strong>WCAG (Web Content Accessibility Guidelines)</strong><dd>Conjunto de diretrizes para garantir acessibilidade digital.<dt><strong>WebAIM</strong><dd>Organização que fornece diretrizes e ferramentas para acessibilidade na web.</dl><h2 id="í">Í</h2><dl class="lista-termos"><dt><strong>Ícones Acessíveis</strong><dd>Ícones com aria-label ou title para que leitores de tela interpretem seu significado corretamente.</dl></div></div></article></section></main><footer class="container pb-5"><h2 class="visually-hidden-focusable">Rodapé do site</h2><div class="row"><div class="col-12 col-md-5 mb-3"><h3> <img width="200px" title="Sobre o Foco Acessível" src="http://focoacessivel.com.br/img/logo.svg" class="d-block mb-5" alt="Logo do Foco Acessível" aria-describedby="descricao-detalhada-logo-rodape"> <span id="descricao-detalhada-logo-rodape" class="visually-hidden">Do lado esquerdo dois círculos um maior e outro menor, estão centralizados um dentro do outro. O maior é tracejado e não é preenchido com cor e o menor é preenchido com cor. Ao lado das formas, o texto 'Foco Acessível'. A logo está apresentada na cor verde escuro.</span></h3><div class="col-12 col-md-8"><p>Espaço dedicado à promoção da acessibilidade, diversidade e inclusão na tecnologia, com a participação de profissionais que compartilham suas vivências, desafios e conquistas.</p><p>Neste podcast, queremos inspirar você a contribuir para um mundo mais acessível e inclusivo para todas as pessoas.</p></div></div><div class="menu-footer col-12 col-md-3 mb-3"><h3 id="menu-rodape" class="pt-3 h4 mb-5">Menu do Site</h3><nav id="menu-paginas-footer"><ul class="nav flex-column"><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/./" title="Retorne à página inicial"> Página Inicial </a><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/episodios.html" title="Acesse todos os nossos episódios"> Episódios </a><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/convidados.html" title="Veja quem já participou"> Convidados </a><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/blog.html" title="Conheça as referências que são faladas nos textos dos nossos episódios"> Blog </a><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/sobre.html" title="Saiba o que é e quem faz o Foco Acessível"> Sobre </a><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/contato.html" title="Fale conosco"> Contato </a><li class="nav-item mb-2"> <a class="nav-link p-0" href="http://focoacessivel.com.br/loja.html" title="Ajude o Podcast"> Loja </a><li class="nav-item mb-2"> <span class="p-0" >RSS: <a class="nav-link p-0 d-inline-block" href="http://focoacessivel.com.br/feed.xml" title="Este RSS irá contemplar tudo que for publicado no site">Site</a> e <a class="nav-link p-0 d-inline-block" href="https://anchor.fm/s/e14f7d9c/podcast/rss" title="Este RSS irá contemplar apenas os episódios">Episódios</a> </span></ul></nav></div><div class="menu-footer col-12 col-md-4 mb-3"><div class="row px-2"><h3 id="plataformas-rodape" class="pt-3 px-0 h4 mb-5">Plataformas</h3><nav id="menu-plataformas-footer"><ul class="nav row"><li class="nav-item mb-2 col-12"> <a href="https://music.amazon.com.br/podcasts/9d5a371f-7ea8-4ba1-b558-416e4337591e/foco-acessível" class="nav-link p-0 text-decoration-none"> Amazon Music </a><li class="nav-item mb-2 col-12"> <a href="https://www.subscribeonandroid.com/anchor.fm/s/e14f7d9c/podcast/rss" class="nav-link p-0 text-decoration-none"> Android </a><li class="nav-item mb-2 col-12"> <a href="https://podcasts.apple.com/us/podcast/foco-acessível/id1690286033" class="nav-link p-0 text-decoration-none"> Apple </a><li class="nav-item mb-2 col-12"> <a href="https://www.deezer.com/pt/show/6060897" class="nav-link p-0 text-decoration-none"> Deezer </a><li class="nav-item mb-2 col-12"> <a href="https://open.spotify.com/show/4D6HigcXDCdNuCXxrkStWL" class="nav-link p-0 text-decoration-none"> Spotify </a><li class="nav-item mb-2 col-12"> <a href="https://www.youtube.com/@focoacessivel?sub_confirmation=1" class="nav-link p-0 text-decoration-none"> Youtube </a><li class="nav-item mb-2 col-12"> <a href="https://music.youtube.com/playlist?list=PLn1lr_3QMgomQCLIbbcg-TVB_SRkc7aKb" class="nav-link p-0 text-decoration-none"> Youtube Music </a></ul></nav></div></div></div><div class="d-flex flex-column flex-md-row justify-content-between pt-4 mt-4 w-100 border-top text-center text-md-start"><div class="col-12 mb-0 col-md-8 credits"><p class="mb-3 mb-md-0">Foco Acessível feito no <a href="http://jekyllrb.com" title="Site do Jekyll - nova aba">Jekyll</a> com <span>❤️</span> e <span>☕</span> em Olinda, PE — <a href="http://focoacessivel.com.br/arquivo.html" title="Acesse todas as publicações do site">Todas as publicações do site</a>.</p><p>Este site é membro do <a href="https://a11y-webring.club/"><strong>a11y-webring.club</strong></a>. Acesse o <a href="https://a11y-webring.club/prev">site anterior</a>, <a href="https://a11y-webring.club/next">próximo site</a>, ou um <a href="https://a11y-webring.club/random">site aleatório</a> do <span lang="en">webring</span>.</p></div><ul class="col-12 col-md-2 socials mt-5 mt-md-0 mb-0 d-flex justify-content-between"><li class="px-1 d-flex align-self-center"> <a href="https://www.linkedin.com/company/focoacessivel" rel="external no-referrer noopener" target="_blank" title="O link do LinkedIn irá abrir em uma nova aba" class="social-icon-linkedin text-decoration-none w-100 h-100 d-block"> <span class="fa-brands fa-linkedin"></span> <span class="visually-hidden">LinkedIn</span> </a><li class="px-1 d-flex align-self-center"> <a href="http://www.instagram.com/focoacessivel" rel="external no-referrer noopener" target="_blank" title="O link do Instagram irá abrir em uma nova aba" class="social-icon-instagram text-decoration-none w-100 h-100 d-block"> <span class="fa-brands fa-instagram"></span> <span class="visually-hidden">Instagram</span> </a><li class="px-1 d-flex align-self-center"> <a href="http://www.tiktok.com/@focoacessivel" rel="external no-referrer noopener" target="_blank" title="O link do TikTok irá abrir em uma nova aba" class="social-icon-tiktok text-decoration-none w-100 h-100 d-block"> <span class="fa-brands fa-tiktok"></span> <span class="visually-hidden">TikTok</span> </a><li class="px-1 d-flex align-self-center"> <a href="https://bsky.app/profile/focoacessivel.com.br" rel="external no-referrer noopener" target="_blank" title="O link do Bluesky irá abrir em uma nova aba" class="social-icon-bluesky text-decoration-none w-100 h-100 d-block"> <i class="fa-brands fa-bluesky"></i> <span class="visually-hidden">Bluesky</span> </a></ul></div></footer><button type="button" data-bs-toggle="modal" data-bs-target="#support" class="text-decoration-none text-white btn-support btn btn-primary z-3 text-uppercase"><div class="pulsaDelay">Quer ajudar o<br> <span class="fw-bold">Foco Acessível</span>?</div></button><div class="modal modal-lg fade" data-bs-backdrop="static" id="support" tabindex="-1" aria-labelledby="supportLabel" aria-hidden="true"><div class="modal-dialog modal-dialog-scrollable"><div class="modal-content"><div class="modal-header"><h2 class="modal-title fs-5" id="supportLabel">Formas de ajudar o <span class="fw-bold">Foco Acessível</span></h2><button type="button" title="Clique para fechar" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body px-0"><p class="px-3">Existem várias maneiras de apoiar o podcast para que ele continue no ar com conteúdo gratuito, acessível e de qualidade. Toda contribuição ajuda a cobrir os custos com edição, equipamentos e plataformas de distribuição.</p><p class="px-3 pb-4"><strong>Cada ajuda é super importante e faz toda a diferença</strong></p><div class="accordion accordion-flush" id="accordionSupport"><div class="accordion-item"><h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">Contribua com qualquer valor via PIX</button></h3><div id="collapse-1" class="accordion-collapse collapse" data-bs-parent="#accordionSupport"><div class="accordion-body"><div class="row"><div class="col-12 col-lg-8"><p>Para ajudar o podcast, basta <a href="https://nubank.com.br/cobrar/2p5k/681510b3-1ca4-4547-89b3-85e0a5610d00" ><strong>acessar o link</strong></a> e transferir qualquer quantia. Ao fazer isso, você será redirecionado para uma nova aba com o QR code do Nubank!</p><p>Caso você não consigar acessar o link, abaixo disponibilizamos a chave-aleatória para transferência e o QR code.</p><p><strong>Chave-aleatória</strong> <br> Use a chave aleatória abaixo no seu app de banco:</p><div class="mt-3 col-12 rounded-1 p-2 bg-secondary text-truncate text-white">00020126840014BR.GOV.BCB.PIX0136093b198b-6a34-4603-8b80-38a8e13699fe0222Obrigado por colaborar5204000053039865802BR5924Wagner Beethoven Martins6009SAO PAULO62140510leEpb5pJ0V63042541</div></div><div class="col-12 col-lg-4"> <strong class="mt-0 d-block">QR Code</strong> <img style="width: 350px; height: auto" class="d-block img-fluid mx-auto" src="http://focoacessivel.com.br/img/qrcode-nubank.png" alt="Aponte a sua camera para ler o QR Code"></div></div></div></div></div><div class="accordion-item"><h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2"> Doe via PayPal </button></h3><div id="collapse-2" class="accordion-collapse collapse" data-bs-parent="#accordionSupport"><div class="accordion-body"><p>Por meio do PayPal, você pode contribuir com o podcast de diversas formas: uma única vez, através de doações recorrentes mensais ou anuais, e também usando seu cartão de crédito. Clique no botão abaixo para abrir uma nova aba e fazer a sua contribuição!</p><div class="text-center pt-3"> <form action="https://www.paypal.com/donate" method="post" target="_top"> <input type="hidden" name="business" value="2FDL6XFS6PXA2" /> <input type="hidden" name="no_recurring" value="0" /> <input type="hidden" name="item_name" value="Com sua doação, invisto em equipamentos, edição e serviços para o crescimento do podcast!" /> <input type="hidden" name="currency_code" value="BRL" /> <input type="image" src="http://focoacessivel.com.br/img/paypal.png" class="col-12 col-md-6 img-fluid mx-auto" name="submit" title="PayPal – A maneira mais segura e fácil de pagar online!" alt="Doe com o botão PayPal" /> <img alt="Pixel de 1px por 1px utilizado pelo PayPal apenas para monitorar o tráfego" class="border-0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" /> </form></div></div></div></div><div class="accordion-item"><h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3"> Compre na nossa loja </button></h3><div id="collapse-3" class="accordion-collapse collapse" data-bs-parent="#accordionSupport"><div class="accordion-body"><p>Uma forma prática de apoiar o Foco Acessível é comprando na nossa loja online! Tem camisetas, canecas, ecobags, pôsteres e outros produtos com mensagens de inclusão, acessibilidade e diversidade. <br> Parte de cada venda vai para o podcast e para instituições que apoiam pessoas com deficiência.</p><p><i class="fa-solid fa-cart-shopping"></i><span class="ms-2">Acesse a loja agora</span> <a class="button shop-item-link" href="http://umapenca.com/focoacessivel">umapenca.com/focoacessivel</a></p></div></div></div><div class="accordion-item"><h3 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false" aria-controls="collapse-4"> Apoie mesmo sem doar dinheiro </button></h3><div id="collapse-4" class="accordion-collapse collapse" data-bs-parent="#accordionSupport"><div class="accordion-body"><p>Que legal que você quer apoiar de alguma formae ainda assim você pode ajudar MUITO!</p><p>Compartilhe os episódios com amigos, siga nas redes sociais (<span class="support-social social-linkedin"><a href="https://www.linkedin.com/company/focoacessivel">LinkedIn</a></span><span class="support-social social-instagram"><a href="http://www.instagram.com/focoacessivel">Instagram</a></span><span class="support-social social-tiktok"><a href="http://www.tiktok.com/@focoacessivel">TikTok</a></span><span class="support-social social-bluesky"><a href="https://bsky.app/profile/focoacessivel.com.br">Bluesky</a></span>), avalie nas plataformas de podcast e envie sugestões de temas ou convidados, além de feedbacks para o e-mail: <a href="mailto:focoacessivel@gmail.com">focoacessivel@gmail.com</a>.</p><p>Cada forma de apoio é muito valiosa e ajuda o podcast a crescer!</p></div></div></div></div></div><div class="modal-footer border-0"> <button type="button" title="Clique para fechar" class="btn btn-outline-secondary" data-bs-dismiss="modal">Fechar</button></div></div></div></div><div class="offcanvas offcanvas-end " tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel"><div class="offcanvas-header"><h2 class="offcanvas-title h4" id="offcanvasLabel">Links do site</h2><button type="button" title="Fechar menu" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body d-flex flex-column justify-content-between"><div class="paginas"><h3 class="h5 mb-3">Menu do Site</h3><nav id="menu-paginas-off"><ul class="list-group list-group-flush"><li class="list-group-item px-0 item-página-inicial"> <a accesskey="1" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/./" title="Retorne à página inicial"> Página Inicial </a><li class="list-group-item px-0 item-episódios"> <a accesskey="2" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/episodios.html" title="Acesse todos os nossos episódios"> Episódios </a><li class="list-group-item px-0 item-convidados"> <a accesskey="3" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/convidados.html" title="Veja quem já participou"> Convidados </a><li class="list-group-item px-0 item-blog"> <a accesskey="5" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/blog.html" title="Conheça as referências que são faladas nos textos dos nossos episódios"> Blog </a><li class="list-group-item px-0 item-sobre"> <a accesskey="4" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/sobre.html" title="Saiba o que é e quem faz o Foco Acessível"> Sobre </a><li class="list-group-item px-0 item-contato"> <a accesskey="6" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/contato.html" title="Fale conosco"> Contato </a><li class="list-group-item px-0 item-loja"> <a accesskey="7" class="nav-link p-0 text-muted" href="http://focoacessivel.com.br/loja.html" title="Ajude o Podcast"> Loja </a></ul></nav><ul class="socials py-5 fs-4 d-flex justify-content-around"><li class="px-1 d-flex align-self-center"> <a href="https://www.linkedin.com/company/focoacessivel" rel="external no-referrer noopener" target="_blank" title="O link do LinkedIn irá abrir em uma nova aba" class="social-icon-linkedin text-decoration-none w-100 h-100 d-block"> <span class="fa-brands fa-linkedin"></span> <span class="visually-hidden">LinkedIn</span> </a><li class="px-1 d-flex align-self-center"> <a href="http://www.instagram.com/focoacessivel" rel="external no-referrer noopener" target="_blank" title="O link do Instagram irá abrir em uma nova aba" class="social-icon-instagram text-decoration-none w-100 h-100 d-block"> <span class="fa-brands fa-instagram"></span> <span class="visually-hidden">Instagram</span> </a><li class="px-1 d-flex align-self-center"> <a href="http://www.tiktok.com/@focoacessivel" rel="external no-referrer noopener" target="_blank" title="O link do TikTok irá abrir em uma nova aba" class="social-icon-tiktok text-decoration-none w-100 h-100 d-block"> <span class="fa-brands fa-tiktok"></span> <span class="visually-hidden">TikTok</span> </a><li class="px-1 d-flex align-self-center"> <a href="https://bsky.app/profile/focoacessivel.com.br" rel="external no-referrer noopener" target="_blank" title="O link do Bluesky irá abrir em uma nova aba" class="social-icon-bluesky text-decoration-none w-100 h-100 d-block"> <i class="fa-brands fa-bluesky"></i> <span class="visually-hidden">Bluesky</span> </a></ul></div><div class="newsletter" id="newsletter"><h3 class="h5 mb-3">Newsletter</h2><p class="mb-5 ">Receba as novidades do Podcast no conforto do email. <a class="d-inline-block fw-semibold" href="http://focoacessivel.com.br/newsletter.html">Assine aqui.</a></p></div><div class="platforms"><h3 class="h5 mb-3">Plataformas</h3><nav id="menu-plataformas-off"><ul class="list-group list-group-flush"><li class="list-group-item px-0"> <a href="https://music.amazon.com.br/podcasts/9d5a371f-7ea8-4ba1-b558-416e4337591e/foco-acessível" class="text-decoration-none" title="Assine no Amazon Music - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/amazon-music.svg" height="32" width="32" alt="Logo do Amazon Music"> Amazon Music </a><li class="list-group-item px-0"> <a href="https://www.subscribeonandroid.com/anchor.fm/s/e14f7d9c/podcast/rss" class="text-decoration-none" title="Assine no Android - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/android.svg" height="32" width="32" alt="Logo do Android"> Android </a><li class="list-group-item px-0"> <a href="https://podcasts.apple.com/us/podcast/foco-acessível/id1690286033" class="text-decoration-none" title="Assine no Apple - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/apple.svg" height="32" width="32" alt="Logo do Apple"> Apple </a><li class="list-group-item px-0"> <a href="https://www.deezer.com/pt/show/6060897" class="text-decoration-none" title="Assine no Deezer - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/deezer.svg" height="32" width="32" alt="Logo do Deezer"> Deezer </a><li class="list-group-item px-0"> <a href="https://open.spotify.com/show/4D6HigcXDCdNuCXxrkStWL" class="text-decoration-none" title="Assine no Spotify - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/spotify.svg" height="32" width="32" alt="Logo do Spotify"> Spotify </a><li class="list-group-item px-0"> <a href="https://www.youtube.com/@focoacessivel?sub_confirmation=1" class="text-decoration-none" title="Assine no Youtube - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/youtube.svg" height="32" width="32" alt="Logo do Youtube"> Youtube </a><li class="list-group-item px-0"> <a href="https://music.youtube.com/playlist?list=PLn1lr_3QMgomQCLIbbcg-TVB_SRkc7aKb" class="text-decoration-none" title="Assine no Youtube Music - nova aba" rel="noopener noreferrer"> <img class=" me-2" src="http://focoacessivel.com.br/img/platform/youtube-music.svg" height="32" width="32" alt="Logo do Youtube Music"> Youtube Music </a></ul></nav></div><div class="creative-commons mt-5 position-relative d-flex justify-content-center"> <a href="https://creativecommons.org/licenses/by-nc/4.0/deed.pt-br" class="text-center text-decoration-none"> <img src="http://focoacessivel.com.br/img/cc-icons.svg" class="mb-3 d-block mb-2 mx-auto" alt="Creative Commons" aria-describedby="descricao-detalhada-cc"> <span id="descricao-detalhada-cc" class="visually-hidden">3 ícones circulares, no 1º duas letra C, no 2º uma figura de uma pessoa em pé, 3º cifrão com uma barra diagonal</span> <small>CC BY-NC 4.0 Deed<br>Atribuição-NãoComercial 4.0 Internacional</small> </a></div></div></div><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script> <script async src="https://static.addtoany.com/menu/page.js"></script> <script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script> <script src="http://focoacessivel.com.br/main.js"></script>