Accessible Timeline

One shortcode turns your existing posts and events into a beautiful, fully accessible timeline — five designs, your colours, no extra post type.

One shortcode — [ananevt_timeline] — weaves this site’s existing blog posts and events into a single accessible timeline: newest first, year pills on the line, an Event/Blog tag on every entry, and a “Load more” that works without JavaScript. Five designs ship built in; every colour can be changed from Settings. Pick a design below — each tab shows it live with the exact shortcode used.

1. Alternate

[ananevt_timeline design="alternate" limit="4" paginate="no" heading="3"]
  1. 2027
  3. 2026

2. Spine — the plugin default

[ananevt_timeline per_page="4" heading="3"]
  1. 2027
  3. 2026

Load more (showing 4 of 24 entries)

3. Photo journey

[ananevt_timeline design="journey" limit="3" paginate="no" heading="3"]
  1. 2027
  3. 2026

4. Compact ledger

[ananevt_timeline design="compact" limit="4" paginate="no" heading="3"]
  1. 2027
  2. Global Accessibility Awareness Day

    8 Jan 2027 — Ananyoo Accessible Themes and Plugins Showcase Event

    Global Accessibility Awareness Day

    A hybrid community meetup marking GAAD — talks, demos and lived-experience stories.

    Read more: Global Accessibility Awareness Day
  3. 2026
  4. Accessible Forms Workshop

    4 Dec 2026 — Ananyoo Accessible Themes and Plugins Showcase Event

    Accessible Forms Workshop

    An in-person workshop on labels, error handling and managed focus for forms that everyone can complete.

    Read more: Accessible Forms Workshop
  5. Colour & Contrast Masterclass

    4 Nov 2026 — Ananyoo Accessible Themes and Plugins Showcase Event

    Colour & Contrast Masterclass

    An online masterclass on designing beautiful interfaces that still pass 1.4.3 and 1.4.11.

    Read more: Colour & Contrast Masterclass
  6. Mobile App Accessibility Bootcamp

    8 – 9 Oct 2026 — Ananyoo Accessible Themes and Plugins Showcase Event

    Mobile App Accessibility Bootcamp

    A two-day in-person bootcamp on TalkBack and VoiceOver testing for Android and iOS apps.

    Read more: Mobile App Accessibility Bootcamp

5. Feature rows

[ananevt_timeline design="rows" limit="3" paginate="no" heading="3"]
  1. 2027
  3. 2026

Make it yours

Choose the default design, the Read-more text and nine colours under Accessible Events → Settings — every empty colour field keeps the accessible default. Narrow any timeline with source="posts" or source="events", a category="slug", or hand-picked ids="12,34,56", and switch featured images off with images="no". There is no separate “story” post type — the timeline always reflects your real content. WCAG 2.2 AA, keyboard-operable, reduced-motion safe.