Блог

Главная - Вопросы по программированию - Как вы можете создавать доступные заголовки с уровнями в extjs 6?

Как вы можете создавать доступные заголовки с уровнями в extjs 6?

#extjs #accessibility #wai-aria

#extjs #Специальные возможности #вай-ария

Вопрос:

В extjs 6 есть ли способ указать, что компонент является заголовком определенного уровня для целей доступности? Я могу заставить компонент добавить атрибут role=»заголовок», используя конфигурацию ariaRole, т.е.

 {
  xtype: 'component',
  ariaRole: 'heading'
}

Можно ли заставить его установить атрибут уровня aria? Я безуспешно пытался использовать конфигурацию ariaAttributes. Или есть какой-то другой способ создать доступную иерархию элементов заголовков, совместимую с программой чтения с экрана?

Комментарии:

1. Разве вы не можете сделать {html: '<h2>content<h2>'} и просто установить это таким образом?

2. Это должно сработать. Я надеялся, что существует более общий способ, похожий на sencha, который не включает ручную прокрутку html, но иногда, я думаю, вам нужно перейти к голому металлу.

3. Когда дело доходит до доступности, семантически правильные элементы в 50 раз лучше, чем использование aria . У меня такое чувство, что вам, возможно, потребуется сделать несколько таких «простых» настроек, но в долгосрочной перспективе это будет намного проще поддерживать, чем управлять «морем aria атрибутов»! Удачи в проекте!