Skip to content

Commit 6b186ba

Browse files
committed
First version of longdesc
1 parent e0e0665 commit 6b186ba

10 files changed

Lines changed: 124 additions & 0 deletions

css3-layout/aapje.desc.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of rendering</title>
4+
5+
<p>The image shows a possible rendering of the example. It has two
6+
lines of text, the first consists of the letter A, a big space, and
7+
the text “A is een aapje.” The second line consists of the letter B,
8+
a big space, and the text “B is de bakker.”

css3-layout/diagram.desc.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of diagram</title>
4+
5+
<p>The image shows a rectangle in the middle that represents a
6+
displayed page. The page is divided into four regions. Region a is a
7+
narrow strip along the top of the page. The rest of the page is
8+
divided into three columns, labeled from left to right with letters
9+
b, c and d. They have different widths.
10+
11+
<p>Around the page rectangle are smaller images, connected to the
12+
page by arrows.
13+
14+
<p>An image above the page shows a stylized mountain range and
15+
represents the general notion of image. An arrow goes from this
16+
image to region a.
17+
18+
<p>An image on the right shows, from top to bottom, some horizontal
19+
lines (representing text), an irregular shape (representing an
20+
image) and more horizontal lines. The whole represents a typical
21+
section in a document, with some text and some images. An arrow goes
22+
from this image to region d.
23+
24+
<p>An image below the page is similar but different, with some
25+
horizontal lines and an irregular shape. An arrow goes from this
26+
image to region c.
27+
28+
<p>An image on the left of the page shows only some horizontal
29+
lines. It might represent a piece of a document with only text,
30+
maybe a table of contents. An arrow goes from this image to
31+
region b.

css3-layout/footnotes.desc.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the image</title>
4+
5+
<p>The image shows two lines of text at the top, some empty space
6+
below it with an ellipsis near the bottom, and below that a line of
7+
text in a smaller font. The first line of text contains the nonsense
8+
text “The balubious coster of the fifth secter of The Rollow Carpug
9+
mentizes a costernica.” There is a small, superscript digit “1”
10+
after the word “secter.”
11+
12+
<p>The line of text at the bottom starts with a digit “1” and a
13+
period, followed by the nonsense text “The sixth secter coster is a
14+
difter manon.”

css3-layout/form.desc.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the image</title>
4+
5+
<p>The image shows a rectangle, about twice as wide as high, with a
6+
thin border around it. If you imagine the rectangle to be divided
7+
into three rows and two columns, then the six cells contain:
8+
9+
<ul>
10+
<li>Top left: the left-aligned text “Enter minimum value:”
11+
<li>Top right: an empty box for text entry
12+
<li>Middle left: the left-aligned text “Enter maximum value:”
13+
<li>Middle right: an empty box for text entry
14+
<li>Bottom left: a right-aligned button with the label “OK”
15+
<li>Bottom right: a right-aligned button with the label “Reset”
16+
</ul>
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the image</title>
4+
5+
<p>The image shows a page from an article. The page is wider than it
6+
is high, and has three columns of text. The top left of the page is
7+
occupied by an image that vaguely resembles a sunset. It is as wide
8+
as two columns and as high as half the page. Below the image is the
9+
first part of the text of the article. It is in a relatively big
10+
font, contains three lines of text, and spans two columns.

css3-layout/table1.desc.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the table</title>
4+
5+
<p>The image shows a rectangle with a thick border around it. The
6+
rectangle is divided into three parts with two vertical lines of the
7+
same thickness as a the border. The left part contains several
8+
letters “a” and spaces. The second contains three b's. The last
9+
contains five c's. Each part is as wide as the text it contains,
10+
without any padding.

css3-layout/table2.desc.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the table</title>
4+
5+
<p>The image shows a rectangle with a thick border around it. The
6+
rectangle is divided into three equal parts by two vertical lines of
7+
the same thickness as the border. The left part contains two lines
8+
with several letters “a” and spaces. The middle one contains three
9+
b's. The right one contains five c's.

css3-layout/table3.desc.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the table</title>
4+
5+
<p>The image shows a rectangle with a thick border around it,
6+
divided into three parts by two vertical lines of the same thickness
7+
as the border. The left and middle parts have the same size, the
8+
right one is narrower. The left part has two lines of text consisting
9+
of letters a and spaces. The middle part has three b's on one line.
10+
The right part has five c's on one line.

css3-layout/table4.desc.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the table</title>
4+
5+
<p>The image shows a rectangle with a thick border around it, that
6+
is divided into three parts by two vertical lines of the same
7+
thickness as the border. The left and middle parts have the same
8+
size, the right one is narrower. The left part has one line of text
9+
consisting of five c's. The middle part has one line consisting of
10+
three b's. The right part has three lines of text, each consisting
11+
of two a's, a space and two more a's.

css3-layout/table5.desc.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN'>
2+
<html lang=en>
3+
<title>Description of the image</title>
4+
5+
<p>[TBD]

0 commit comments

Comments
 (0)