Geralmente ambos possuem comportamentos similares quando renderizados no navegador.
Se eu abrir um HTML com isto:
<input type="text" value="tente me alterar" disabled>
<input type="text" value="tente me alterar" readonly>
Ambos não permitem que o usuário altere o texto, vejo o exemplo abaixo:
<input type="text" value="tente me alterar" disabled>
<input type="text" value="tente me alterar" readonly>
Então, qual a diferença de fato entre os dois tipos de estados, e quando eu devo usar cada um deles?