<div class="step right hidden" id="user-image">
  <div id="user-image-aria-label" aria-live="assertive"></div>
  <div id="user-image-screen-curtain">
    <p i18n-content="userImageScreenDescription"></p>
  </div>
  <div id="user-image-screen-main">
    <grid id="user-image-grid">
    </grid>
    <img id="user-image-preview" alt=""
         src="chrome://theme/IDR_LOGIN_DEFAULT_USER">
  </div>
</div>

<div class="step right hidden" id="user-image"
     aria-labelledby="user-image-screen-description">
  <div id="user-image-screen-curtain">
    <p id="user-image-screen-description"
       i18n-content="userImageScreenDescription"></p>
  </div>
  <div id="user-image-screen-main">
    <grid id="user-image-grid">
    </grid>
    <img id="user-image-preview" alt=""
         src="chrome://theme/IDR_LOGIN_DEFAULT_USER">
  </div>
</div>

Use aria-labeledby instead of live regions.
Use aria-labeledby instead of live regions.


R=dmazzoni@chromium.org
BUG=None
TEST=None


Review URL: http://codereview.chromium.org/8046002

git-svn-id: de016e52bd170d2d4f2344f9bf92d50478b649e0@104252 0039d316-1c4b-4281-b951-d872f2087c98
