aboutsummaryrefslogtreecommitdiff
path: root/guidelines/wikipedia/testPages/contrastTests.html
diff options
context:
space:
mode:
authorGravatar Rogan Creswick <creswick@gmail.com>2013-11-25 14:38:10 -0800
committerGravatar Rogan Creswick <creswick@gmail.com>2013-11-25 14:38:10 -0800
commit9bd080553141baefaa9f762bfa1ce1ad1bc0eb60 (patch)
tree2e1fe1acfbcd5a5b57ddbe2bfd4c395317cbd053 /guidelines/wikipedia/testPages/contrastTests.html
parent976abddf13893f85897fe709cafebadfacea962b (diff)
incorporated large text into contrast guidelines
Diffstat (limited to 'guidelines/wikipedia/testPages/contrastTests.html')
-rw-r--r--guidelines/wikipedia/testPages/contrastTests.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/guidelines/wikipedia/testPages/contrastTests.html b/guidelines/wikipedia/testPages/contrastTests.html
new file mode 100644
index 0000000..43fedf9
--- /dev/null
+++ b/guidelines/wikipedia/testPages/contrastTests.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!-- Should find:
+ - two warnings
+ - four errors
+ -->
+<html>
+ <head>
+<style>
+.big {font-size: 14pt;}
+.large {font-size: 18pt;}
+.low {color: #666;}
+.lowest {color: #dddddd;}
+.bold {font-weight: bold;}
+</style>
+ </head>
+ <body>
+<h1>Test page for the AA and AAA contrast guidelines</h1>
+<div id="mw-content-text">
+ <h2>Default font size</h2>
+ <p>This text is black on white.</p>
+ <p class="low">This is low-contrast.</p>
+ <p class="lowest">This is even lower contrast.</p>
+
+ <h2>Big (14pt) font size</h2>
+ <p class="big">This text is black on white.</p>
+ <p class="big low">This is low-contrast.</p>
+ <p class="big lowest">This is even lower contrast.</p>
+
+ <h2>Big (14pt) font size, Bold</h2>
+ <p class="big bold">This text is black on white.</p>
+ <p class="big low bold">This is low-contrast.</p>
+ <p class="big lowest bold">This is even lower contrast.</p>
+
+ <h2>Large (18pt) font size</h2>
+ <p class="large">This text is black on white.</p>
+ <p class="large low">This is low-contrast.</p>
+ <p class="large lowest">This is even lower contrast.</p>
+</div>
+</body></html>