• Status: Use Today for form error messages. For configurations that don't work well do one of the following in addition:
    • Place the error in the reading order just after the control that triggered it.
    • Place the error message in a heading toward the beginning of the reading order.
  • Open test page in new window
  • Lessons Learned
    • Upper left side of alert object should have content for magnifier users. (left-to-right languages)
    • ZoomText Settings: Settings > Tracking > Alerts.
    • At least some configurations only work when role="alert" is on the very object that is shown or added as opposed to being on a child of the object that is shown or hidden - a test page is planned to explore this further.
    • Note: While spec says "Name From: Author". An, accessible name is not listed as required. Other roles include "Accessible Name Required: True." As such, for alert, we do NOT have to use an html title attribute, or aria-label, or aria-labeledby attribute.
    • So far, it appears that role="alert" has no effect if it is just on the page when the page loads. The role only comes into play when the area is updated without a page refresh. As such, when an indentical page, except for an added alert message, is loaded, we need to used older techniques (heading, tabindex -1, and focus())