HTML5 подробности и сводная юзабилити проблема

Question

Новые подробности и элементы HTML5 в настоящее время реализованы в Chrome 12.

Я обнаружил одну вещь, которая касается меня, и я хотел бы услышать ваши мысли по этому вопросу.

Когда атрибут open установлен, любые дочерние узлы, кроме элемента итога, «содержимое» элемента подробностей удаляются из потока документов.

• Я хочу повысить удобство использования, предоставивпользователю ясная визуальная подсказка.

• Поэтому я предотвращаю поведение по умолчанию в JavaScript.

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

Если элемент открыт, атрибут open удаляетсякогда анимация закончена.В противном случае содержимое будет невидимым сразу же, пока анимация еще не запущена.

Это нормально, но как насчет доступности?Люди, использующие вспомогательные технологии.Им придется подождать длительность анимации перемещения вверх, прежде чем они получат подтверждение, что элемент details закрыт (потому что только тогда атрибут open удаляется)?

Answer 1

Почему бы вам не установить aria-expanded в значение false перед закрытием анимации?

Answer 2

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