Finding your way: The accessibility considerations for Digital Signage and Wayfinding November 2018.

Slides:



Advertisements
Similar presentations
Ease of Access and Assistive Technology on Windows 7 Computer Access for Individuals with Visual Impairments.
Advertisements

Cross-platform accessibility fundamentals for testers 1 BCS SIGIST Winter 2014 conference 4 December 2014 Jon Gibbins © Jon Gibbins.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
XX/XX/XX Presenter names Position Title Accessibility “How to”
Web accessibility A practical introduction. Presentation title and date1 Web accessibility is about designing sites so as many people as possible can.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
October 2, 2007IEEE IPCC2007 Building Communication With Access for All Richard B. Ells Senior Webmaster University of Washington
PowerPoint: Tables Computer Information Technology Section 5-11 Some text and examples used with permission from: Note: We are.
PDFs & Dorsetforyou.com Laura Hall Senior Website Officer
Interactive Wayfinding System for Hospitality
Accessibility IS 403: User Interface Design Shaun Kane 1.
Accessibility Standards. This PowerPoint will cover: – Web accessibility standards – Word file accessibility – PDF accessibility – PowerPoint accessibility.
ACTIVITY. THE BRIEF You need to provide solid proof to your stakeholders that your mobile website meets the needs of your audience. You have two websites.
1 Direct Manipulation Proposal 17 Direct Manipulation is when physical actions are used instead of commands. E.g. In a word document when the user inputs.
Slide 1 Interactive Wayfinding University Application Smeal College of Business Penn State University State College, PA.
9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability Arts, Media and Technology at the MCA.
Evolution of Web Accessibility Meenakshi Sripal COMS E6125.
Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH Salt Lake.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
Acessible Digital Media By Rivelina Lorvil. What is Accessibility? ♦Accessibility involves two key issues ♦ first, how users with disabilities access.
User Interface Development Target or Specific User Groups.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Robotic Assistance. The PROBLEM Providing assistance for the Blind –What do we mean by “Blind?” Stereotypical blindness Visually impaired What assistance.
Introducing!. The New! (and Improved) Website! It makes finding what you need MUCH easier.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
+ Year 2 Computing Specialism Session 2 Aims of the session For students to develop an understanding of: How Computing provides wide range of tools that.
Master the MULTI-SCREEN WORLD.
Interactive maps pz.tt/CSUN16-map
Welcome to the Microsoft Outlook 2011 for the Mac Tech Talk.
SIE 515 Universal Design Lecture 9.
Making videos accessible – Mandatory guidelines
Lesson Objectives Aims You should be able to:
County Website Content Management System
Welcome to the Microsoft Outlook 2010 for Windows Tech Talk
Interact 2: Options for organising and presenting content
Accessible materials.
Web & accessibility resources
Web-based structures, links and testing
Accessibility in Digital Documentation
Screen Reader Testing and Website Support for Beginners
Local Offer Website Walkthrough
iPad Accessibility Features (IOS operating System)
Collaborative Work Placement
PowerPoint: Tables and Charts
Master the MULTI-SCREEN WORLD.
Is Your State, District, or School Website Accessible?
Screen Reader Testing and Website Support for Beginners
Maintainability What is the primary task for the maintainability of a web site? Web sites designers must be aware that during the lifetime of a site one.
OverDrive Digital Library Basics
Curry School of Education
OverDrive Digital Library Basics
Implementing Digital Accessibility
Dimensions of Accessible Design
Successful Website Accessibility Testing
Melksham Oak Community School 14 November, 2018
Lakeshore Public Schools
Learn how to make SharePoint Accessible and Inclusive
Building your class website
Project Description and Finding a Sponsor
Finding the Ways To Make Wayfinding Work
Accessible Design Course by Intopia
Change how your event is seen
The Open University Library: Testing accessibility of eResources
Web Standards and Accessible Design.
Tips on good web site Design
Accessible Design Top 10 List
Business Prototype Look and Feel
Accessibility.
Presentation transcript:

Finding your way: The accessibility considerations for Digital Signage and Wayfinding November 2018

Today Recent Digital Signage Project Legal requirements with Digital Signage Accessing Digital Signage in the physical world How WCAG 2.0/2.1 can relate to Digital Signage

Digital Signage Digital signage has been around for a long time. It’s been creeping it’s way into many public buildings, such as shopping centres, libraries, Fast food or other complexes. Interactive Digital Signage and wayfinding has become more common in recent years, but I’m from Perth so we’ve probably had it for the last few decades here in Sydney! The Centre for Inclusive Design was provided the opportunity to assess the accessibility of an organisations digital signage, and this presentation will share what we learned.

The Project Vertical Kiosk Horizontal Kiosk CFID was contacted by a local government in Victoria to assess the accessibility of their Digital Signage and Wayfinding in one of their main community hub buildings. Touch-screen kiosks were already put in place, which allows attendees to learn about events and receive navigation on where to find them. They had two kinds of kiosks. The Vertical Kiosk was located next to the reception, and was intended to be used while standing. The horizontal kiosk was in a lounge area, and designed to be used while seated. Both Kiosks could perform the same tasks.

Initial Questions How do people interact with the kiosks? Specifications of the Kiosk? Are there any legal requirements in Australia for accessible interactive digital signage and wayfinding? How do people interact with the kiosks? (touch-screen only, buttons/keyboard, do you have to use the kiosk, or can you bring your own device?) Specifications of the Kiosk? Hardware specifications, Software Specifications. What is this Kiosk capable of doing?

Disability Discrimination Act Yes. Signage must be accessible. “Unjustifiable Hardship” No specific guidance around accessible signage. Yes. Signage needs to be made as accessible as possible, unless the effort generates “Unjustifiable Hardship” for the organisation. The DDA does not provide specific guidance around accessible digital signage, unlike the American’s with Disabilities Act.

Initial Findings Kiosk Interface is HTML Touch-screen only No speakers/audio input Kiosk positioning is static The Kiosk interface is a HTML website. The Kiosks were touch-screen only, and could only be used via the Kiosk. - You couldn’t use your own device, cannot bring your own assistive technology. - Any assistive technologies had to be built into the Kiosk. The Kiosks had no speakers for audio output, or microphones for audio input. The Kiosk positioning was static, but could be moved into a different static position, with effort.

1 2 3 Proposal An on-site physical accessibility review of the Kiosks WCAG 2.1 Review of the Interface 2 Usability testing 3 The following slides will be the highlights of the on-site assessment and WCAG 2.1 review.

Height On-Site Assessment Due to the tall height of the vertical Kiosk, an Accessibility button had been enabled to which moves the screen down.

Glare On-Site Assessment As the Vertical Kiosk was facing windows, Glare would appear on the screen. The glare in this case made the home and back buttons very hard to read.

Labelling Maps On-Site Assessment Grey lines were being used to label different parts of the map, which were identified as being hard to follow and read. This was something that was quick to resolve.

Labelling Maps v2 On-Site Assessment The grey lines were replaced with a legend, meaning people did not have to rely on following lines.

Use of Colour On-Site Assessment The “Room Bookings” text in this example is a link, but it’s hard to see and the link itself is fairly small. In WCAG, it would be recommended to at least underline your links, but for a touch-screen kiosk the size of navigation options matter as well. It may be tempting to use a normal link when building your kiosk in a HTML website, but ideally big pressable button links should be used instead.

Use of Colour WCAG 2.1 Review An Event Calendar was present in the Kiosk, and they showed days that have past by changing it’s text to a light grey. Due to this, the days that had passed were difficult to read, and it would be difficult for low vision users to tell the difference between a past date and an upcoming date. Rather than making the past days harder to see, make the upcoming dates stand out more.

Colour Contrast WCAG 2.1 Review Several colour contrast problems were found.

Pointer Gestures WCAG 2.1 Review The Carousel required path-based movement to change the slides on their carousel. This can be challenging for some people with motor impairments, and so we’ve suggested adding some single-touch previous and next buttons to change the carousel slide. The carousel also periodically moved by itself, and so we suggested added a pause button to give users the time they need to read the content on each slide, and also so they will not be distracted by the slide movement.

Non-Text Contrast Before After WCAG 2.1 Review WCAG 2.1’s colour contrast requirements played a part for icons.

Resize Text WCAG 2.1 Review Much of the text did appear quite small in the website, and while the website was built in HTML, there was no way to access the browser magnification. We recommended that they add their own text resize buttons.

This WCAG audit and on-site assessment is all well and good. Ultimately, we did improve the accessibility of the Kiosks.

But don’t you think we could have done so much more? Going into this project, a lot of decisions had already been made which limited the potential of the project. At the end of the day: The kiosks are not accessible for the blind person who needs to use a screen reader. The kiosks are not going to be used by shy/private people who don’t want people looking over their shoulder while they use the kiosk. The kiosks are not going to be useful for people who aren’t great at orienting themselves from just looking at a map. Taking a step back and thinking about those edge cases are important, as it can change the direction of your project and lead to a more inclusive and accessible result.

How about a solution where: Kiosk information could be accessed from any device. Navigation beyond just the Kiosk, waypoint beacons. A customizable interface, updates to the users needs. These are just some ideas that can be revealed by approaching a project with inclusive design thinking and methodology from the start. By focusing on a user-centered design, your project will be more accessible to everyone.

Thank You! Matthew Putland Senior Analyst, Digital Accessibility @Mattcessability Sebastian Amado UX Design Lead @Seb_Amado