Chat[1] - Tecnologia - Hoje às 20:30 (depois do chat do Thiago) - HTML do app do jogo
comentada em 07/02/2020 11:55

Vou participar!

E aí, pessoal. Mandem feedbacks sobre o formato do chat. Pessoal que comentou lá disse que tá legal assim. Se a maioria concordar na próxima semana a gente faz num formato parecido mas dando uma base de CSS antes de estilizar a aplicação. 

Ontem eu assisti ao vivo até a queda haha, depois tive que sair. Tô ouvindo o áudio agora.

Queria fazer uma observação na parte que fala de links e botões (acho que foi na parte que falava de formulários). Na real é possível usar qualquer tag pra fazer qualquer coisa. Dá pra usar um H1 como botão, um span como título e por aí vai.

MAS, a grande importância das tags html está no sentido semântico que elas tem (isso na live você falou em alguns momentos), e um erro extremamente comum - que eu já devo ter cometido 500 mil vezes na vida - é usar uma tag de link (a) como botão (button ou input[submit]).

Já ouvi relatos de uma pessoa cega que não conseguia realizar uma compra num e-commerce famoso. Ele ligou no SAC e a atendente falou pra clicar no botão X, ao que ele respondeu "mas não tem nenhum botão!". E de fato não tinha botão, o que tinha era um link visualmente parecido com botão.

Então a regra que eu uso basicamente é: se o elemento serve pra levar o usuário pra outra url, usa link. Se ele serve pra qualquer outra coisa, usa button

@andre_santos putz, muito bem observado. Não sabia que construir botões a partir de links atrapalhava usuários cegos. Eu até comentei que dava pra criar botões a partir de links quando falei das tags de botão e input como botão. 

Eu tento observar sempre a questão de acessibilidade, de semântica, mas como eu não tenho muita experiência posso acabar cometendo erros como esse de construir um botão com um link.

Agradeço muito essa observação, André. 

Thiago,foi show de bola o chat. Achei bem interessante a abordagem inicial sobre o html. Nunca tive qualquer contanto com essa ferramenta, mas pude entender seus fundamentos básicos.  
Acredito que esse formato é mais proveitoso; breve teoria, seguida de aplicação.

@Luky fico feliz que tenha ficado claro pra quem nunca escreveu uma linha de HTML. 

Então na próxima semana a gente continua nesse ritmo mas com CSS pra só depois estilizar o aplicativo.