1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39

content / test / data / accessibility / html / picture.html [blame]

<!--
@MAC-ALLOW:AXRoleDescription='image'
@WIN-ALLOW:xml-roles:*
-->
<html>
  <body>
    <picture>
      <source sizes="100vw" srcset="./200.webp 200w,./400.webp 400w"
        type="image/webp" />
      <img src="./200.jpg" width="200" height="200" alt="x"
        sizes="100vw" srcset="./200.jpg 200w,./400.jpg 400w" />
    </picture>
    <picture>
      <source sizes="100vw" srcset="./200.webp 200w,./400.webp 400w"
        type="image/webp" />
      <img src="./200.jpg" width="200" height="200" alt=" "
        sizes="100vw" srcset="./200.jpg 200w,./400.jpg 400w" />
    </picture>
    <picture>
      <source sizes="100vw" srcset="./200.webp 200w,./400.webp 400w"
        type="image/webp" />
      <img src="./200.jpg" width="200" height="200" alt=""
        sizes="100vw" srcset="./200.jpg 200w,./400.jpg 400w" />
    </picture>
    <picture>
      <source sizes="100vw" srcset="./200.webp 200w,./400.webp 400w"
        type="image/webp" />
      <img src="./200.jpg" width="200" height="200" alt
        sizes="100vw" srcset="./200.jpg 200w,./400.jpg 400w" />
    </picture>
    <picture>
      <source sizes="100vw" srcset="./200.webp 200w,./400.webp 400w"
        type="image/webp" />
      <img src="./200.jpg" width="200" height="200"
        sizes="100vw" srcset="./200.jpg 200w,./400.jpg 400w" />
    </picture>
  </body>
</html>