Good example of an accessible website?

screnshot of expedia websiteExpedia gets a good write up from the Accessibility Wins blog site. Curator Marcy Sutton went looking for inaccessible tourism websites for a project she was doing and said she found many. However, she liked Expedia and claims: “They have a skip link, labeled form controls and icon buttons, and intuitive navigation. They’ve made it easy to navigate with a keyboard and a screen reader”. The blog site is aimed at web page designers and developers. Other posts are a bit more technical such as Google Chrome’s Color Contrast Debugger which tests the colour contrast ratios. Useful for anyone needing to brief a web developer as well as web designers and developers.

Editor’s Note: I haven’t checked this site out personally, but it seems Expedia is keen for any feedback about the accessibility of their site. 

Apps for people with low vision

The Macular Society in the UK has a great list of different smart phone apps that help people with macular degeneration and low vision. Good apps can make a big difference to everyday life. The list includes both free and low cost apps as well as Android and iOS. A brief description is provided for each one with links to download the apps. Below are just some in the list. For more go to the Macular Society website:
BeSpecular
Aipoly Vision
iDentifi
Be My Eyes
TapTapSee
Color ID
CamFind
DAISY Talk
Kindle
ATM Finder

The Macular Society is a large well-established UK based organisation. They have many fact sheets on the condition. Their website can be read in text only and they have the option to listen. The website lives the message.

A Wheelie Good App

Three manual wheelchair users with their phonesGetting around a university campus is not always the easiest task for new visitors or students. For wheelchair users the task is all the more difficult usually due to uneven topography – steep slopes and lots of steps or long ramps. The University of Wollongong is piloting an App to help navigate the campus, which can then be applied to other places. Using UOW’s Wollongong campus as a pilot study, Briometrix will translate wheelchair-user-generated data into navigation routes on its Navability App, which will show the best routes for wheelchair users based on their relative ability to propel a wheelchair. Each time a user logs-on and makes a journey, the collected data will update the app ensure it reflects any changes in the built environment. Combining the location-based technology used in Google Maps and exercise monitors with new information specific to a wheelchair experience, the project has the potential to create a new understanding of life on campus and the wider world. It will be interesting to see how this evolves. 

Before and after treatment

A light brown teddy bear has a bandaged leg and two band aids in a cross on its headAnother great post from Axess lab with excellent examples of before and after treatments for web page content. The simple layout and way the examples are presented are a good example in themselves. It covers the usual things such as text contrast, screen reader access, and colour coding. The main message of the article is to provide users with choice. To input using a keyboard or using touch screen. To read text or watch a video. Show the colour choices with the name of the colour. As Axess lab says in their article, “The point is that it’s not rocket science. Also, making your site or app accessible does not mean you have to make it boring and remove all colors, images and videos.” Axess lab is based in Sweden – you can sign up to their newsletter.

WAG for people who haven’t read them

A young woman sits at a desk with her laptop open. She has her face covered by her hands and is indicating distressWCAG and W3C might be familiar acronyms, but do you know what they mean? And what, if anything, you should be doing about it? WCAG – Web Content Accessibility Guidelines 2.0, can a bit off-putting at first because this is an international document that doesn’t translate well in all languages. The guidelines are also very long. Alan Dalton has taken away the legalese and provided a simpler and more user-friendly explanation of these guidelines. He covers text, operating the website, understanding content, ensuring the site works on all devices. The W3C – World Wide Web Consortium, is about the release the next version, WCAG 2.1.

The article has links to more complex documents such as Understanding WCAG 2.0, and the Techniques for WCAG 2.0  – together they become 1,200 printed pages.  And there are links to other useful resources, such as Why Bother with Accessibility?

Design principles to live and die by

A text box with a grey background and white text with the heading: 8 Design Principles to Live and Die By, According to Facebook, IBM, Pentagram and MoreThe FastCodesign website has another interesting article about design. Every designer has the principles they work by.  So they asked eight prominent designers, “What is the one principle you never compromise on?” The answers are consistent with universal design principles: Good design is both invisible and obvious; Ignore trends; Ban mediocrity, Design to elicit emotion; Articulate your purpose, honestly and explicitly; Users are people not statistics; Design thinking isn’t for designers and; Design for the big idea. See the article for the designers’ explanations.

An abstract pattern of muted blue and orange squares of different sizes.

 

eBay cashes in on accessibility

logo of ebay - red e, blue b, yellow a, and green y.eBay is another big brand that is embracing digital accessibility. “Digital accessibility is a way to improve your bottom line and avoid litigation, but more importantly it is a way for a brand to become an even better version of itself”, says Mark Lapole. He claims that neglecting to incorporate feedback from people with disability is potentially ignoring 15% of all people who could be interacting with the brand, and therefore participating and contributing to the economy. Mark’s article, Creating a Company Culture that Promotes Accessibility, lists five key points and is published on the Applause blog site. It is a company that specialises in accessibility assessments and user feedback. You can tell he’s taken their advice – the font size on the webpage is large and clear. 

For more local advice see Media Access Australia. They have lots of resources to help make the digital world accessible to all.

Editor’s note: Products, buildings, policies, can all become “better versions” of themselves if they do some thinking around inclusion. It doesn’t just apply to websites.

 

 

Inclusive digital design posters

A blue background with the beginning of a web address: http://www... and a cursor arrowThe UK Government has produced a series of six posters to raise the awareness of designers of people with different digital access needs. They cover: low vision, deaf and hard of hearing, dyslexia, motor disabilities, users on the autistim spectrum and users of screen readers. The posters are divided into Do and Don’t to help keep things simple. However, downloading a copy of the poster does not seem so simple, but it can be viewed online. The content of each poster is listed on the webpage titled, The Dos and Don’ts on designing for accessibility. 

The dos, that run across various posters, include using things like good colour contrasts, legible font sizes and linear layouts. While there might be some conflicts, such as some people needing bright colour contrast and others not, the guidance also advises to check with users to find the right balance. The posters have been produced in different formats to suit different users.

Handy video on web accessibility

young female at a desk with laptop, coffee cup and notebookThe Australian Government has produced a short video, Web Accessibility: what does it all mean? The first important point made in the video is that web accessibility is not about disability – web accessibility is about universality. There is no speech in the video. Instead all the messages are delivered by interesting text. At the end there is a link to more information. There is no speech in the main version, only upbeat background music and poster messages in the video below. You can get speech with the video or you can get an audio only (MP3) version.  This is a great example of providing information in different formats where the original design is not universally accessible.

MOOCAP – Education on accessible design in ICT

MOOCAP CourseMap_v3_600Another acronym has arrived: MOOC – Massive Open Online Course. These are unlimited open access courses delivered online and devised for wide participation. So now it is important to think about accessibility of these courses. Enter MOOCAP. This is a joint European project and the name stands for MOOCs for Accessibility Partnership. This project is to provide education on accessible design in ICT. MOOCAP will create free online courses that show how to “create accessible media and content, such as web sites, mobile apps and office documents”. The MOOCAP website itself is a good example of how to do things well. They also offer a wide range of specialised courses:

Accessible Documents
Intellectual disability and inclusion
Inclusive teacing and learning environments
Accessible Gamification
Design Innovation: Inclusive approaches
Accessible Mobile Apps
Assistive Technologies
User Interface Personalisation
Accessible Web
User Centred Design for Accessibility

You can subscribe to their newsletter. There is detailed information on the website on each of the specialised courses.
Note: Open Educational Resources are made available under the terms of creative commons. These can be shared as long as they are attributed to the creators.