Como melhorar a acessibilidade em modais.
O Link Canônico melhora os sinais de ranking de conteúdos diferentes, que podem ter suas referências relacionadas à uma página específica.
Você não pode (e não deve) ser o único responsável em falar sobre acessibilidade dentro de uma empresa, mas você pode (e deve) fazer parte dessa equipe.
Iniciativa nasce com um movimento apoiado por diversas entidades, empresas, influenciadores e indivíduos que querem sites acessíveis para qualquer pessoa.
O HaTeMiLe é uma biblioteca que utiliza os Padrões Web para resolver problemas de acessibilidade. Entenda melhor como ela funciona.
O Todos@Web vai além de uma premiação. É um reconhecimento das boas práticas de acessibilidade e uma forma de receber feedback gratuito de especialistas em acessibilidade sobre seu projeto.
Motivações ao desenvolvimento acessível.
Há 5 anos atrás eu escrevi aqui no Tableless um artigo falando um pouco sobre acessibilidade na web. Cinco anos se passaram e os motivos para se ter esse cuidado ao desenvolver sua aplicação não mudaram, mas novas ferramentas surgiram para que você atenda cada vez mais às demandas dessa parcela da nossa sociedade que tem tanto direito de usufruir de seu website quanto as pessoas sem deficiência alguma.
Conheça o seu público, personalize seu conteúdo e ofereça uma experiência focada no tempo aos usuários do seu site.
É sempre difícil apontar o erro de alguém. Ainda mais para pessoas que não aceitam críticas. Porém, é preciso olhar para nós mesmos para corrigir nossos problemas.
Técnicas que podem resolver vários problemas que desenvolvedores web enfrentam, caso não utilizem a atributo <strong>ALT</strong> corretamente.
Entenda porquê não usar tantos H1 e como funciona o fluxo de outline do HTML.
Participe do momento máximo da acessibilidade Web no Brasil. Assista a cerimônia de premiação do Todos@Web. Inscreva-se! A entrada é gratuita.
Se você desenvolve websites acessíveis, essa é a sua chance de ter o trabalho reconhecido no Prêmio Todos@Web
Como múltiplos H1 dentro de sections impactam a acessibilidade da sua página
Saiba como você pode aumentar a acessibilidade da sua página de um jeito fácil com WAI-ARIA.
Um pensamento sobre organização de informação.
Entenda como o uso do CSS influencia a acessibilidade dos seus projetos web.
Os favicons são pequenos mas indispensáveis. Entenda como eles funcionam e quais as melhores práticas.
Schema são tags padrões que foram adicionadas ao HTML afim de facilitar o entendimento de determinada informação pelos buscadores.
Entenda como funciona e como fazer um email marketing responsivo.
Melhorando a experiência do usuário não mascarando o password em mobiles.
Microdados dando mais significado à informação.
Web Index - Indicadores de qualidade da Web no mundo todo.
Entenda mais sobre as duas unidades prediletas pelos desenvolvedores.
Além da grande barreira de acessibilidade, já que os CAPTCHAs tradicionais não costumam ser acessíveis, novas modalidades de CAPTCHA mais difíceis vem sendo criados para evitar que robôs consigam acessar seus formulários.
Você poderá manipular o viewport diretamente do seu código CSS.
Um mundo atrás do seu óculos.
Tenho um grande amigo que sonhava ser piloto de avião. Porém, seu sonho de pilotar acabou quando, aos trinta anos de idade, ele descobriu que tinha um grau de daltonismo que o impediu de continuar o treinamento.
Entenda como o Schema pode ajudar a auxiliar o vocabulário de marcação de dados em páginas web.
O que podemos fazer para mudar a realidade da acessibilidade no desenvolvimento de sites no Brasil? Participe.
Entenda melhor sobre densidade de pixels em aparelhos como o iPhone 4 e outros dispositivos que carregam Android.
Um pouco sobre acessibilidade.
Será que todo mundo precisa de um design responsivo? Você pode não estar dando atenção para o que realmente importa.
Como você se encaixará em um futuro onde o termo browser não existe mais?
Google lança Style Guide para desenvolvedores Android.
O conteúdo online pode ser acessado no mundo inteiro, não importa seu idioma. Para tanto o idioma deve ser declarado corretamente para que os meios de acesso entreguem o conteúdo da melhor forma possível.
Existem mais pessoas utilizando Apps para acessar conteúdo do que Browsers.
WebIntents: sistemas web falando a mesma língua.
Estamos prestes de presenciar uma invasão eletrônica de dispositivos de todos os tamanhos e utilidades em conjunto com aplicações onipresentes.
A nova usabilidade procura trazer abordagens para lidar com os novos desafios para o desenvolvimento de aplicações baseadas em tecnologias emergentes, como dispositivos móveis.
A usabilidade não pode se focar apenas para desktops e notebooks, mas para dispositivos emergentes, que são utilizados hoje e os que ainda irão surgir.
A experiência do usuário precisa ser a melhor possível independente do meio de acesso utilizado.
Como montar formulários quando você é o responsável pelo código e design.
Alguns browsers não aceitam as novas features de CSS3 e HTML5. Saiba como detectá-los e tratá-los com a biblioteca Modernizr.
Responsive Web Design é um nome bonito para um conceito antigo. Hoje seus usuários utilizam diversos dispositivos e meios de acesso para encontrar informação. Saiba como podemos entregar informação de forma eficaz e inteligente.
Entenda como você não fará mais estruturas com a propriedade float.
Aprenda a manipular o viewport de mobiles e outros dispositivos com a metatag Viewport do HTML.
A preocupação com acessibilidade tem aumentado gradativamente a cada nova versão do HTML e CSS, em vista de atender cada vez mais os usuários que possuem alguma deficiência.
Customizar links do site pode ser algo rápido e útil para o seu visitante. Fazemos essa customização com a ajuda dos seletores complexos, onde conseguimos filtrar e selecionar links específicos de acordo com o valor do HREF.
Aprenda a planejar e analisar seu website antes de colocar a mão na massa - quer dizer, no código.
Voltamos a Xangri-lá, para entender como as coisas funcionam. Veja como aplicar o Progressive Enhancement criando e customizando metodologias de trabalho. As expectativas e considerações do cliente geram o design e a funcionalidade de sua aplicação.
Progressive Enhancement, Graceful Degradation e um horizonte perdido que precisa ser encontrado no desenvolvimento web
Minimizar a quantidade de informações e o esforço de interação com os elementos de interface. Estes são os princípios-chave que para que websites possam ser utilizados da melhor forma em dispositivos móveis.
Dando continuidade a nossa série sobre acessibilidade, confira algumas dicas para desenvolver sites dinâmicos tendo um mínimo de cuidado com screen readers e navegadores com JavaScript desabilitado.
Ao ler este título talvez você esteja se perguntando: “mas se ele já foi publicado, já pode ser acessado por todos, certo?!” e a resposta mais correta é: “depende”. Que tal entender melhor o que significa acessibilidade na web?
