ORDINARY. Connected Health and Wellness Project. Context Creative RGD Web Accessibility Conference

Transcription

1 WONDERFULLY ORDINARY Connected Health and Wellness Project

2 Accessibility will not turn brands into bland

3 Understanding needs & motivations CLIENTS DESIGNERS AUDIENCE

4 19 Organizations 1 Transformative Vision With the support of

5 The Vision Create a cloud-based software system to allow patients, families and professional care teams to collaborate and manage health and wellness needs and services An educational platform for healthcare professionals that will put the approach into practice in health promotion, disease prevention, and chronic disease management

6 The Website A summation of the achievements of the group A design that reflects the significance of the partners, government support and investment in the project Fonts, colours, use of imagery designed to complement the wide-ranging partner brands Built-in style sheets and page templates ensure a consistent look & feel Provides unique logins for each partner to upload and manage content to their own specific sections

7

8

9

10

11 RESPONSIVE DESIGN

12 WordPress & Accessibility Today, WordPress is by far the leading web content management system in the world Built to support accessibility, SEO and responsive design best practices Having a free CMS of this caliber allows designers to allocate most of a client s budget to the design and communications aspect You still need a knowledgeable WordPress developer, but there are many to partner with and a broad community of developers committed to openly sharing knowledge

13 WordPress as a CMS platform MARKET SHARE OF CMS WEBSITES WORLDWIDE WordPress 23.1% 61.1 Joomla Drupal 3.0% 7.9% 1.9% 5.1%

14 WordPress as a CMS platform PERCENTAGE OF TOP-RANKED CMS WEBSITES WORLDWIDE Top 1,ooo, Top 10, % Top 1, %

15 WordPress Accessibility Checklist 1. Use headings and type hierarchies correctly 2. Create a readable page, order content appropriately 3. Use color wisely 4. Describe images ALT text should tell the story 4. Describe links make them meaningful (avoid click here ) 5. Use Skip to Content on intro animations 6. Avoid ReCAPTCHA, there are accessible options! See more WordPress Accessibilty Tips at:

16 Principles of Accessibility 1. PERCEIVABLE Web-based content and interface components must be presented in ways that all users can perceive, even if they have impaired vision or hearing. No information should be conveyed through non-text content alone! Use web tools to test for screen readers, contrast, colour. Provide an alternative text-based format for audio and video content.

17 Principles of Accessibility 2. OPERABLE All users accessing a website or online application, regardless of how they operate their computers by mouse, keyboard, voice recognition, switches or any other input device must be able to simply and accurately manipulate all interface and navigation components. Make all functionality fully accessible from a keyboard. Give users enough time to digest and respond to timed content, e.g., by flagging timed actions for fillable forms. Avoid content that flashes more than three times per second.

18 Principles of Accessibility 3. UNDERSTANDABLE Create the clearest possible content and interfaces so that all people, including those with cognitive disabilities, understand your websites. Make the interface intuitively predictable and consistent. Use clear, concise language. Avoid or expand all abbreviations and acronyms. Avoid large text blocks. Spell out requirements ahead of time.

19 Principles of Accessibility 4. ROBUST Ensure your website can be interpreted reliably by the widest variety of browsers, devices and assistive technologies. When viewed in various browsers your website things may look different. Page content may be scrambled, hidden or even lost. Don t aim for pixel perfection. Instead aim for looking good in each of your test browsers. Validate your code. The World Wide Web Consortium sets the standards and also hosts a variety of web page validators that ensure your site meets audience needs.

20 Let s work together to make Ontario accessible to all! Thank You