Um front-end acessível vai muito além de um projeto bonitinho responsivo ou que funcione em diversos dispositivos. Mas sim, um projeto inclusivo focado na experiência do usuário.

Recentemente foi recebido o desafio de tornar o portal da TotalAcesso mais acessível e inclusivo. Para tornar isso possível foi necessário levantar algumas questões:

  • Por que é importante ter um site/produto acessível?
  • É possível um projeto com o front-end em Angular acessível?
  • Quais as ferramentas devo utilizar?
  • Por onde começar?
  • O que é WAI-ARIA?
  • A semântica realmente importa?
  • Como consigo validar se o projeto realmente está acessível?
  • O que é o selo de…


A alguns meses tenho visto a comunidade se movimentar sobre essa feature que já é suportada pela maioria dos navegadores. E então decidi estudar um pouco sobre ela e tive a oportunidade de colocar em prática em um projeto que desenvolvi na empresa em que trabalhava.

Uma das coisas mais interessantes que achei foi a forma um pouco diferente de escrever o css por ele ser bidirecional ou seja é possível trabalhar com o conceito de linhas e colunas.

Vou conceituar algumas coisas aqui e depois pretendo escrever mais sobre esse assunto, caso tenham alguma dúvida, sugestão, correção ou crítica…


E ai pessoas, o post de hoje vou tirar uma dúvida que com certeza é ou já foi a dúvida de muitos…
Obs: essa não é a única nem a melhor maneira de fazer

O label flutuante no input serve para resolver uma questão de usabilidade pois se utilizarmos o input somente com o placeholder teremos um problema que considero sério:
Imagine a situação comum em que o usuário começar a digitar num campo de texto por exemplo, o placeholder vai sumir ficando apenas o texto digitado no input. …


A tecnologia tem um papel importante como meio de difundir e propagar o conhecimento, o professor fará o papel de intermediador, facilitando e estimulando a busca do conhecimento.

Para que o uso das TICs tenha efeito positivo faz-se necessário mudança nas metodologias do ensino e na forma de pensar por parte dos educadores, pois muitos deles ainda tem resistência ás tecnologias, sendo assim é preciso que as escolas de modo geral tenha o cuidado de capacitá-los para que possam compriender a importancia e a real necessidade de evoluir, tornando a sala de aula mais didática e estimulando os alunos buscarem…


EDC287 — Diversidade Cultural e Tecnologias

Países pobres geralmente tem um baixo conhecimento da cultura tecnológica, non geral fazem o uso de equiparamentos tecnológicos de forma aleatória geralmente usando a intuição.

A cultura tecnologia foi de fundamental importância para o setor de comunicação pois trouxe facilidades e o surgimento das redes de comunicação que facilitou a troca de dados e informações de forma dinâmica e em tempo real, a exemplo dos satélites de transmissão e da tão utilizada internet. Com isso o usuário, tem mais possibilidades de acesso a cultura que em gerações ou décadas passadas.

Portanto é preciso que seja repassado para também os menos favorecidos o conhecimento de como utilizar os meios tecnológicos para facilitar o acesso a cultura.


é a utilização da tecnologia para se conectar aos espaços virtuais, os costumes que surgem ao decorrer do contato com as tecnologias.

Essa forma de cultura só foi possível com o surgimento da internet e de tecnologias digitais.

Com a cibercultura surgem os ciberespaços que são ambientes virtuais que não se limitam ao “espaço físico”, pois indivíduos de diferentes partes do mundo podem se comunicar, interagir e se relacionar.


A internet tem um papel fundamental para a difusão e propagação do conhecimento, facilitando assim a aprendizagem coletiva, pois se utilizada no meio educacional através dos blogs fortalecerá os laços entre docentes, academia e estudantes.

O Blog expressa as ideias, sentimentos e saberes do autor e também é um espaço muito importante para debates utilizando os comentários os usuários podem interagir diretamente com os demais usuários e com o autor do texto.

Ainda no âmbito educacional os blogs é fundamental para a divulgação e projetos e como fonte de conhecimento.


Pela definição de forma genérica o hipertexto seria um conjunto ou blocos de informação ou partes de um texto principal. Com o avanço das tecnologias ligadas a comunicação o hipertexto pode ser qualquer tipo de mídia sendo ela, imagens, sons, vídeos e textos que estão conectados. Em resumo são blocos de conteúdos diversos interligados pela rede.

um bom exemplo de hipertexto são os artigos publicado em um blog que na postagem contem referencias a outros artigos e/ ou outros tipos de mídia tendo como principal função expandir a informação do texto principal.

O hipertexto é um formato de texto interativo…

Cassio Dourado

Desenvolvedor front-end, gosto por fotografia e culinária. Um cara que normalmente toma mais café que água…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store