Arizona Quickstart
The University's Web Development Framework
Develop robust websites with branding, accessibility, security, and flexibility. Built by campus, for campus through Arizona Digital.
Quickstart 2.13 has launched! 🎉
Content editors: This site has all the documentation, training and resources you need
Developers: Technical documentation can be found on Arizona Digital and on our GitHub repository. Review the update announcement for upgrade details.
Build Accessibility Into Everything
Not all users can use a mouse—many navigate using keyboards, switches, or screen readers. Accessibility starts by ensuring everyone can move through and interact with your content using just a keyboard.
- Use the Tab key to move between links, buttons, and form fields.
- Every interactive element (menus, modals, links) should be reachable and usable with Tab, Enter, and Space.
- Keep the tab order logical and intuitive—match the visual layout, and avoid unexpected jumps or traps.
- Provide visible focus styles so users can see which element is currently active.
Headings are like a table of contents for your page. They help all users—especially those using screen readers—understand the structure and jump to the content they need.
- Use real HTML headings:
<h1>
through<h6>
, not just bold or big text. - Logical hierarchy: Start with one
<h1>
as your page title, then nest sections under<h2>
, subsections under<h3>
, and so on—just like an outline. - Consistent structure: Don’t skip levels (e.g., going from
<h2>
directly to<h4>
). Headings should reflect the visual and conceptual grouping of your content. - Well-structured pages help assistive technology, search engines, and all users navigate quickly and efficiently.
A helpful test: Can you understand the page organization by skimming the headings alone?
Low contrast text is one of the most common barriers for users with low vision or color blindness—and one of the easiest to fix.
- Use strong contrast between text and background (e.g., black on white, not gray on light yellow).
- Check contrast ratios: body text needs at least a 4.5:1 ratio; large text needs 3:1.
- Links must stand out from body text using more than just color. Combine at least two visual cues—such as underline + icon, or underline + font weight.
- Keep backgrounds simple behind important content, and test text legibility on all devices.
Multimedia and documents must work for all users, including those who are blind, deaf, or using assistive tech. Ensure everyone can access your content no matter the format.
- Images: Use
alt
text to describe the purpose or content of an image. Screen readers read this aloud so users understand the visual meaning. - If an image is decorative (adds no important information), use
alt=""
so it's skipped by screen readers. - Video: Include captions for speech and important sound effects. Avoid auto-play without controls.
- Audio: Provide a transcript with all spoken content and meaningful sounds.
- Documents: Use real headings, lists, and table structures in Word, PDFs, and slides. Run accessibility checkers before sharing.
Inclusion extends beyond the web. Whether you're hosting a class, meeting, or campus-wide event, accessibility should be baked in—not an afterthought.
- Use accessible spaces: ramps, elevators, accessible restrooms, and seating.
- Use microphones for in-person events and captions for virtual ones.
- Include a disability access statement on all event materials so participants can request accommodations.
- In digital communication (emails, flyers, social media), use plain language, strong contrast, descriptive links, and alt text.
What is Quickstart?
What brings you to Quickstart today?
I’m a new content editor
Most campus websites are built using Quickstart. Sign up for a training session and review the documentation on this website to get started.
We need a website that fits in our unit's budget
Most units will see between a 48% and 68% savings on the time and money to build a new website when using Quickstart.
I need to build a landing page
Quickstart allows you to easily create engaging landing pages including media, photo galleries, card decks, and other design elements.
We need an accessible website
We partner with the Disability Resource Center to ensure that Quickstart exceeds IT Accessibility guidelines.
We need a website that reflects the UArizona brand
Arizona Quickstart incorporates all of our Brand assets from colors and typography to logos and layouts.
We don't want our website to get stale
Quickstart is built for continuous improvement. We constantly add new features to enhance design, branding, accessibility, and security.
Who's using Quickstart?
Our flagship site: Arizona.edu!
Plus hundreds of other labs, conferences, offices and programs.
Testimonials
What's New
Ready to build a new website?