O texto .sr-only ainda está visível. Existe um padrão comum para ocultar visualmente o texto para que apenas os leitores de tela leiam. Este padrão é para definir as seguintes propriedades do CSS:

position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;

Use o padrão acima para definir a regra do CSS .sr-only.

Testes:

• Você deve usar o seletor `.sr-only`.
• Você deve dar ao `.sr-only` uma `position` `absolute`.
• Você deve dar ao `.sr-only` uma `width` de `1px`.
• Você deve dar ao `.sr-only` uma `height` de `1px`.
• Você deve dar ao `.sr-only` um `padding` de `0`.
• Você deve dar ao `.sr-only` uma `margin` de `-1px`.
• Você deve dar ao `.sr-only` um `overflow` de `hidden`.
• Você deve dar ao `.sr-only` um `clip` de `rect(0, 0, 0, 0)`.
• Você deve dar ao `.sr-only` um `white-space` de `nowrap`.
• Você deve dar ao `.sr-only` um `border` de `0`.