this whole chapter of Learning Accessibility by Building a Quiz is actually pretty new to me... even though I already finished building a survey page from before

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

span[class~="sr-only"] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
-webkit-clip-path: inset(50%);
height: 1px;
width: 1px;

position: absolute;
overflow: hidden;
white-space: nowrap;
padding: 0;
margin: -1px;
}
this one is from pseudo selector lesson by building a balance sheet