Как сделать скрытый дополнительный контент доступным для вспомогательных технологий и мобильных пользователей? ⇐ Html

[Anonymous]

В моем проекте используется специальный плагин для получения открытых данных из нескольких источников и вывода этих источников в разные области страницы профиля. Например: заголовок, URL-адрес, значки социальных сетей, список категорий, например облако тегов. Источник каждой точки данных добавляется в тег title, поэтому при наведении курсора на URL-адрес, список и т. д. отображается стандартная всплывающая подсказка заголовка с надписью «Данные получены из X», «Данные получены из Y» и т. д.

Код: Выделить всё

[url=https://web.site]web.site[/url]

Код: Выделить всё

[list][*]category[/list]

Этот метод недоступен для вспомогательных технологий или мобильных пользователей. Фактически, это приводит к раздражающему результату: программы чтения с экрана потенциально читают источник для каждой точки данных на странице. Этот повторяющийся контент раздражает, особенно потому, что он призван дополнять отображаемую информацию.
Методы, которые я исследовал для создания подсказок, удобных для мобильных устройств, могут предоставить мобильным пользователям доступ к источникам данных, но они недоступны. Они либо полностью скрывают контент от AT, либо оставляют ту же проблему: скрытые данные повторяются и их невозможно пропустить.
Источники данных не могут быть включены в видимый макет страницы, это не допускается в брифе проекта. Если бы я реализовал решение, удобное для мобильных устройств, я бы смог решить эту проблему. Но есть ли способ включить эти точки данных таким образом, чтобы они были доступны AT, но могли быть пропущены или проигнорированы пользователем? При необходимости источники данных можно вводить повторно, если, например, они остаются в виде тегов title на рабочем столе или, возможно, переключаются на атрибуты data-*, чтобы охватить как настольные, так и мобильные устройства, а затем что-то еще для AT.
Мои навыки кодирования распространяются в основном на HTML и CSS, но я открыт для потенциальной обработки этого с помощью JS или других средств. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/798 ... chnologies