Modal acessível: o foco entra, não escapa e volta para o botão que abriu
Use dialog com showModal para prender o foco e bloquear o fundo, feche com Esc e devolva o foco ao botão de origem, ou a um ponto lógico se ele sumiu.
Blog
552 artigos. As categorias separam os assuntos; cada página mostra 12.
Botão ou link? Botão faz uma ação, link leva a um lugar
Escolha entre a e button pelo que o elemento faz, troque divs clicáveis e href="#" pelo elemento certo e teste com Tab, Enter, Espaço e clique do meio.
Texto alternativo: quando o alt fica vazio e quando ele precisa contar o fato
Decida o alt de cada imagem pela função dela: vazio na capa que repete o título, o dado no gráfico, o destino no logo linkado. Com exemplos e como testar ouvindo.
Alerta no Prometheus por SLO, testado com promtool
Alertas no Prometheus por orçamento de erro, testados com promtool contra pico, queda e erro parcial, e roteamento do Alertmanager conferido com amtool.
Runbook de queda: o que olhar primeiro e o restore escrito em comandos
Monte runbooks de uma página que alguém sonolento consegue seguir: sintoma na primeira linha, comandos copiáveis, o que é normal, quando parar e quem chamar. Com um exemplo de restore de banco.
Relatório de incidente sem culpado: como escrever um que muda o sistema
Linha do tempo, impacto, fatores que contribuíram e ações com dono e prazo. Um modelo de postmortem que procura o que o sistema permitiu, não quem apertou a tecla.
ADR na prática: registre a decisão de arquitetura e a alternativa que perdeu
Um modelo curto de registro de decisão (contexto, decisão, alternativas, consequências) guardado no repositório, para o time não refazer o mesmo debate daqui a seis meses.
Deploy na sexta à noite: como definir uma janela de deploy que o time respeita
Defina quando subir mudança, quando congelar e como liberar exceção com responsável acordado, e coloque a regra no pipeline para ela não depender da coragem de ninguém.
README que sobe o projeto no primeiro dia, e continua certo um ano depois
A estrutura de README que leva quem nunca viu o repositório até a página funcionando, e o truque para ele não envelhecer: o mesmo comando roda no CI.
Teste flaky: por que rerodar o CI piora tudo e o que fazer no lugar
Como medir a instabilidade de um teste, tirá-lo da trava do merge sem esquecê-lo e achar a causa real: tempo, ordem, recurso compartilhado ou espera mal feita.
Cobertura de 100% sem assert: como saber se o teste verifica alguma coisa
Entenda o que a cobertura mede, ache testes que executam sem afirmar nada e use mutação, manual ou com ferramenta, para medir se a suíte pega bug.
Mock que mente: teste verde, produção vermelha e o teste de contrato que evita
Use dublê para isolar a sua regra e um teste de contrato com resposta real gravada para descobrir quando o fornecedor muda antes do cliente descobrir.