Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4747

upload button (hidden input should not be focussable)

XMLWordPrintable

    • ZK 9.5.1 S1

      Steps to Reproduce

      <zk>
          <textbox/>
          <button upload="true" label="upload"/>
          <textbox/>
      </zk>
      

      tab through the widgets

      Current Result

      the hidden upload input is part of the tab order (to the user it looks like no element has focus)

      Expected Result

      hidden input not focussable
      hidden input should also have aria-hidden="true"

      Debug Information

      Workaround

      js override to add aria-hidden and remove hidden in put from tab order

      	zk.afterLoad('zul', function() {
      		var xUpload = {};
      		zk.override(zul.Upload.prototype, xUpload, {
      			initContent : function() {
      				xUpload.initContent.apply(this, arguments);
      				this._inp.setAttribute('aria-hidden', true);
      				this._inp.setAttribute('tabindex', -1);
      			}
      		});//zk.override
      	});//zk.afterLoad
      

            rudyhuang rudyhuang
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Time Spent - 2 hours Remaining Estimate - 2 hours
                2h
                Logged:
                Time Spent - 2 hours Remaining Estimate - 2 hours
                2h