Beta

Search

Search the Concordia Design System

Navigate Select Close

Checklist

This checklist is designed to help you ensure your website is accessible to all users, including those with disabilities.

Generic

Passes automated validation using Axe Chrome extension. (Download Axe)
Works with NVDA screen reader on Windows. (Download NVDA)
Works with Jaws screen reader on Windows. (Download Jaws)
Works with VoiceOver on macOS. (Enable through macOS preferences)
Works with TalkBack on Android. (Enable TalkBack)
Works with Windows high contrast mode.
Works when text size is increased to 200%.
Works when zoomed in 400%.

Content

Content is written in a plain and clear language. (Use Readability Analyzer at 8th grade level)
<button>, <a>, and <label> contents are unique and descriptive. Avoid terms like "click here" and "read more."
There is only one <h1> heading per page.
Heading elements appear in logical order.
Heading levels aren't skipped. If heading levels need to be skipped for a specific visual style, use CSS classes instead.
List elements (<ol>, <ul>, <dl>) are used for list content.
A skip link is provided that is keyboard focusable.
Main content's line height is at least 1.5 times the font size.

Markup

HTML has been validated with W3 validator.
<html> element has correct lang attribute.
Each page has a unique <title>.
Markup uses landmarks to indicate content regions.
No tabindex attribute values other than 0 or -1.
No autofocus attributes in markup.
No title attribute tooltips in markup.
<a> element is used for all links.
<button> element is used for all buttons.
<table> element is used to describe tabular data.
<th> is used for table headers.
<caption> element is used to provide titles for tables.
visually-hidden class is used instead of aria-label for wider assistive technology support.

Keyboard

Tested to be keyboard accessible.
All interactive elements have visible focus styles.
Keyboard focus order matches the visual layout.
There are no invisible focusable elements.
Buttons are accessible using space and enter keys.
Dialogs and overlays can be closed using esc key.

Images

All <img> elements have alt attribute values.
Complex charts and graphs have text alternatives.
Decorative <svg> elements use aria-hidden="true".
<img> elements with an <svg> source use role="img" attribute.

Forms

All inputs are associated with a corresponding <label> element.
<fieldset> and <legend> elements are used where appropriate.
Form input fields support autocomplete where appropriate.
Input error messages are associated with the inputs they correspond to.

Colour contrast

All text contents have a contrast ratio of at least 4.5:1.
All UI components have a contrast ratio of at least 3:1.
Interface has been tested with a colour blindness simulator.
Colour isn't the only way information/meaning is conveyed.

Mobile

Website can be rotated to any orientation.
Website works on 320px wide viewport.
The whole page doesn't scroll horizontally.
All touch targets are at least 44x44px, except when placed inline.
Viewport zooming isn't disabled.

On this page

Generic
Content
Markup
Keyboard
Images
Forms
Colour contrast
Mobile

Concordia Design System

© Concordia University

Concordia social

About Concordia

Concordia in numbers
Careers
Offices A-Z

Faculties & Schools

Faculty of Arts and Science
Faculty of Fine Arts
Gina Cody School of Engineering and Computer Science
John Molson School of Business
School of Graduate Studies
School of Health
All academic units

Admissions

Undergraduate
Graduate
Tuition & financial aid

Academic resources

Undergraduate Calendar
Graduate Calendar
Course registration
Academic dates
All academic resources

Research

Research units
Chairs & Professorships

What's new

Calendar of events
Latest news
Media Relations

Campus services

Book Stop
Library
IT services
Health & wellness

Resources

Campus maps
A-Z index

Territorial acknowledgement

Concordia University is located on unceded Indigenous lands. The Kanien’kehá:ka Nation is recognized as the custodians of Tiohtià:ke/Montreal.

Central 514-848-2424 | Emergency 514-848-3717

Safety & prevention
Accessibility
Privacy
Terms
Contact us
Site feedback

© Concordia University. Montreal, QC, Canada