Oi.
Hoje vamos falar sobre o
processo muito importante, mas muitas vezes negligenciado de validar seu site.
O que quero dizer com isso é que é hora de checarmos seu código.
Então, por que queremos validar?
Gosto de chamar navegadores os pais de helicópteros da programação.
Então muitas vezes você vai escrever seu código e então você vai parar e
você vai verificar e parece ótimo.
E depois escreves mais um código e paras e verificas.
E parece ótimo.
E pelo simples fato de que parece tão bom, você assume que deve estar certo.
Mas o problema p é que os navegadores são programados para procurar
seus erros e corrigi-los.
O problema com isso é que, nem todos os navegadores corrigem as coisas da mesma maneira.
Também é importante lembrar que nem todos estão acessando sua
página com navegadores tradicionais.
Assim, à medida que sua página se torna mais complexa, esses pequenos problemas escondidos,
esses pequenos erros escondidos que os navegadores estão escondendo, podem se tornar
devastadores para as pessoas que estão tentando acessá-los com software diferente.
Portanto, existem 3 abordagens para validar seu código para consistência.
Uma delas é validar o que chamamos de URI ou URL.
Outra é validar pelo nome do seu arquivo, o que significa que, em vez de lhe dar o URL,
você pode realmente fazer o upload do seu arquivo para verificá-lo.
O terceiro caminho é o que eu chamei por Direct Input.
Então, vamos em frente e percorrer um exemplo muito rapidamente.
Neste lado eu vou usar é chamado de validador.
Tudo bem.
Então, se você verificar aqui, podemos começar indo para o validator.w3.org.
Como você pode se lembrar, o w3 é realmente a associação
para tentar garantir que todos seguem os mesmos padrões.
E aqui estão três opções.
Podemos validar por URI, o validar por upload de arquivo, e
o validar por entrada direta.
Agora, esta é uma escolha um pouco importante.
Porque para alguns de vocês, você pode não decidir comprar um sistema de hospedagem,
caso em que você não pode dar uma URL.
Você não pode digitar C://ele
simplesmente não funciona quando você coloca qualquer coisa que é específico para o seu computador.
Então, em vez disso, eu vou mostrar a vocês um exemplo de validação por entrada direta.
Então vamos começar olhando para a página que vamos validar.
Aqui eu tenho minha pequena foto de Ashtabula com a praia.
E como você pode ver, parece muito bom,
você não vê nenhum problema com isso como você tipo de ir e voltar.
Mas vamos ver o que aconteceu quando eu realmente pegar todo esse código.
Então, se você quiser esse atalho, isso funciona para quase todos.
Vou seguir em frente e fazer o Control-A e Control-C.
Volte aqui e quando eu colocá-lo e
clique em cheque, assim que eu começar a descer você pode ver que isso parece bom.
Logo ele diz que você tem um erro e esse erro diz tag final perdida, e
isso é para uma seção.
Na maioria dos casos, os validadores podem dar uma
pista sobre qual linha você estragou, então vamos voltar e verificar o código.
Quando eu for para cá e descer para a linha 25.
Oops.
Suba um pouco aqui.
Não, ainda não há nada lá.
Tem filas muito longas.
Oh, o validador está certo.
Como você pode ver, eu acidentalmente coloquei seção duas vezes.
O que eu realmente quis dizer era ter uma seção final aqui e uma seção inicial aqui.
Então vamos em frente e nos livrar disso.
Eu vou salvar, eu vou agarrar tudo novamente e vamos tentar acima colocando em uma nova entrada.
Na verdade, vou refrescar-me.
Volte aqui.
E vamos ver se tenho mais sorte desta vez.
Bom, bom.
Sem erros ou aviso para mostrar, então eu vou apenas ir em frente e
colocar minha página de volta lá fora.
Então esta é realmente apenas a maneira mais simples de entrar e
certificar-se de que a sintaxe do seu código está correta.
Agora, eu meio que te dei um exemplo realmente simples onde eu só tinha um erro.
O que normalmente vai acontecer é que vai gerar muitos e
muitos erros.
E o que eu quero é ter certeza de que você não surte quando você vê todos
eles.
A razão é que o erro é o que chamamos de propagação.
O verificador fica confuso.
Quando você vê um erro na parte superior, ele meio que leva a um monte de erros.
Então o que você quer fazer,
é sempre corrigir o primeiro erro que o validador viu.
Depois de corrigir isso, há uma boa chance de
que os 52 erros detectados tenham caído para 12 ou 11.
Agora, há também a chance de que uma vez que você corrija um erro,
ele vai ser capaz de ver que você tem mais 20 ou 30.
Mas, novamente, trabalhe nisso passo a passo.
Se o erro que o validador dá a você não é tão claro quanto o que eu acabei de ver,
o que você pode fazer é pesquisar online e nos diferentes fóruns.
Porque posso garantir que outras pessoas já viram os mesmos erros antes.
Então o que você quer fazer agora, na verdade vamos voltar aqui, é ir em frente e
tentar validar arquivo por URI.
Escolha o seu site favorito e vá em frente e digite-o.
Eu vou ir em frente e colocar em, não o meu próprio porque eu tenho certeza que ele valida.
Vou colocar em http://www.umsi.umich.edu, para que
meu chefe possa ficar bravo comigo quando eu mostrar que seu site potencialmente não valida.
Imediatamente você pode ver que' ele vai encontrar um monte de erros.
Não importa qual site você coloque, especialmente se for um site muito popular,
você verá que há muitos erros nesse tamanho,
os sites não validam.
Vamos nos certificar de que seus sites são melhores do que os deles.
Portanto, uma coisa é validar para o que chamamos de sintaxe.
Outra questão é validar para o que chamamos de acessibilidade.
Mais uma vez, falamos sobre como é importante garantir que
seus sites estejam acessíveis ao maior número de pessoas.
Então, um dos lugares que você pode ir para verificar é wave.webaim.org, e
é um site para você ir e validar sua acessibilidade.
Então vamos dar uma olhada nisso de novo.
Eu vou até aqui, e eu vou acenar, tenho acessibilidade na web.
O que você precisa fazer aqui é, você não pode carregar seu código por arquivo,
ou apenas pelo código em si, você precisa colocar em um URL.
Então eu vou em frente e ir para o mesmo que fizemos antes que
era as praias.
E coloque-o aqui.
E você pode ver que eu não tive nenhum erro, mas eu recebi um par de alertas.
E os alertas estavam simplesmente me dizendo isso.
Não tenho certeza se seu texto alternativo é tão bom quanto deveria ser.
E também, outro ponto é dizer que você tem o mesmo, um link redundante, o
que significa que você tem o mesmo link duas vezes.
Então, agora tudo parece bom, tanto quanto a sintaxe e
o nível muito alto de acessibilidade para a semântica.
Então, uma das coisas boas sobre a validação de acessibilidade é que ela
dá a você uma idéia de coisas que você realmente não pensou antes, mas
a desvantagem é que ele só funciona em páginas hospedadas.
Assim, os sites validados são sempre mais robustos e
mais acessíveis do que os sites que não validam.
Então, como codificador, é seu trabalho garantir que você vá a esses
diferentes sites de validação e corrija seu código para estar de acordo com os padrões.
Se você não está codificando, também é importante que você visite os sites
que você vai regularmente e vá em frente e validá-los.
Dando a você uma noção real das diferentes maneiras, as pessoas sentem a importância ou
não de tornar seu site acessível a todos.
Boa sorte.