Будет ли свойство CSS «непрозрачность» скрывать содержимое от программ чтения с экрана только если оно равно 0?

Question

Мне нужно знать, могу ли я использовать opacity: 0.01 для скрытия своего контента визуально. Мне нужно добавить контент при прокрутке, но если я добавлю opacity: 0, я не уверен, как это повлияет на программы чтения с экрана и SEO. Анимация отлично работает с 0,01 в качестве значения.

Кто-нибудь из вас знает ответ на этот вопрос? Спасибо

Answer 1

Если я добавлю непрозрачность: 0, я не уверен, как это повлияет на программы чтения с экрана и SEO.

При добавлении opacity: 0.01 (или 0) без aria-hidden="true" ваша страница не будет работать 1.4.3 Контраст (минимум): визуальное представление текста и изображений текста имеет коэффициент контрастности не менее 4,5: 1

Так что нет ответа на ваши нужды. Если вы решили скрыть от экрана, вы должны скрыть его от программ чтения с экрана.

Answer 2

Большинство программ чтения с экрана пропускают контент с opacity: 0 Если вы хотите, чтобы ваш сайт был доступен, я не могу использовать это свойство CSS для загрузки своего контента. Вот почему я подумал, что, возможно, opacity: 0.01 сработает. Но я не могу найти документацию об этом нигде. Спасибо за ответы относительно SEO.

Answer 3

Как правило, CSS не влияет на программы чтения с экрана. Единственные исключения:

• Дисплей: нет
• видимость: скрытый
• : до и после псевдоэлементов
• ( edit ) высота: 0 или ширина: 0 (некоторые комбинации программ чтения с экрана / браузера игнорируют элементы с размером 0, но не все из них)

Первые два скроют элементы из программы чтения с экрана. Последний может потенциально добавить текст к «доступному имени». См. Шаг 2.F.ii в « Доступное имя и описание вычисления 1.1 ».

Непрозрачность игнорируется программами чтения с экрана. Это только изменяет внешний вид элемента и не удаляет его из DOM. Вы можете установить его на 0, и программа чтения с экрана все равно будет читать элемент.

Большинство программ чтения с экрана пропускают контент с непрозрачностью: 0

Я не уверен, откуда ты это взял. Я никогда не видел элемент с opacity:0, пропущенным программой чтения с экрана.

Answer 4

Когда вы ставите недвижимость

Непрозрачность: 0

, все, что происходит, это то, что он все еще там, то есть в коде, в действительности он все еще занимает место, которое он должен, его можно использовать для щелчка мышью, все эффекты наведения будут работать нормально и т. Д. Следовательно, это никак не влияет на SEO или программы чтения с экрана.

Видимость: скрыт

немного отличается от непрозрачности, потому что не принимает события щелчка. Отображение: ни один полностью не удаляет его из кода (хотя не DOM), и это повлияет на SEO и программы чтения с экрана, но это методы SEO, которые постоянно обновляются Google, Bing и т. Д. Следовательно, свойство display может влиять или не влиять на SEO, тем не менее, вообще не рекомендуется использовать такие методы. Вы можете дать элемент

Непрозрачность: 0,01

и затем вернитесь к 1 без проблем.