ICEfaces
  1. ICEfaces
  2. ICE-10378

ace:panel - Add an aria-live attribute

          Details

          • Type: Improvement Improvement
          • Status: Open
          • Priority: Major Major
          • Resolution: Unresolved
          • Affects Version/s: EE-3.3.0.GA_P02, 4.0
          • Fix Version/s: 4.4
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            All

            Description

            There are times when dynamic content is loaded into a panel. When using a screen reader, this requires an aria-live attribute to be set to tell the reader that this content may be loaded dynamically. Here is a link to the ARIA spec on this: http://www.w3.org/TR/wai-aria/states_and_properties#attrs_liveregions

            This request is to add this attribute to the ace:panel to assist screen readers for dynamic content loaded in an ace:panel. Other wise the following would need to be used:

            <div id="updatePanel" aria-live="off|polite|assertive">
            ....
            </div>

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Ken Fyten added a comment -

              Need to review this request to see if this is the most effective way to implement this.

              Show
              Ken Fyten added a comment - Need to review this request to see if this is the most effective way to implement this.
              Hide
              Permalink
              Arturo Zambrano added a comment -

              r43638: added aria-live="rude" attribute to main container in showcase app, for testing purposes.

              As expected, adding the aria-live attribute to the entire page works for receiving notifications from the screen reader of only those parts of the page that dynamically change. Without the aria-live attribute, the notifications are limited to the page elements that one directly interacts with via the mouse, keyboard or touchscreen. A clear way of seeing this is by loading the ace:submitMonitor demo. Without aria-live, only the 'submit' button will be read out loud when clicked; with aria-live, the 'submitting' and the 'idle' messages will be read out loud when they change dynamically (without further user interaction). Changing the labels of these messages with the inputs provided on the demo page makes even more evident the fact that only what's updated dynamically is read out loud.

              To disable the aria-live attribute simply edit main-template.xhtml the script at the very bottom of the document.

              Show
              Arturo Zambrano added a comment - r43638: added aria-live="rude" attribute to main container in showcase app, for testing purposes. As expected, adding the aria-live attribute to the entire page works for receiving notifications from the screen reader of only those parts of the page that dynamically change. Without the aria-live attribute, the notifications are limited to the page elements that one directly interacts with via the mouse, keyboard or touchscreen. A clear way of seeing this is by loading the ace:submitMonitor demo. Without aria-live, only the 'submit' button will be read out loud when clicked; with aria-live, the 'submitting' and the 'idle' messages will be read out loud when they change dynamically (without further user interaction). Changing the labels of these messages with the inputs provided on the demo page makes even more evident the fact that only what's updated dynamically is read out loud. To disable the aria-live attribute simply edit main-template.xhtml the script at the very bottom of the document.
              Hide
              Permalink
              Ken Fyten added a comment -

              Taking this one as it must be addressed along with a more comprehensive set of changes for improved ARIA support in EE 4.0.

              Show
              Ken Fyten added a comment - Taking this one as it must be addressed along with a more comprehensive set of changes for improved ARIA support in EE 4.0.

                People

                • Assignee:
                  Ken Fyten
                  Reporter:
                  Arran Mccullough
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated: