Можно ли динамически задавать замещающий текст изображения?

У меня есть вопрос о том, как заставить динамически устанавливаемые изображения соответствовать стандартам доступности.

Технически можно установить замещающий текст изображения с помощью JavaScript. Однако, когда я «просматриваю источник» страницы, на которой это делается, замещающий текст не отображается как фактический атрибут изображения. Если я устанавливаю атрибут title с помощью JavaScript, всплывающая подсказка работает, показывая, что для браузера атрибут title установлен.

Итак, увидит ли программа чтения с экрана или другой метод, который слепой человек будет использовать для чтения страницы, замещающий текст, установленный в JavaScript?

Вот пример:

<html>
    <script>
function set_image_properties(){
document.getElementById("image").src = "http://www.premiumbeat.com/blog/wp-content/uploads/2012/12/free.jpeg";
document.getElementById("image").alt = "free";
document.getElementById("image").title = "free";
}
    </script>
    <body onload="set_image_properties()">
        <img id="image"/>
    </body>
</html>

javascript accessibility alt
person abalter    schedule 24.11.2013    source источник
comment
Инструменты разработчика нуждаются в обновлении, закройте и откройте инструмент разработчика, чтобы увидеть alt   -  person Praveen    schedule 24.11.2013

Ответы (1)


arrow_upward
4
arrow_downward

Пока на устройстве, открывающем вашу страницу, включен Javascript, пользователь увидит эффект. Однако это не будет работать, например, для сканеров поисковых систем.

person Krasimir    schedule 24.11.2013