Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using.

Slides:

Advertisements

Similar presentations

Introducing the Six Traits: One of The Writing Process.

Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.

National Center for Accessible Transportation Proposed Guidelines for Web Accessibility in the Travel Industry R.J. Zaworski, and K.M. Hunter-Zaworski,

WCAG 2.0 top ten checkpoints Ten popular area of focus for compliance and accessibility.

#10 Useful Reports Election Eligibility February

Cognitive Walkthrough More evaluation without users.

Indie Portal Overview of Web Portal for Network of Independent Charter Schools Fall 2011.

XX/XX/XX Presenter names Position Title Accessibility “How to”

Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:

1 Accessibility CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 16, 2007.

Creating a Website Part Two Navigation. Creating Usable Navigation Provide enough location information to let the user answer the following navigation.

1 PrototypingPrototyping CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 28, 2004.

Functional Modeling Chapter 6.

Pat Burns VP for IT Nov. 11, 2013 MEETING WITH WEB DEVELOPERS: MAKING WEB PAGES ACCESSIBLE.

Designing for Disabled Users.  p?vid=35 p?vid=35.

What kind of media institution might distribute your media product and why? By Jess Knight Question 3.

Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.

Unit 2 — Building Web Part B) Designing the Web. Phase 1: Planning a Web Site Like an architect designing a building, adequately planning your Web site.

INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology

Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.

System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.

Microsoft ® Office Outlook ® 2007 Training See and Use Multiple Calendars ICT Staff Development presents:

IndusInd Bank – Website

Accessibility Related User Stories Forms Testing As a user, I need form controls, labels and instructions to be clearly conveyed back to me, so that I.

Meet a Friend and Write Their Story

Requirements Gathering this process determines exactly what is required (and not required) of a project Three key areas include: Identify and prioritize.

ADDITIONAL GUIDELINES. Source: Wroblewski, L (2008) Provide Clear path to completion.

Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.

Art 155 Information Architecture In-class Presentation Week 3B.

Parent Portal Also known as: The next best thing to being at school with your student!

Instructors begin using McGraw-Hill’s Homework Manager by creating a unique class Web site in the system. The Class Homepage becomes the entry point for.

Input Tongue Drive System Virtual Keyboard Braille keyboard Output Screen Readers Printer Braille Printers.

Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.

How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.

COMPUTER PARTS AND COMPONENTS INPUT DEVICES

Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.

1 Human Computer Interaction Week 10 Web Usability.

Online Friends’ Community Presented by: Stuart Monaghan HND in Computing th May 2002.

Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.

Special Links Web Design – Section 3-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Toulmin: The Basics Stage 1: The Argumentative Paragraph 1. Unpacking the Essential Question 2. Close Reading 3. Evaluating Evidence 1. Claim 2. Clarification.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

Build Relationships and Build Business on Powered by Customer WOW Project.

Accessibility Related User Stories Document Structure Testing As a user, I need to be able to make sense of how the page is organized, so that I can efficiently.

Accessibility Related User Stories Navigation Testing As a user, I need all navigation mechanisms provided in a page to be marked up in a way that is compatible.

User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,

Writing and Editing Modular Documentation: Some Best Practices Yoel Strimling (Comverse) Based on a joint presentation with Michelle Corbin (IBM) at the.

1. 2 What is Mosby’s Nursing Skills? A comprehensive online skills and procedures reference system from Elsevier, publisher of Mosby and Saunders, the.

Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:

The Disability Resource Center Web Accessibility Assessment for Everyone.

Bridging the Generation Gap Through Stories Aro Muttilainen Oliphant Sammander Sen.

Color Theory. Primary Colors Colors that cannot be created by mixing others.

Audience Profiling with Personae and Use-Case Scenarios User Scenarios combine User Personas/Personae with User Tasks remember.

A perfect day? Focus on Vocabulary & grammar 授课教师：首师大附中马德玲.

Using the Personal Image Photo Library

Community Engagement Web Community Manger (WCM) - Schoolwires

Introduction to Event-Driven Programming

The all-new rlpNetwork

*Between The Lions* By Kristina Wade.

Accessibility testing

Sharon Trerise & Kara Patten Graphics from webaim.org

Website Redesign Presented BY: Lauren Hendricks Moriah Richards

Creating a Word Document – Part 1

Chapter 6 Groups and Formal Organizations

Policy Content at SSA … an update, and sharing questions

Web Standards and Accessible Design.

Prototyping Sriram Mohan.

Название доклада.

DESCRIPTIVE TEXT.

Presentation transcript:

Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using only my keyboard, so that I can use the site to its full, expected extent.

Instructions ① Gather in sub-groups ② Pick an assignment ③ Select a website ④ Complete the task ⑤ Share the experience

Meet Mary Needs and Goals To know she can trust people Open her own music school Behaviors Very outgoing, always seeking excitement Gets things done quickly when focused Particularities Was born blind Is a power screen reader user Uses NVDA at a speech rate of 75 Demographics 35 years old Married Two boys Musician Works from home

Meet John Needs and Goals Clear, simple instructions Not get lost in details Behaviors Loves to make to-do lists for everything Frequently feels anxious and overwhelmed Particularities Became blind after severe car accident Is a casual screen reader user Uses NVDA at a speech rate of 50 Demographics 47 years old Single No kids Accountant Works in small office

Meet Jim Needs and Goals Spend as much time as possible with family Goes to church every Sunday Behaviors Untrusting of computers, dislikes technology Finds interacting with computers impersonal Particularities Has macular degeneration (low vision) Recently been introduced to screen readers Uses NVDA at a speech rate of 25 Demographics 75 years old Widower 15 kids/grandkids Retired

a11yTip #9 Ensure pages can be fully controlled without a mouse (A) - Keyboard Access Page functionalities are available using the keyboard.

a11yTip #10 Place active elements in a predictable tabbing order (A) – Keyboard Focus Active elements receive focus in an order that follows sequence and relationships in the content.

a11yTip #11 Provide a mechanism to skip content repeated across pages (A) - Bypass Blocks A method is provided to skip navigation and other elements that are repeated across pages.

Getting Started Test Case Template Test CaseSubjectTestDescriptionStep NameStep Description Step Expected Results

Accessibility Test Cases Keyboard Access Test Case 1.Turn on NVDA screen reader 2.Open the page in Firefox 3.… 4.… 5.… 6.… 7.… Expected Results …

Accessibility Test Cases Keyboard Focus Test Case 1.Turn on NVDA screen reader 2.Open the page in Firefox 3.… 4.… 5.… 6.… 7.… Expected Results …

Accessibility Test Cases Bypass Blocks Test Case 1.Turn on NVDA screen reader 2.Open the page in Firefox 3.… 4.… 5.… 6.… 7.… Expected Results …