Img src: Атрибут src | htmlbook.ru

Вот несколько примеров того, что вы можете увидеть в консоли, когда загрузка изображений заблокирована политикой CSP с набором политик default-src :

отказался загрузить изображение, потому что оно нарушает следующую директиву политики безопасности контента: «default-src 'none'». обратите внимание, что img-src не был задан явно, поэтому в качестве запасного варианта используется default-src.

отказался загружать изображение «http://localhost:8080/favicon.ico», поскольку оно нарушает следующую директиву политики безопасности контента: «default-src 'none'». обратите внимание, что img-src не был задан явно, поэтому в качестве запасного варианта используется default-src.

Browser Support for

CSP Level 1

Supported On:

Chrome 25+ (2013)

Firefox 23+ (2013)

Safari 7+ (2013)

Edge 12+ (2015)

Не поддерживается в:

Internet Explorer

Директива CSP img-src является частью спецификации политики безопасности содержимого с момента ее первой версии (CSP уровня 1).

Internet Explorer 11 и более ранние версии не поддерживают CSP директива img-src . Это означает, что IE11 просто проигнорирует политику и разрешит загрузку изображений из любого места (как если бы политика вообще не была установлена).

Полевое руководство для разработчиков CSP

Хотите узнать все тонкости CSP? Возьмите копию CSP Developer Field Guide . Это краткое и приятное руководство, которое поможет разработчикам быстро освоиться.

Получить копию

Пытаетесь быть в курсе рекомендаций по безопасности?

Advisory Week — это еженедельный обзор всех рекомендаций по безопасности, публикуемых основными поставщиками программного обеспечения.

Правильно используйте атрибуты alt для всех изображений

Главное меню  

• Главная страница
• О
• Организация  
• Инициативы

• UCOP >
• Операции UC >
• ИТС >
• Электронная доступность >
• Веб-разработчики >
• Правильно используйте атрибуты alt для всех изображений.

Вызов
Слепые люди обычно используют программы чтения с экрана или устройства Брайля, которые «читают» текст на веб-страницах. Когда эти устройства сталкиваются с нетекстовым элементом, с которым не связан «альтернативный» текст, пользователь не может узнать, что представляет собой этот элемент, или важен ли он для содержимого страницы. Предоставьте текстовые описания нетекстовых элементов на странице, чтобы передать значение элемента пользователю. Добавление альтернативного текста к нетекстовым элементам также поддерживает людей, которые используют говорящие браузеры, текстовые браузеры или браузеры на небольших устройствах.

Нетекстовые элементы обычно представляют собой изображения (как определено с помощью тега