third_party/WebKit/LayoutTests/fast/text/bidi-img-alt-text.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5         <style>
   6             section {
   7                 position: relative;
   8                 display: inline-block;
   9                 width: 300px;
  10                 height: 100px;
  11                 border: 1px solid red;
  12                 overflow: hidden;
  13             }
  14             img {
  15                 position: absolute;
  16                 left: 0px;
  17                 top: 50px;
  18                 width: 280px;
  19                 height: 80px;
  20             }
  21         </style>
  22     </head>
  23     <body>
  24         <section>
  25             <h2>ltr image, rtl alt</h2>
  26             <img dir="ltr" alt="یا" src="about:blank">
  27         </section>
  28         <section>
  29             <h2>rtl image, rtl alt</h2>
  30             <img dir="rtl" alt="یا" src="about:blank">
  31         </section>
  32         <section>
  33             <h2>ltr image, ltr alt</h2>
  34             <img dir="ltr" alt="alt" src="about:blank">
  35         </section>
  36         <section>
  37             <h2>rtl image, ltr alt</h2>
  38             <img dir="rtl" alt="alt" src="about:blank">
  39         </section>
  40         <section>
  41             <h2>ltr image, weak alt</h2>
  42             <img dir="ltr" alt=".," src="about:blank">
  43         </section>
  44         <section>
  45             <h2>rtl image, weak alt</h2>
  46             <img dir="rtl" alt=".," src="about:blank">
  47         </section>
  48         <section>
  49             <h2>ltr image, mixed alt</h2>
  50             <img dir="ltr" alt="یاexampleیا" src="about:blank">
  51         </section>
  52         <section>
  53             <h2>rtl image, mixed alt</h2>
  54             <img dir="rtl" alt="یاexampleیا" src="about:blank">
  55         </section>
  56         <p>
  57             Tests that image alt text takes directionality into account.
  58         </p>
  59     </body>
  60 </html>