mirror of
https://github.com/servo/servo.git
synced 2025-08-12 08:55:32 +01:00
Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255
This commit is contained in:
James Graham
parent
b2a5225831
commit
1a81b18b9f
12321 changed files with 544385 additions and 6 deletions
109
tests/wpt/web-platform-tests/html-longdesc/README.html
Normal file
109
tests/wpt/web-platform-tests/html-longdesc/README.html
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||
<title>Multifunction tests</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h1>longdesc-tests</h1>
|
||||
|
||||
<p>Proposed tests for the <a href="http://www.w3.org/TR/html-longdesc">HTML Image Description Extension specification</a>. These tests are © chaals, and available under the <a href="http://www.w3.org/Consortium/Legal/copyright-software">W3C Software license</a></p>
|
||||
|
||||
<h2>Multifunction tests</h2>
|
||||
|
||||
<p>These 15 tests include descriptions under different combinations of circumstances - images included "normally", as data: URIs, or missing, with the descriptions internal or external to the page, as a data: URI, or in a location only reachable by taking into account the base element.</p>
|
||||
|
||||
<p>The same tests are used to provide 3 results:
|
||||
1 Can the user discover there is an image that has a long description available?
|
||||
2 Can the user access the description? To pass, the user should arrive at the "pass page" which has a heading "Pass" followed by a description, or the focus must be on the text "Pass, if the focus is here" which is followed by a description of the image.
|
||||
3 Is the long description available to system accessibility APIs</p>
|
||||
|
||||
<h3>Longdesc value as data:URI</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="data-uri-image-data-uri-description-manual.html">data:URI image with data:URI description</a></li>
|
||||
<li><a href="empty-image-data-uri-description-manual.html">Empty image with data:URI description</a></li>
|
||||
<li><a href="external-image-data-uri-description-girt-by-spaces-manual.html">External image with data:URI description (with extra spaces)</a></li>
|
||||
<li><a href="external-image-data-uri-description-manual.html">External image with data:URI description</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3>Longdesc value as external URI</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="data-uri-image-external-description-manual.html">data:URI with External description</a></li>
|
||||
<li><a href="empty-image-external-description-manual.html">Empty image with an External description</a></li>
|
||||
<li><a href="external-image-external-description-girt-by-spaces-manual.html">External image with External description (with extra spaces)</a></li>
|
||||
<li><a href="external-image-external-description-manual.html">External image with External description</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3>Longdesc value as internal URI (same page link)</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="data-uri-image-internal-description-manual.html">data:URI with Internal description</a></li>
|
||||
<li><a href="empty-image-internal-description-manual.html">Empty image with an Internal description</a></li>
|
||||
<li><a href="external-image-internal-description-girt-by-spaces-manual.html">External image with an Internal description (with extra spaces)</a></li>
|
||||
<li><a href="external-image-internal-description-manual.html">External image with an Internal description</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3>Longdesc value as a fragment in an external resource</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="data-uri-image-external-description-fragment-manual.html">data:URI with External description fragment</a></li>
|
||||
<li><a href="empty-image-external-description-fragment-manual.html">Empty image with an External description fragment</a></li>
|
||||
<li><a href="external-image-external-description-fragment-girt-by-spaces-manual.html">External image with External description fragment (with extra spaces around the URL)</a></li>
|
||||
<li><a href="external-image-external-description-fragment-manual.html">External image with External description fragment</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3>Longdesc value as external URI in presence of <code><base></code> element</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="external-image-with-relative-base-external-description-manual.html">External image with External Description (relative base element set)</a></li>
|
||||
<li><a href="external-image-with-absolute-base-external-description-manual.html">External image with External Description (absolute base element set)</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3>Longdesc for an image within an iframe</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="iframe-discoverability-manual.html">Image in an <code><iframe></code> with External Description</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h2>Automated tests</h2>
|
||||
|
||||
<p><a href="reflected-changing-longdesc-manual.html">Longdesc value updated by javascript</a> tests that the HTML attribute reflects changes made by javascript. To pass, the browser must redirect to the "Longdesc test Pass Page" which has the word "Pass" as a heading, followed by a description of the image. Displaying the "Longdesc test Fail Page" would indicate a failure of this test.</p>
|
||||
|
||||
<h2>Validation / Repair tool tests</h2>
|
||||
|
||||
<p><a href="invalid-longdesc-manual.html">Invalid long description (plain text)</a> contains an invalid long description (plain text) and can be used to test User Agent and validation tool handling. <em>NOTE: Handling of invalid longdescs by user agents is currently undefined.</em>
|
||||
<a href="empty-longdesc-manual.html">Invalid long description (empty attribute)</a> contains an invalid long description (plain text) and can be used to test User Agent and validation tool handling. <em>NOTE: Handling of invalid longdescs by user agents is currently undefined.</em>
|
||||
<a href="fail-fragment-pointer-manual.html">Pointer to an invalid long description (not contained in a well-formed fragment)</a> points to a long description in a <a href="fail-fragment-pointer-manual.html">page fragment whose target is an empty element</a>. Validation tools should at least generate a warning, since an empty element is almost certainly not an adequate description, and is likely instead to reflect not passing the relevant authoring requirement.</p>
|
||||
|
||||
<h2>Test results</h2>
|
||||
|
||||
<p>Preliminary <a href="test-results.html">test results</a> are available for some platforms. More results are welcome.</p>
|
||||
|
||||
<h2>Supporting files</h2>
|
||||
|
||||
<p>The following files are required to make one or more of the tests work:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="README.html">README.html</a> - this documentation</li>
|
||||
<li><a href="fail.html">fail.html</a></li>
|
||||
<li><a href="pass.html">pass.html</a></li>
|
||||
<li><a href="fail-fragment.html">fail-fragment.html</a></li>
|
||||
<li><a href="pass-fragment.html">pass-fragment.html</a></li>
|
||||
<li><a href="picture.png">picture.png</a></li>
|
||||
<li><a href="rebased/picture2.png">rebased/picture2.png</a>)</li>
|
||||
<li><a href="rebased/fail.html">rebased/fail.html</a> (actually a pass page, used to test what happens in the presence of a <code><base></code> element)</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: Empty image, data: URI description</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="" alt="the image" longdesc="data:text/html;charset=utf-8,%3C%21DOCTYPE%20html%3E%0D%0A%3Chtml%3E%0D%0A%20%3Chead%3E%0D%0A%20%20%3Ctitle%3ELongdesc%20test%20Pass%20page%3C%2Ftitle%3E%0D%0A%20%3C%2Fhead%3E%0D%0A%20%3Cbody%3E%0D%0A%20%20%3Ch1%3EPass%3C%2Fh1%3E%0D%0A%20%3C%2Fbody%3E%0D%0A%3C%2Fhtml%3E">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: Empty image, external description fragment</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="" alt="the image" longdesc="pass-fragment.html#fragment">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: Empty image, external description</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="" alt="the image" longdesc="pass.html">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: Empty image, internal description</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="" alt="the image" longdesc="#pass">
|
||||
<div style="height:50em"></div>
|
||||
<p id="pass">Pass, if the focus is here</p>
|
||||
<p>The image is a drawn cartoon, on the left is a parson in a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person is stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button</p>
|
||||
<p>The image is signed in the space under the floor that is at the top of the stairs with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©2013. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
<div style="height:50em"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: empty longdesc</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Longdesc test: empty longdesc value</h1>
|
||||
<p><img src="picture.png" alt="the image" longdesc=""></p>
|
||||
<p>The longdesc attribute value is null, and therefore the longdesc is not valid.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, data: URI description surrounded by spaces</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc=" data:text/html;charset=utf-8,%3C%21DOCTYPE%20html%3E%0D%0A%3Chtml%3E%0D%0A%20%3Chead%3E%0D%0A%20%20%3Ctitle%3ELongdesc%20test%20Pass%20page%3C%2Ftitle%3E%0D%0A%20%3C%2Fhead%3E%0D%0A%20%3Cbody%3E%0D%0A%20%20%3Ch1%3EPass%3C%2Fh1%3E%0D%0A%20%3C%2Fbody%3E%0D%0A%3C%2Fhtml%3E ">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, data: URI description</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="data:text/html;charset=utf-8,%3C%21DOCTYPE%20html%3E%0D%0A%3Chtml%3E%0D%0A%20%3Chead%3E%0D%0A%20%20%3Ctitle%3ELongdesc%20test%20Pass%20page%3C%2Ftitle%3E%0D%0A%20%3C%2Fhead%3E%0D%0A%20%3Cbody%3E%0D%0A%20%20%3Ch1%3EPass%3C%2Fh1%3E%0D%0A%20%3C%2Fbody%3E%0D%0A%3C%2Fhtml%3E">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description fragment surrounded by spaces</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc=" pass-fragment.html#fragment ">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description fragment</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="pass-fragment.html#fragment">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description surrounded by spaces</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc=" pass.html ">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="pass.html">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, internal description surrounded by spaces</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc=" #pass ">
|
||||
<div style="height:50em"></div>
|
||||
<p id="pass">Pass, if the focus is here</p>
|
||||
<p>The image is a drawn cartoon, on the left is a parson in a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person is stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button</p>
|
||||
<p>The image is signed in the space under the floor that is at the top of the stairs with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©2013. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
<div style="height:50em"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, internal description</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="#pass">
|
||||
<div style="height:50em"></div>
|
||||
<p id="pass">Pass, if the focus is here</p>
|
||||
<p>The image is a drawn cartoon, on the left is a parson in a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person is stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button</p>
|
||||
<p>The image is signed in the space under the floor that is at the top of the stairs with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©2013. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
<div style="height:50em"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description, absolute base</title>
|
||||
<base href="https://rawgithub.com/chaals/longdesc-tests/master/rebased/">
|
||||
</head>
|
||||
<body>
|
||||
<p>Note that this test currently uses a target URL for the base that is not necessarily reliable long-term. It should be updated by anyone who wants to use the test "for real", pointing to some reliably stable repository</p>
|
||||
<img src="picture2.png" alt="the image" longdesc="fail.html">
|
||||
<p>If the image is broken, the base element has not been interpreted correctly so the test result is unknowable</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description, relative base</title>
|
||||
<base href="./rebased/">
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture2.png" alt="the image" longdesc="fail.html">
|
||||
<p>If the image is broken, the base element has not been interpreted correctly so the test result is unknowable</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: External image, external description fragment</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="fail-fragment.html#fragment">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<head>
|
||||
<title>Invalid longdesc test page</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Fail if you land here</h1>
|
||||
<div>
|
||||
<p>Testing tools such as validators should give a warning that this page is probably violating the SHOULD-level requirement that external descriptions which are a fragment of a document should be a well-formed fragment. Using an empty element as a description is almost certainly an inadequate description</p>
|
||||
</div>
|
||||
<div>
|
||||
<h1><a id="fragment"></a>The description</h1>
|
||||
<p>The image is a drawn cartoon, on the left is a parson in a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person is stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button</p>
|
||||
<p>The image is signed in the space under the floor that is at the top of the stairs with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©2013. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
</div>
|
||||
<p>This paragraph is not part of the description. As of September 2013 there is no conformance requirement making it a failure to read this paragraph, but best practice would be to present only the description, and not this part.</p>
|
||||
<p>The description is encapsulated in a well-formed fragment, but since the target of a link is an empty element it is not possible to positively identify it.</p>
|
||||
</body>
|
||||
</html>
|
||||
10
tests/wpt/web-platform-tests/html-longdesc/fail.html
Normal file
10
tests/wpt/web-platform-tests/html-longdesc/fail.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test Fail page</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Fail</h1>
|
||||
<p>Apparently, something went wrong and the test has been failed.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: iframe discoverability</title>
|
||||
</head>
|
||||
<body>
|
||||
<iframe src="external-image-external-description-manual.html" width="480" height="320">
|
||||
<p>If there is no document included here with an image, the result of the test is unknowable</p>
|
||||
</iframe>
|
||||
<p>In order to pass, it should be possible to discover that there is an image with a longdesc included in this document (inside an iframe).
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: invalid longdesc</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="This is not a valid longdesc so this document should fail validation">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<head>
|
||||
<title>Longdesc test Pass page</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Fail if you land here</h1>
|
||||
<div style="height:200em">
|
||||
<p>This is a landing page for tests of the longdesc attribute. To pass, when opening a longdesc that points to this page, the focus should be on a heading with the text "pass" followed by a description of an image</p>
|
||||
</div>
|
||||
<div id="fragment" style="min-height:20em">
|
||||
<h1>Pass</h1>
|
||||
<p>The image is a drawn cartoon, on the left is a parson in a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person is stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button</p>
|
||||
<p>The image is signed in the space under the floor that is at the top of the stairs with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©2013. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
</div>
|
||||
<p>This paragraph is not part of the description. As of September 2013 there is no conformance requirement making it a failure to read this paragraph, best practice would be to present only the description, and not this part.</p>
|
||||
<p>The description is encapsulated in a well-formed div element, so it is possible to identify it.</p>
|
||||
</body>
|
||||
</html>
|
||||
12
tests/wpt/web-platform-tests/html-longdesc/pass.html
Normal file
12
tests/wpt/web-platform-tests/html-longdesc/pass.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<head>
|
||||
<title>Longdesc test Pass page</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Pass</h1>
|
||||
<p>The image is a drawn cartoon, on the left is a parson in a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person is stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button</p>
|
||||
<p>The image is signed in the space under the floor that is at the top of the stairs with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©2013. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
tests/wpt/web-platform-tests/html-longdesc/picture.png
Normal file
BIN
tests/wpt/web-platform-tests/html-longdesc/picture.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
12
tests/wpt/web-platform-tests/html-longdesc/rebased/fail.html
Normal file
12
tests/wpt/web-platform-tests/html-longdesc/rebased/fail.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<head>
|
||||
<title>Longdesc test Pass page</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Pass</h1>
|
||||
<p>(The image is a drawn cartoon, on the right is a parson a wheelchair in profile, facing toward the centre of the image, under a banner with the text "e-democracy?" on it. In front of the person are some stairs, at the top of the stairs is a table. On the table is a computer, whose screen says "Vote!" and has a red and a green button)</p>
|
||||
<p>The image is signed (in the space under the floor that is at the top of the stairs) with an "R" rune flipped backwards, somewhat resembling a "Я" with top and bottom border lines sloping upward from left to right, and is marked ©1999. It was actually drawn by Charles McCathie Nevile.</p>
|
||||
</body>
|
||||
</html>
|
||||
BIN
tests/wpt/web-platform-tests/html-longdesc/rebased/picture2.png
Normal file
BIN
tests/wpt/web-platform-tests/html-longdesc/rebased/picture2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Longdesc test: Reflection when longdesc changes</title>
|
||||
</head>
|
||||
<body>
|
||||
<img src="picture.png" alt="the image" longdesc="fail.html">
|
||||
<script>
|
||||
var failingResult = document.querySelector('img[longdesc]').longDesc;
|
||||
var newValue = '<img src="picture.png" alt="the image" longdesc="pass.html">';
|
||||
|
||||
document.querySelector('img').outerHTML = newValue;
|
||||
document.location.href = document.querySelector('img[longdesc]').longDesc;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue