"Pitches"

OmniUpdate Design A11y

The goal

Flexible link areas that can have varying levels content (title, subtext, image) and are easy for CMS users to configure.

There is a variant called "pitch blocks" that arrange a list of short links into large clickable blocks.

The how

CMS: These use a technique I've been calling "transformation tables". Simple pre-constructed table snippets are placed onto a page by a content developer. They can configure the table and add their own content in designated areas. Then XSLT is used when the page is published or previewed to transform the table content into well structured HTML.

Responsive: The pitches can be placed in any content area and will expand to fit the width.

Accessible: One accessibility pitfall these components address is duplicate links. They transform to keep the HTML DRY.

Design: The look is intended to be simple, clean, attention grabbing and clickable. The design is pure css (no images or javascript).

The Result

Design

CMS

Behavior

A11y

Modular (Reusable)

Collaborative Effort

Pitches

Pitch Blocks