title: Accessibility on Apple voice over issue with fieldset legend
body: <p>I am using Mac (10.8.5) and Safari [6.2.4]. I have created a field set to group my inputs and added a legend text to it. I have also applied css to hide the legend from the UI - but the legend and label are available in the DOM.</p>
  
  <p>NVDA on Windows/IE works fine as expected. It reads the field set legend and it reads the label of the input.</p>
  
  <p>But in above Mac/Safari combination, Apple Voice over is not reading the legend. Is there anything to do with the Mac/Safari versions?</p>
  
  <pre><code>  &lt;fieldset &gt;
  &lt;legend class="screen-read-only"&gt;Please sign in to this application&lt;/legend&gt;
  
  &lt;div &gt;
      &lt;div &gt;
          &lt;label for="USER" class="screen-read-only"&gt;Enter your email or username here to test screen reader in MAC&lt;/label&gt;
                      &lt;input class="no-inline-checker ng-pristine ng-invalid ng-invalid-required ng-touched" tabindex="0" type="text" id="USER" name="USER" placeholder="Username or Email Address" data-ng-model="email" required="" data-autocorrect="off" data-autocapitalize="off" data-test-id="myr-signIn-emailAddress" aria-required="true" aria-invalid="true"&gt; 
                    &lt;span class="inline-checker icon-error sign-in ng-hide" data-ng-show="submitted &amp;amp;&amp;amp; form.USER.$error.required" aria-hidden="true"&gt;&lt;/span&gt;
            &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="row overrite-margin"&gt;
      &lt;div class="col-xs-12 col-sm-6 col-md-6 col-lg-6"&gt;&lt;div class="myr-remember-me row"&gt;&lt;span data-test-id="myr-singin-rememberMe" class="myr-checkbox col-xs-1" tabindex="0"&gt;&lt;input data-ng-model="rememberMe" type="checkbox" name="rememberMe" id="rememberMe" class="myr-checkbox-input ng-pristine ng-untouched ng-valid" tabindex="0" aria-checked="false" aria-invalid="false"&gt; &lt;label for="rememberMe" class="myr-checkbox-box"&gt;&lt;span class="screen-read-only"&gt;Remember me checkbox&lt;/span&gt;&lt;/label&gt;&lt;/span&gt; 
      &lt;span translate="_remember_me"&gt;Remember Me&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
    &lt;/fieldset&gt;
  </code></pre>