Demo harness — Mock copy and public sample media (MDN, Wikipedia, Picsum) for manual testing of the AccesibilWeb widget (text scaling, contrast, speech selection, dictation overlays, big cursor).

University news & services (mock)

Inspired by typical higher-ed pages: announcements, course info, and forms. Open the accessibility widget from the bottom-right launcher to test overlays on this page.

Typography & inline semantics

This paragraph mixes strong emphasis, emphasis, bold, italic, highlighted text, fine print, chemical H2O and math x2, removed and inserted wording, and an W3C abbreviation. Inline code sample for developers.

This block uses a fixed 14px font size in CSS so you can verify the widget’s text scaling against pixel-sized host content.

Heading level 3

Heading level 4

Heading level 5
Heading level 6
Written by Demo Communications Office.
42 Mock Street, Demo City — posted for widget testing only.

Web accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.

— Wikipedia contributors, “Web accessibility” (paraphrased for demo) 
// Sample code block (tab-focusable for keyboard tests)
function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet('Tester'));

External reference: Wikipedia: Web accessibility · W3C WAI · MDN HTML reference

Back to top (hash link for in-page navigation)

Lists & definitions

Mock checklist for the start of term (similar tone to public university sites):

  • Confirm course registration in the student portal.
  • Review academic calendar (placeholder link).
  • Update emergency contact information.

Ordered steps for library account setup:

  1. Visit the library homepage.
  2. Choose “Create account”.
  3. Verify your university email address.

Definition list (glossary-style):

ARIA
Accessible Rich Internet Applications — roles and attributes for assistive technologies.
WCAG
Web Content Accessibility Guidelines — technical standard for web accessibility.

Images, video & audio (public samples)

Photo below uses Picsum Photos (Lorem Flickr-style placeholder service). Alt text describes the purpose for screen reader tests.

Random landscape photograph from Picsum Photos used as demo hero image.
Figure 1 — Hero image placeholder (960×540) for layout and alt-text testing.

Video below uses a short MDN interactive-examples sample (CC0). Controls are visible for manual play/pause testing.

Audio sample (MDN CC0) — use for media controls and page sound policy tests:

Data table (mock timetable)

Mock weekly schedule — structure similar to public course listings.

Fall term — demo courses (fictional)
Time Monday Wednesday Room
09:00–10:30 Intro to Web Standards Lab: Semantic HTML Online
11:00–12:30 Accessibility workshop — Hall B / Hybrid
14:00–15:30 Open office hours (all levels) Help desk

Forms & inputs (dictation / focus tests)

Fields below are intentionally generic so the AutoDictator overlay can attach (outside the widget root). Submit does nothing — this page is static.

Contact (mock)
Preferences

Format (radio group):

Interactive HTML & embed

Campus alert — mock expandable notice

This is a <details> / <summary> block. Use it to test disclosure widgets, keyboard activation, and text scaling inside collapsed regions.


72%


40%

Iframe below loads example.com (IETF reserved domain) — useful only for embed presence / layout; some browsers may block or sandbox differently.

Article (mock news)

— The library will extend evening hours during exam week. This paragraph is long on purpose so you can select a continuous chunk of text and use Read selection in the widget. Services include research consultations, assistive technology workstations, and quiet study zones. For more information, visit the main library site or ask at the information desk.

Lorem-style filler (public-domain style): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.