Jump to beginning of accessible demo page

[DRAFT] Before and After Demonstration

Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0

In-page navigation

Welcome to CityLights

Citylights is the new portal for visitors and residents. Find out what's on, book tickets, and get the latest news.

4

Heat wave linked to temperatures

Man with a giant hat

After three years of effort city scientists now agree that the primary cause of the 2003 heatwave was hot air from...
Heat wave -
full story

Man Gets Nine Months in Violin Case

A violin case, open for inspection, complete with violin

Mayor: These kinds of crimes need more creative, effective punishments. For example, we could require...
Violin case -
full story

Lack of brains hinders research

A plastic brain

Brain donations: huge drop off in brain donations down due to the 'success' of 'Slow Traffic, Safe...
Brain donations -
full story

Elsewhere on the Web

Please see the following websites for important information. Citylights take no responsibility for their content. For artichoke advice, call the number below.

Artichoke advice telephone hotline:
(1) 269 24653 / (1) 269 C-H-O-K-E

Citylights Concert

Free penguins slogan at zoo benefit concert causes confusion among city rockers. Adjective or verb?
Buy Tickets

Citylights Survey

More parks and more green space throughout the city at the price of already rare car parking spaces; how will this affect you?
Take Survey


Annotations

Note 1: Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id felis felis, sit amet feugiat orci. Suspendisse potenti. Morbi dictum, mauris sed fringilla fringilla, arcu nisi suscipit nibh, sit amet placerat orci magna ac massa.

<table summary="Donec adipiscing nulla in sem."> 
Guideline A.B.C: Suspendisse mauris lorem
Suspendisse mauris lorem, cursus nec iaculis a, rhoncus non orci. Nulla facilisi. Sed posuere sem et quam pellentesque varius.
Guideline X.Y.Z: Fusce placerat lacus vitae
Fusce placerat lacus vitae mauris aliquet non mollis neque euismod. Curabitur id sem at risus vulputate dictum ac eu lorem.

Back to demo

Note 2: Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id felis felis, sit amet feugiat orci. Suspendisse potenti. Morbi dictum, mauris sed fringilla fringilla, arcu nisi suscipit nibh, sit amet placerat orci magna ac massa.

<table summary="Donec adipiscing nulla in sem."> 
Guideline A.B.C: Suspendisse mauris lorem
Suspendisse mauris lorem, cursus nec iaculis a, rhoncus non orci. Nulla facilisi. Sed posuere sem et quam pellentesque varius.
Guideline X.Y.Z: Fusce placerat lacus vitae
Fusce placerat lacus vitae mauris aliquet non mollis neque euismod. Curabitur id sem at risus vulputate dictum ac eu lorem.

Back to demo

Note 3: Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id felis felis, sit amet feugiat orci. Suspendisse potenti. Morbi dictum, mauris sed fringilla fringilla, arcu nisi suscipit nibh, sit amet placerat orci magna ac massa.

<table summary="Donec adipiscing nulla in sem."> 
Guideline A.B.C: Suspendisse mauris lorem
Suspendisse mauris lorem, cursus nec iaculis a, rhoncus non orci. Nulla facilisi. Sed posuere sem et quam pellentesque varius.
Guideline X.Y.Z: Fusce placerat lacus vitae
Fusce placerat lacus vitae mauris aliquet non mollis neque euismod. Curabitur id sem at risus vulputate dictum ac eu lorem.

Back to demo

Note 4: Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id felis felis, sit amet feugiat orci. Suspendisse potenti. Morbi dictum, mauris sed fringilla fringilla, arcu nisi suscipit nibh, sit amet placerat orci magna ac massa.

<table summary="Donec adipiscing nulla in sem."> 
Guideline A.B.C: Suspendisse mauris lorem
Suspendisse mauris lorem, cursus nec iaculis a, rhoncus non orci. Nulla facilisi. Sed posuere sem et quam pellentesque varius.
Guideline X.Y.Z: Fusce placerat lacus vitae
Fusce placerat lacus vitae mauris aliquet non mollis neque euismod. Curabitur id sem at risus vulputate dictum ac eu lorem.

Back to demo