текст, который существует, только если включен CSS

Question

У меня есть веб-сайт, на котором я предоставляю всплывающие подсказки для определенных вещей, используя скрытый тег <span> и Javascript для отслеживания различных событий мыши. Работает отлично. Этот сайт в некоторой степени ориентирован на людей с проблемами зрения, поэтому я стараюсь максимально ухудшить положение вещей, если нет Javascript или cCSS, и в целом я бы сказал, что он успешен в этом отношении.

Итак, мой вопрос: возможно ли, чтобы эти <span> существовали только при использовании CSS? Я думал о написании всплывающих подсказок в Javascript при загрузке документа. Но мне было интересно, есть ли лучшее решение.

Answer 1

Возможно, вам нужно переосмыслить способ предоставления подсказок. Может ли содержимое содержаться в атрибуте title семантически подходящего элемента?

РЕДАКТИРОВАТЬ: Если вы предоставите больше информации, кто-то может предложить больше решения. На какие элементы всплывают подсказки? Изображений? Тэги аббревиатуры будут уместны?

Быстрое решение, которое я только что придумал: <span> имеет доступ к основным атрибутам , которые включают заголовок, так что вы можете включить текст подсказки в заголовок и использовать библиотеку javascript, например jQuery отображать всплывающие подсказки для всех пролетов с заголовком.

Answer 2

Быстрым способом было бы закрасить текст так же, как фон (скажем, белым по белому) в HTML, а затем использовать CSS, чтобы изменить цвет обратно на что-то видимое (черным по белому). Конечно, это актуально только для людей, способных увидеть текст. Программы чтения с экрана и тому подобное не увидят текст как скрытый.

Answer 3

CSS также используется программами чтения с экрана, чтобы помочь определить, какие элементы страницы читаются или нет. Программы чтения с экрана почти всегда игнорируют элементы с дисплеем : к ним не применяется , поэтому отсутствие использования CSS не является достоверным индикатором присутствия программы чтения с экрана.

Я бы пошел с Крисом 'идеей использования javascript для генерации подсказок на основе атрибута title (или alt).

Вы можете использовать JS, чтобы подсказки отображались только тогда, когда установлены допустимые стили, поэтому, если JS включен и CSS отключен, вы можете обрабатывать дополнительную информацию по-разному (например, сноски).

http://juicystudio.com/article/screen-readers-display-none.php http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/