Attachment 349345 Details for Bug 189487 – Demo for safari + voiceover of text input

Demo for safari + voiceover of text input

test.html (text/html), 2.74 KB, created by abhiomkar on 2018-09-10 15:55:55 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: abhiomkar

Created: 2018-09-10 15:55:55 PDT

Size: 2.74 KB

patch

obsolete

><div id="yDmH0d" style="position:relative;">
>  <div class="XIc45b">
>    <h2>textinput</h2>
>    <h3>paperinput</h3>
>    <div class="rFrNMe zKHdkd"
>      >
>      <div class="aCsJod oJeWuf">
>        <div class="aXBtI Wic03c">
>          <div class="Xb9hP"><input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
>              aria-label="Single Line" data-initial-value="" />
>            <div class="ndJi5d snByac" aria-hidden="true">Single Line</div>
>          </div>
>          <div class="i9lrp mIZh1c"></div>
>          <div class="OabDMe cXrdqd"></div>
>        </div>
>      </div>
>      <div class="LXRPh">
>        <div class="ovnfwe Is7Fhb"></div>
>      </div>
>    </div><br>
>    <div class="rFrNMe zKHdkd sdJrJc"
>      >
>      <div class="aCsJod oJeWuf">
>        <div class="aXBtI Wic03c">
>          <div class="Xb9hP">
>            <input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
>              aria-label="Floating Label" value="" data-initial-value="" />
>            <div class="AxOyFc snByac" aria-hidden="true">Floating Label</div>
>          </div>
>          <div class="i9lrp mIZh1c"></div>
>          <div class="OabDMe cXrdqd"></div>
>        </div>
>      </div>
>      <div class="LXRPh">
>        <div class="ovnfwe Is7Fhb"></div>
>      </div>
>    </div><br>
>
>    <div class="rFrNMe zKHdkd sdJrJc CDELXb"
>      >
>      <div class="aCsJod oJeWuf">
>        <div class="aXBtI Wic03c">
>          <div class="Xb9hP"><input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
>              aria-label="Character Counter, Float" maxlength="10" value="Prefilled" dir="ltr" data-initial-value="Prefilled" />
>            <div class="AxOyFc snByac" aria-hidden="true">Character Counter, Float</div>
>          </div>
>          <div class="i9lrp mIZh1c"></div>
>          <div class="OabDMe cXrdqd"></div>
>        </div>
>      </div>
>      <div class="LXRPh">
>        <div class="ovnfwe Is7Fhb"></div>
>        <div class="K0Y8Se Is7Fhb" aria-hidden="true">9 / 10</div>
>      </div>
>    </div><br>
>    <div class="rFrNMe s4redb zKHdkd sdJrJc CDELXb"
>      >
>      <div class="aCsJod oJeWuf">
>        <div class="aXBtI I0VJ4d Wic03c">
>          <div class="Xb9hP"><input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
>              aria-label="Embedded Email Domain" value="larry" dir="ltr" data-initial-value="larry" />
>            <div class="AxOyFc snByac" aria-hidden="true">Embedded Email Domain</div>
>          </div>
>          <content class="A37UZe sxyYjd MQL3Ob"><span style="opacity: 0.3;">@gmail.com</span></content>
>          <div class="i9lrp mIZh1c"></div>
>          <div class="OabDMe cXrdqd"></div>
>        </div>
>      </div>
>      <div class="LXRPh">
>        <div class="ovnfwe Is7Fhb"></div>
>      </div>
>    </div><br>

<div id="yDmH0d" style="position:relative;">
  <div class="XIc45b">
    <h2>textinput</h2>
    <h3>paperinput</h3>
    <div class="rFrNMe zKHdkd"
      >
      <div class="aCsJod oJeWuf">
        <div class="aXBtI Wic03c">
          <div class="Xb9hP"><input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
              aria-label="Single Line" data-initial-value="" />
            <div class="ndJi5d snByac" aria-hidden="true">Single Line</div>
          </div>
          <div class="i9lrp mIZh1c"></div>
          <div class="OabDMe cXrdqd"></div>
        </div>
      </div>
      <div class="LXRPh">
        <div class="ovnfwe Is7Fhb"></div>
      </div>
    </div><br>
    <div class="rFrNMe zKHdkd sdJrJc"
      >
      <div class="aCsJod oJeWuf">
        <div class="aXBtI Wic03c">
          <div class="Xb9hP">
            <input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
              aria-label="Floating Label" value="" data-initial-value="" />
            <div class="AxOyFc snByac" aria-hidden="true">Floating Label</div>
          </div>
          <div class="i9lrp mIZh1c"></div>
          <div class="OabDMe cXrdqd"></div>
        </div>
      </div>
      <div class="LXRPh">
        <div class="ovnfwe Is7Fhb"></div>
      </div>
    </div><br>

    <div class="rFrNMe zKHdkd sdJrJc CDELXb"
      >
      <div class="aCsJod oJeWuf">
        <div class="aXBtI Wic03c">
          <div class="Xb9hP"><input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
              aria-label="Character Counter, Float" maxlength="10" value="Prefilled" dir="ltr" data-initial-value="Prefilled" />
            <div class="AxOyFc snByac" aria-hidden="true">Character Counter, Float</div>
          </div>
          <div class="i9lrp mIZh1c"></div>
          <div class="OabDMe cXrdqd"></div>
        </div>
      </div>
      <div class="LXRPh">
        <div class="ovnfwe Is7Fhb"></div>
        <div class="K0Y8Se Is7Fhb" aria-hidden="true">9 / 10</div>
      </div>
    </div><br>
    <div class="rFrNMe s4redb zKHdkd sdJrJc CDELXb"
      >
      <div class="aCsJod oJeWuf">
        <div class="aXBtI I0VJ4d Wic03c">
          <div class="Xb9hP"><input type="text" class="whsOnd zHQkBf" autocomplete="off" tabindex="0"
              aria-label="Embedded Email Domain" value="larry" dir="ltr" data-initial-value="larry" />
            <div class="AxOyFc snByac" aria-hidden="true">Embedded Email Domain</div>
          </div>
          <content class="A37UZe sxyYjd MQL3Ob"><span style="opacity: 0.3;">@gmail.com</span></content>
          <div class="i9lrp mIZh1c"></div>
          <div class="OabDMe cXrdqd"></div>
        </div>
      </div>
      <div class="LXRPh">
        <div class="ovnfwe Is7Fhb"></div>
      </div>
    </div><br>

Actions: View

Attachments on bug 189487: 349345