Sencha Touch 2: funções semânticas e ARIA

O Sencha Touch nem sempre usa o elemento HTML semântico correto para seus componentes. Por exemplo, os botões não são <button>s, são <div>s. Eles devem ter pelo menos a função ARIA correspondente aplicada. Isso é possível com esta pequena modificação:

app / override / Button.js

Ext.define('App.override.Button', {
  extend: 'Ext.Button',

  xtype: 'button',

  initialize: function () {
    this.callParent(arguments);
    this.element.dom.setAttribute('role', 'button');
  }
});

Todos os botões agora devem ter uma função ARIA aplicada.
Sinta-se à vontade para fazer o mesmo com os outros componentes.