html - Behavior of NVDA -


i trying add live region support in web page make nvda usable page. however, have seen quite different behavior aria-live attributes expected.

  1. i have tried adding single live region hidden , dump messages (each message enclosed in <p> tag) region read screen reader. works fine, problem first message inserted live region div never read nvda screen reader. subsequent messages read perfectly. live regions div created dynamically when first message announced.

  2. aria-live="assertive" doesn't interrupt current flow announce message.

  3. i using knockout in web page. when html div, marked live-region, displayed based on knockout condition, not detected screen reader. example:

    <!-- ko if: $data --> <div aria-live="polite" data-bind="text: $data"> </div> <!-- ko -->

    when page loaded initially, $data null. live-region div absent. when data fetched div gets inserted. however, nvda doesn't read content in added div. expected behavior? there workaround fix behavior?

quick answer, pressed time.

you must have live region on page @ page render. primes browser monitor updates. adding element after fact primes browser, not trigger it.

i forked pen , got working in first button (through browser pronounces "xyz" "zeyes"). in debug mode there no codepen code in there @ (nor frames) jack up:

http://s.codepen.io/aardrian/debug/wgwqvm

non-debug mode cans see code:

http://codepen.io/aardrian/pen/wgwqvm

your code puts aria-live on element wrapped within knockout ko if: statement, not rendered page @ load:

<p>last name:    <!-- ko if: lastname -->     <strong aria-live="polite" data-bind="text: lastname"></strong>   <!-- /ko --> </p>

i tweaked put live region around ko if: check, , announced when button pressed:

<p>last name:    <div aria-live="polite">     <!-- ko if: lastname -->       <strong data-bind="text: lastname"></strong>     <!-- /ko -->   </div> </p>

yes, put <div> in <p>, demonstration purposes.

tested in nvda 2016.4 / firefox 50.1.1 , works believe intend. did not touch second 1 @ all.


-

Comments

Post a Comment

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

Image
i'm using qt framework build graphical user interface. use qgridlayout position qwidgets neatly. gui looks this: my application regularly adds new widgets gui @ runtime. these new widgets not added @ end of qlayout, somewhere in middle. the procedure bit cumbersome. applied on figure above, need take out widg_c , widg_d , ... qgridlayout. next, add widg_x and widg_y , , put other widgets again. how remove widgets qgridlayout: for in reversed(range(mygridlayout.count())): self.itemat(i).widget().setparent(none) ### as long you're dealing small amount of widgets, procedure not disaster. in application display lot of small widgets - perhaps 50 or more! application freezes second while procedure ongoing, annoying user. there way insert widgets somewhere in qlayout, without need take out other widgets? edit: apparently solution qvboxlayout simple. use function insertwidget(..) instead of addwidget(..) . docs can found link: http://doc.qt.io/qt-5/qboxlayou
Read more

python - serve multiple gunicorn django instances under nginx ubuntu -

i need serve 2 webs apps (django) on gunicorn under different domain names using nginx on ubuntu. started using tutorial: https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-16-04 it worked fine 1 using that. tried same thing second gives me 502 gateway second domain. tried following tutorial: http://michal.karzynski.pl/blog/2013/10/29/serving-multiple-django-applications-with-nginx-gunicorn-supervisor/ i'm @ part run gunicorn start script: sudo bin/gunicorn_start i response: starting webuildblack root traceback (most recent call last): file "/home/devin/webuildblack/bin/gunicorn", line 7, in <module> gunicorn.app.wsgiapp import run importerror: no module named 'gunicorn.app'; 'gunicorn' not package you have named program gunicorn.py gunicorn -package. rename file , remove gunicorn.pyc file.
Read more

module - Prestashop displayPaymentReturn hook url -

i new prestashop developer , trying create paymentmodule. have got show payment method can not proceed purchase because not know hot works. does know should redirect run hooddisplaypaymentreturn method? i happy if explain me complete navigation map make purchase. anyway, can find relation between hooks , pages? when have new module payment rely on simplest provided prestashop: bankwire. inside can find 3 hooks. hookpayment: public function hookpayment($params) { if (!$this->active) return; if (!$this->checkcurrency($params['cart'])) return; $this->smarty->assign(array( 'this_path' => $this->_path, 'this_path_bw' => $this->_path, 'this_path_ssl' => tools::getshopdomainssl(true, true).__ps_base_uri__.'modules/'.$this->name.'/' )); return $this->display(__file__, 'payment.tpl'); } hookdisplaypaymenteu: public fun
Read more