Недавно я обнаружил элемент <details>
. Хотя support is limited, это кажется довольно интересным.Как я могу использовать клавиатуру элемента ?
Есть одна серьезная проблема: это не клавиатура. Другими словами, в элемент нельзя добавить TAB. Кажется, он не получает фокуса, поэтому требуется щелчок мышью, чтобы показать <summary>
.
- Есть ли способ сделать эту клавиатуру доступной?
- Возможно, это ошибочная реализация webkit или это так, как он разработан?
Demo (WebKit только): http://jsfiddle.net/rkq3M/
Фокус достаточно легко добавить. Просто привяжите атрибут tabindex = 0 к элементу. К сожалению, на самом деле это не помогает, поскольку JS не может открыть или закрыть элемент. Я боюсь, что это курс для Webkit, где доступность всегда кажется запоздалой. При всей критике IE Microsoft всегда относилась к доступности серьезно. – Alohci
Я вижу, спасибо Алочи. Похоже, что подача отчета об ошибке была правильной процедурой. Слишком плохо 'tabindex' не помогает. Однако я должен признать, что поведение этого элемента кажется слишком хорошим, чтобы быть правдой или совсем не похоже ни на какой другой элемент; почти как '
Да, может быть. [Мой собственный взгляд на элемент можно найти здесь] (http://html5doctor.com/the-details-and-summary-elements/#comment-17101) – Alohci