SLIDE 1 Access to Information Technology& Website Development Studio MŽtis Jonathan Lyn-Shue Carlo Ignacio SLIDE 2 Problem set/ Needs Goals Solutions >> Fulfill Needs SLIDE 3 Questionnaire Audience Design Accessibility & Web standards Content Comparable Sites Logo Timeline Budget SLIDE 4 AUDIENCE Who is your core audience? Age range? Expectations? Comfort level on the internet? How new/old are your audience's computers? SLIDE 5 DESIGN Style: conservative, funky, colorful, futuristic, urban, flashy, warm Colors, color schemes, combinations Logo integration Images Download speed considerations? Computer SLIDE 6 ACCESSIBILITY What are web standards? A set of rules created to standardize how information is communicated on the internet. What is accessibility? The ability to obtain and use content from the web in a useful manner. The primary focus of accessibility is access by people with disabilities. SLIDE 7 Content What pages do you need? Home Page About Us Contact SLIDE 8 Comparable Sites Design Inspiration Industry Leaders Popular Sites SLIDE 9 Timeline Design Phase Development Phase Testing Phase Debugging Phase Final Deliverables SLIDE 10 Budget Is pro-bono work feasible? Large Corporations Tax Write Off Consideration *Exchange services for advertising Collaborative projects between departments/agencies/institutions to divert expenses SLIDE 11 Seeking Outside Help Talk to your staff (ie. Personal references) Talk to sister/brother programs about their external resources Review favorite sites and reach out to their webmaster SLIDE 12 How can technology meet our needs? SLIDE 13 Accessibility in Detail 508 compliance Accessibility = Usability The goal of accessibility is to design a website to communicate information to more people in more situations. Audience: organizations serving youth with disabilities SLIDE 14 Accessibility: Disability Types Visual disabilities: Colorblindness Cataracts Long sightedness Others: Cognitive Mobile Hearing SLIDE 15 Accessibility in Websites Better design & implementation HTML & CSS for presentation Smart, intuitive navigation Providing information in text rather than images (equivalents) SLIDE 16 Accessibility Tools Assistive Technology Tools & resources used by individuals with disabilities to help improve their online experience. Examples: Screen Reader, Voice browser, Window-Eyes, JAWS, OutSpoken (MAC) SLIDE 17 Accessibility Compliance Testing Webxact A-Prompt UseableNet WebAIM's WAVE 3.0 SLIDE 18 How will working with IT help your youth organization? Simplify processes involved in: Education Planning Career Planning Job Search Establish comfort zone with computers and accessibility tools to allow children to independently browse youth-oriented content on the internet. SLIDE 19 Training Process Introduction to assistive technologies Learning to find accessible sites on the internet SLIDE 20 Accessibility Myths Accessibility is just for blind people Accessible websites are ugly and boring Accessibility is expensive and difficult Offering a text-only version is good enough SLIDE 21 End Thank you participating in today's session. We hope that all of you continue to stay motivated in your progress towards building Accessible Websites and Multimedia. Studio MŽtis was born from the notion that Creativity should never be compromised. We encourage all of our partners to work with technology instead of against it. For more information on Studio MŽtis please visit our website at www.studio-metis.com Carlo Ignacio & Jonathan Lyn-Shue