Как отображать пунктирную линию вокруг переключателя или флажка с тегом таблицы Trinidad jsf

В настоящее время в нашем веб-приложении тег Trinidad JSF tr:table используется для отображения информации в формате таблицы. После использования атрибута rowSelection=single, переключатель автоматически отображается для каждой строки в таблице, а имя/текст рядом с этим элементом управления не отображается пользователю.Как отображать пунктирную линию вокруг переключателя или флажка с тегом таблицы Trinidad jsf

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

Каковы различные подходы к отображению пунктирной линии (предоставляемой браузером IE) вокруг элемента управления переключателем/флажка, созданного тегом таблицы Irinidad JSF?

Конечный пользователь требует, чтобы эта функция доступности.

Прямо сейчас мы используем,

MyFaces-апи-1.1.4.jar, MyFaces-осущ-1.1.4.jar,
Trinidad-апи-1.0.7.jar, Trinidad-осущ-1.0.7.jar,
Браузер IE 8,0

источник

2015-02-03 Venkata Bhaskar

Конечные пользователи могут использовать любой браузер (ы) их интересов. Вы просто нацелены на Internet Explorer 8.0 в своих проектах? – Tiny

Ориентация только на Internet Explorer 8.0. –

Найдите свой файл CSS, искать все строки, которые имеют

outline: none;

И удалите их.

Это исправит, если не все недостающие проблемы с индикатором фокуса. Там могут быть сценарии, где у вас есть скрытое переполнение, из-за чего контур не отображается в некоторых браузерах. Вам нужно будет найти их и исправить, добавив соответствующие стили фокусировки.

источник

2015-02-03 14:15:40 unobf

Спасибо за ваш быстрый ответ. 'контур: 0;' Свойство css не определено для любого из тегов. «переполнение: скрыто» определено для html, тегов тела и «переполнения: автоматически» для контента. –

В своем главном комментарии я написал, что имя/текст рядом с элементом управления переключателем/флажка не отображается пользователю. Когда я наблюдаю за визуализированным html-кодом, рядом с элементом управления был сформирован тег . Итак, я добавил код JavaScript на странице .jspx, чтобы удалить тег , сформированный для каждого элемента управления переключателем/флажка, отображаемого в строке

, и повторно протестировал страницу. Пунктирная линия, сформированная вокруг элемента управления, и пользователь может видеть то же самое при навигации с помощью клавиши табуляции. –

Вы можете увидеть здесь с помощью этого примера http://jsfiddle.net/9frq0fsy/, что контур появляется даже с меткой. Существует еще один CSS, который вызывает исчезновение фокуса. Это может быть CSS, связанный с ярлыками. – unobf

Как отображать пунктирную линию вокруг переключателя или флажка с тегом таблицы Trinidad jsf

ответ

Смежные вопросы