Какие проблемы с доступностью у вложенных модальных диалоговых окон?

Я работаю над прототипом веб-сайта и читал о том, что нам не следует использовать вложенные модальные диалоги. Мне интересно узнать о проблемах доступности, связанных с этим. Я пробовал искать на https://www.w3.org/TR/wai-aria-practices-1.1/, но нет никаких рекомендаций относительно вложенных диалогов. Я пытаюсь понять, почему это не одобряют.


person ssingh    schedule 10.07.2020    source источник
comment
Не хотите ли добавить источник статьи / обсуждения и т. д., в котором это указано в виде ссылки в вопросе? Это зависит от того, что вы имеете в виду под вложенным, в зависимости от того, является ли это проблемой или нет. (т.е. вы имеете в виду наличие HTML модального диалогового окна в HTML другого модального диалога (плохая идея) или вы просто имеете в виду несколько диалогов, в которых один активируется из другого (может быть хорошо).). Все зависит от реализации. Также был бы полезен пример кода, который вы считаете неприемлемым, чтобы мы могли объяснить любые проблемы, если они существуют.   -  person Graham Ritchie    schedule 10.07.2020


Ответы (1)


Как таковые вложенные модальные диалоги недоступны.

Проблема чаще возникает из-за того, что фреймворки пользовательского интерфейса, инструменты и т. Д. Плохо себя ведут при вложении модальных диалогов, потому что они не обязательно были разработаны с учетом этого. Это не так просто, как кажется. Например, они могут неправильно смешивать aria-hidden, tabindex, перенос фокуса, визуальные эффекты и т. Д., И эти ошибки в конечном итоге приводят к нарушению доступности или созданию неожиданного поведения. Это обычная ловушка.

Однако с точки зрения удобства использования вы должны спросить себя, действительно ли модальные окна нужны и полезны. Может быть, вы сможете упростить свой интерфейс, чтобы никогда не гнаться? Это будет намного выгоднее для всех, и вам не нужно будет задавать себе вопрос, действительно ли используемый вами инструментарий пользовательского интерфейса хорошо поддерживает вложенные диалоги.

person QuentinC    schedule 10.07.2020