Скрытие текста по ссылке

Question

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

Обратите внимание на тех, кто собирается наброситься на меня ссылками на другие статьи и скажите, что это повторяющийся вопрос: я просмотрел этот сайт и сеть в целом и прочитал решения (и решениями, которые я имею в виду в основном хаки) придумал. То, что большинство людей, кажется, делает (или делали до недавнего времени), было -9999px взломом. Также популярным является/был обертывание текста в промежутке и выполнение чего-то вроде this или visibility: hidden.

Теперь, я лично считаю, что «скрывается» текст будет действительно иметь смысл только в первую очередь, если она была спрятана динамически, т.е. отображается только в случае, если фоновое изображение не загружается (по любой причине). Тем не менее, все «решения», которые я нашел, эффективно удаляют текст полностью или, по крайней мере, скрывают его постоянно, поэтому даже если фоновое изображение не загружено, текст все равно не будет отображаться.

Так вот мои вопросы:

1. Почему бы один хотят иметь текст, а затем постоянно скрывать его вообще? Почему бы просто не оставить якорь пустым - т. Е. Просто не вставлять в него текст - и только изображение отображается? Зачем нужен текст, а затем через головную боль, чтобы выяснить, как скрыть это? В чем смысл? Я что-то упустил?

2. Теперь, когда у нас есть CSS3, существуют ли реальные, не хакеры, динамические способы скрыть текст при отображении фонового изображения и при появлении текста, когда изображение по какой-либо причине не загружается? Я не мог найти никаких ресурсов, поэтому я предполагаю, что это не поддерживается, но, возможно, один из вас, ниндзя, знает лучше?

Answer 1

Есть разные возможности, почему это сделать:

1. Поисковики сканируют сеть, а также собрать материалы, которые визуально скрыты. Сайт становится лучше с точки зрения семантики и имеет более высокий ранг страницы.

2. Многие люди с ослабленным зрением полагаются на контент, который читается ими на экране. Иногда текста в alt-tag просто недостаточно. Фоновые изображения даже не имеют такого тега.

Для вашего второго вопроса: Для меня не существует никакого известного способа проверить, если фоновое изображение успешно загружен и также показана (совершенно другая история!). CSS только стилирует содержимое в соответствии с определенными правилами. Может быть javascript-способ сделать это, но, на мой взгляд, это не стоит того, потому что в основном этот текст не является резервным. Это имеет другую цель, как указано выше.