Пользовательское сообщение в доступности

Question

Ниже приведен фрагмент кода для переключателя. Требование - программа чтения с экрана должна читать ее как «Для страхового покрытия в размере 75 000 долларов, ежемесячная премия составляет 29,80 доллара США. Радио-кнопка. "

<input class="form-input" type="radio" id="rb_0" name="insuranceOptionTab1" value="3"> 
<label class="form-label" for="rb_0"><span class="bold-one-click">$75,000</span> | $29.80</label> 

Есть ли способ, которым я могу реализовать пользовательское сообщение в доступности.

Answer 1

You can use the aria-describedby property to read the custom message to the user when using screen reader.. 

Nice example explained in the link 
http://www.oaa-accessibility.org/examplep/checkbox1/ 

use the class .offscreen to hide the content from displaying the content on the screen 

.offscreen { 
    position: absolute; 
    left: -200em; 
    top: -20em; 
}