Category Archives: Conferences

The Accessibility Summit 2011

The good folk at Environments for Humans are running the second one-day, Accessibility Summit September 27th from 9AM to 5PM (CT). And the best thing about it? The conference comes to you, live and direct, as it’s all online.

I’ve been lucky enough to be invited to speak about Integrating Accessibility Across Devices alongside some pretty inspiring people such as Glenda Sims, Derek Featherstone, Jared Smith, Anitra Pavka, David Berman, Jason Kiss and Matt May. So if you want to find out more about HTML5, ARIA, colour, accessibility and Star Wars then snag yourself a 20% discounted ticket using the discount code 20SWAN.

Just in case you can’t make the date, or think you may be asleep for half of it, you can watch the recordings whenever you want afterwards.

Bargain.

Techshare presentation: Is the mobile web disabled by design?

I presented at Techshare earlier this month focusing on universal access on mobile drawing on comparisons and lessons from desktop and looking ahead at existing and emerging technologies that help developers ensure content is accessible across devices.

I tried to answer the question “Is the mobile web enabled or disabled by design?”, in other words can one web work for mobile users with disabilities? After much talk with people and feedback from my presentation my thoughts on this have evolved to the following:

  • Mobile development is at a cross roads just as desktop development was in the late 90s with a danger of separate versions, building for single platforms/browsers, reliance on proprietary technologies and ignoring web standards biting at our heels
  • We should focus on one content source, multiple delivery mechanisms (CSS Media Queries, personalisation, geolocation etc)
  • We can learn from our mistakes of the late 90s on desktop and skip to progressive enhancement, one web, cross browser compatibility and web standards
  • We are all disabled to some extent on mobile – this may influence better usability and accessibility overall
  • Mobile development may, in time, inform better web development on desktop
  • We need common accessibility APIs on mobile to support text-to-speech / screen reader output (pretty please)
  • Widgets are the way forward (more of that later)

I’ve gone into more depth on this in thoughts on making the mobile web accessible.

What next?

My research has showed me that there really isn’t a lot of information out there on how to make mobile browsing accessible. What’s key however is to remember that while there is a cross over between difficulties all users experience on a mobile and difficulties experiences by disabled users on the desktop  we can’t lump them together – we need to work to understand issues specific to disabled users and how to address them.

There are a number of great people out there already working in this area and starting to talk about findings and research. Ones to watch are:

If you know of any other people, initiatives or pieces of research flying around let me know and I’ll update this list.

Thoughts around universal access on mobile from Accessibility 2.0

There was an interesting mix of design, development and mobile covered at Accessibility 2.0 yesterday but for me I was most interested to hear people’s comments on mobile browsing for disabled users. Below are some quick thoughts of the day. Big thanks to AbilityNet and the other speakers and the Opera Developer Network who sponsored the podcasts and transcriptions which will be online soon.

Slides from my Techshare presentation is the mobile web enabled or disabled by design also provide background to this.

Panel on accessibility beyond the desktop and ‘one web’

  • Lucy Dodd – BBC (Chair)
  • Julian Hartly – Google
  • Damon Rose – BBC Ouch!
  • Veronika Jermolina – AbilityNet
  • Greg Fields – Blackberry
  • Me – Opera

Is one web possible with diverse users?

I enjoyed our panel which challenged the idea of ‘one web’ across devices whilst accommodating diverse users. Damon had some valid inputs saying that in the real world ‘one web’ doesn’t work for many disabled users who prefer .mobi sites not only on mobile but also on desktop due to their ease of use. This is an argument I hear often with m.facebook.com cited as a prime example as it’s less cluttered and more usable and accessible than it’s desktop counterpart.

My take is that because some disabled users prefer the mobile version of Facebook you can’t assume this is an argument against ‘one web’ as it could just as easily highlight the poor usability and accessibility of Facebook or <insert your site of choice here>. Instead we should be looking at better adaptation of content specific to delivery context using techniques such as progressive enhancement with media queries and adapting content with CSS.

I think Damon’s are important concerns and raise the real question which is how can we replicate what people like about mobile versions without resorting to versioning websites?

Step in personalisation. With the web everywhere we want to tailor content to suit context. Makes sense. This does not mean cutting or trimming actual content so that’s it not available but allowing users to choose what content they get on their device of choice. This can be done via the website itself and to an extent Facebook allows this by giving you options of what updates and notifications you receive in your timeline. If you allowed people to choose content order that would also help enormously on mobile.

The browser can also support personalisation by allowing you to set up different profiles when accessing content using the same browser of different devices. Opera Link allows users to sync bookmarks, speed dial, searches and notes touching on a respectable representation of what we can do to facilitate fast effective browsing. Imagine saving your fonts, colour combinations and other accessibility preferences that you could port across from desktop to mobile.

For this to truly work you’d need to be able to save different profiles to suit context. What I want in my Speed Dials on desktop, for example, may not be the same on mobile.

Will mobile innovate desktop browsing?

I’m beginning to see how innovations in mobile browsing to support universal access may just start influencing better desktop browsing and web design. On mobile you have to be more precise and targeted with content than on desktop as there is less accommodation for usability and accessibility error. The mobile context trumps assumptions of desktop such as a user is sitting down in a well lit place with no background noise and time on their hands to ‘browse’.

Maybe the convergence of mobile with desktop web design will have a positive influence on web design overall. Just as print informed web design when websites first appeared and desktop influenced mobile web design perhaps we’ll see mobile now inform desktop. Who knows.

Some very basic introductory slides and a transcript are available on slideshare.

Graded mobile browser support

Since looking into universal access on mobile what’s struck me is what little information there is out there for developers about deciding baseline technologies that are supported and what mobile platforms and browser support can be assumed. Unlike desktop where there is a finite amount of browsers to test for (although it may not seem like it at times) mobile is multiplied tenfold.

Yahoo’s! graded browser support helps developers framework what browsers and versions they should target on desktop. This got me wondering if we need something similar for mobile. Seeing as Chris Heilmann from Yahoo! was sat in the audience I thought I might direct the question at him during the panel (also mentioned over Twitter) and being the thoroughly top bloke he is he listened. I know many larger orgnisations will have this sot of information fed into the test plans but for the large majority of us we have to figure it out as we go along. Not only that it’s such a fast changing target that it’s impossible to keep up with on your own.

PPK seemed interested which gives me hope that I haven’t taken leave of my senses and I’d love to know what you think.

Check out Chris’s keynote Finite Incatatem – Accessibility is not black magic. Aside from being one of the funniest and most informative keynotes ever he flags some pretty cool innovations in the mobile and devices space from Wiihab, Nokia braille reader and iPhone accessibility.

Building universally accessible web apps – Greg Fields, Blackberry

I didn’t managed to take notes of the whole day but did capture some of Greg Fields presentation on making mobile web apps accessible. While not directly related to mobile browsing or the mobile browser I found a lot of what he had to say crossed over neatly with recommendations for making mobile content accessible and how we should look to the mobile browser to support access.

Below are a few bullet points of what he captured with a few comments from me – most of it is good common sense but never a bad thing to repeat.

  1. Native UI library
  2. Colour and contrast
    • Use of colour WCAG 2.0 1.4.1 – Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)
    • Colour contrast 1.4.3 WCAG 2.0 – 1.4.3 The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)
    • Avoid red green combinations
    • Don’t rely on colour alone for meaning
    • Use semantic colours

    I think use of colour coding can be hugely helpful in the same was grouping and layout can help sighted users.

  3. Inherit global settings from the OS
    • Especially important on map applications
    • Don’t conflict with user defined settings
  4. This reminded me of the work Brothercake presented and Standards.Next on HTML5 where he showed HTML5 forms could be stylable if browsers inherited the user’s settings from the OS. Styleable forms for HTML5 is something that we are asked about a lot at Opera and seems to have sparked a lot of opinion. If you have any ideas or suggestions then head over to Bruce Lawson’s blog and let him know what you think.

  5. Error messages
    • Include description of the error and how to resolve it
    • Goal to prevent user making the same mistake again
    • Use active voice
    • Prompt a call to action
    • No surprises here but always worth noting. Even WCAG have brought in provisions to version 2 outlining accessible and usable error messages and making sure they are accessible.

  6. Focus placement
    • Use a visible focus outline
    • Align with the user’s mental model
    • Important for all users across devices. I would add to this to not be tempted to suppress outline within the browser and where a:hover is used also use a:active (to keep IE and mobiles happy) as well as a:focus.

  7. Contextual menus
    • Most used application of frequently used option is in focus
    • Builds trust and decreases time to access content
    • Good user perception “It just works”
    • Again no surprises here as it is a core principle of good web design on desktop but something to consider when allowing users to personalise content perhaps.

  8. Consistency
    • Navigation, presentation, interaction methods must be consitant
    • Make the mobile app familiar to the desktop experience
    • Most sites are pretty good with consistent navigation but can slip when it comes to consistent user interaction I find. Making the experience familiar to the desktop also builds trust in the user and confidence in what they are doing on the mobile.

  9. Progressive disclosure
    • Inform the user of the number of steps in a task
    • Something as basic as this can help users calculate how long a task will take – essential when on expensive mobile payment plans as well as multi-task where needed.

  10. Grouping and chunking
    • Organise info based on type, meaning and so on
    • Limit option to 3-5
    • This should help users pre-process information and enable them to complete tasks without having to think.

  11. Keyboard access
  12. Greg skipped this slide due to time and went onto list resources which I thought was a bit of a shame (you can always reference resources after). Keyboard navigation is key and I do cover this in my Techshare presentation ‘Is the mobile web enabled or disabled by design’ (post following soon).

Standards.Next rocking cognition and accessibility

After an excellent couple of days at Techshare last week (where I presented on mobile accessibility – more of that later), myself and my glamorous partner in crime Bruce Lawson ran the second Standards.Next event this time covering cognition and accessibility.

Cognition is probably one of the most under researched areas of accessibility and the least understood. As a result design of usable and accessible websites is incredibly speculative and hard to get right. Unlike accommodating users with screen readers (which is more of a precise art) making colours, text, fonts, layouts, images and icons speak to everyone ranging from those of us with learning difficulties, problems with perception, memory, cognition and comprehension is a hard task to fill. As autistic web pro Jamie Knight said:

Autism is a big spectrum, and in a very real way everyone is autistic!

We were lucky to get four fantastic speakers as well as a over 50 people who had a lot to contribute themselves in questions, discussions and comments over Twitter. Thank you to everyone who gave their time to make it such a valuable and informative event especially the speakers Antonia Hyde, Jamie Knight, David Owens and Ian Pouncy.

Huge thanks also to Kath Moonan who helped us find a room and the Opera Developer Network who sponsored the event.

Antonia Hyde – Accessibility Beyond Code

With years of experience working with people with cognitive and learning disabilities Antonia had a truly captive audience with her talk accessibility beyond code which included commentary on videos she had taken of Martin using websites and what he found tricky when using them

What struck me was how much her testers hit upon issues that I myself find problematic. Antonia explained just how important it is to be literal on the web and not assume that people understand even the most common of icons such as “i” for information: using icons and text is always a good way to go.

The image she showed below is a good case in point when it comes to being literal. The sign “Use escalators safely” is unhelpfully illustrated with a man running down the escalator looking to all intents as if that’s just the right thing to do. Perhaps a red cross through him would have illustrated the point better.

Image of a man running down an escalator with the sign "Use the escalators safely". Courtesty of Antonia Hyde

Antonia finished up highlighting that it’s not just the designer’s responsibility to make content accessible but also the developer and the content editor’s responsibility. I would add to this that it’s also the browser’s responsibility to help render and provide access to content that really helps the user. Something that we are keenly aware of at Opera.

Huge thanks to Martin for contributing his time and being videod.

Jamie Knight and Lion – Autism, the Internet and Antelopes

Jamie and Lion wowed us with his unique take on Autism, the Internet  and Antelopes (blog post and slides from the man himself). Being a “generalist” as he describes himself he took us through some of the projects he has worked on and what he does as a web professional.

Jamie Knight and Lion present Autism, the Internet and Antelopes - Photo from Kath Moonan

He told us about his personal screen reader he’d built to help him read web pages when he was tired and illustrated how screen readers should not just be seen as access tech for the blind but for just about anyone who might find it useful listening to web pages. He made a good point as I occasionally (er, not enough) listen to my blog post content through VoiceOver on Mac in Opera to check my grammar which I really struggle with.

Jamie also talked in depth about how video, as great as it is, can be a problem when played automatically on download (especially when his screen reader is running) or the spoken word is too fast. He talks a little bit about this in his interview as well. He also explained that when he gets sensory overload he wished there was a way to convert text into sign to help give meaning to words. I couldn’t help thinking this would make sense for many of us who are more visual.

David Owens –  lessons learned doing usability testing

We got a first hand walk through from David on lessons learnt from user testing and I have to admit I was impressed to hear of an organisation out in the real world who were taking this group seriously. When his company initially set out to do user testing they didn’t specifically recruit people with cognitive impairments but along the way realised that they had some testers who were able to highlight key issues with their site.

David discussed style switchers on websites (A, AA and AAA for small, medium and large text etc) and how important these were for users who would never be comfortable changing their browser settings. Representing a browser maker I’m acutely aware of how important discoverability of features and preferences to help you browse are. It’s important to educate people and make them aware of how to access these however David’s point was that there are often people who will just never be comfortable changing things in the browser.

David also highlighted that you can’t assume a user remembers how to do something on your site if they’ve done it before. This was picked up by Patricia, my soon-to-be-mum-in-law, who has Fibromyalgia and often can’t remember how to do certain things. She summed it up perfectly:

Thank god other people find the same things difficult, I thought it was only me!

If we achieved nothing else on Saturday I’m happy that David helped Patricia realise that she wasn’t the one who is broken!

Ian Pouncy – content and cognition

Rounding off the day Ian gave excellent bitesize pieces of advice on content and cognition learned from his time working at Yahoo!. What I loved about is talk was that he wrapped in cross-overs with internationalsation such as clear, well worded text. He also did a walk through of a mock-up site showing us how he’d improve it.

His talk triggered some debate over lightboxes (those pesky ‘popups’, often of images that overlay a page) and how confusing they are to users who don’t understand where they have come from or how to get rid of them. I’d add to this quirks of keyboard access where they seem to be keyboard focusable but as part of the rest of the content of the underlying page making it a huge effort to tab to ‘close’ buttons (if they exist).

An image overlayed a webpage using a lightbox from Wikipedia

I was happy to see a Tweet from Alastair Campbell however suggesting he might look into the problem:

After #standardsnext (and considering an upcoming project), I think accessible lightboxes will have to be on the to-do list.

Go Alastair!

Final thoughts for me

Since joining Opera I’ve increasingly used our accessibility features within the browser while looking more closely at how people discover features within the browser that help access content in a way that is meaningful to them. As with any browser this is a huge challenge and there is an important balance in exposing access to preferences without further confusing the user.

It was great to gather feedback on what people wanted from the browser, or indeed expected, and will tie in nicely with user testing that David Sloan of the Digital Media Access Group at Dundee university and I will be doing this autumn with older users to see what they can teach us about improving our browser. So watch this space – we hope to have something to share with you early next year.

Links and things

Blog posts and Twitter coverage

Tools and resources

Here’s a list of bits and pieces mentioned on the day plus a few more that may help:

Accessibility 2.0 – September 22nd, London

I missed Accessibility 2.0 last year as I was away at another conference but remember avidly checking Twitter as the day unfolded and with it the controversy and the light bulb moments.

So much good came out of it such as Easy YouTube, a collaboration between the flame haired love-god of accessibility Christian Heilmann  and the delectable Antonia Hyde, as well as Scripting Enabled which took off in London and Seattle.

Thankfully it’s back this year and I definitely wont miss it as I’ll be there sharing a panel with Marco Zehe from Mozilla,  Damon Rose from BBC Ouch and Veronika Jermolina from AbilityNet on “Accessibility beyond the desktop”. The rest of the speaker line-up is pretty impressive too with Christian giving the keynote, the mighty Steve Faulkner talking about WAI-ARIA and Mark Boulton on accessible design – something that is rarely spoken about enough. We get so hung up with technical accessibility for screen readers that often we overlook deaf users and people with cognitive problems who thrive off good design.

Speaking of which, Lisa Herrod, one of a handful of people who has a focus on deafness and hard of hearing issues, will also be giving a pre-conference workshop on deafness awareness for webteams. Definitely one not to be missed and if you need any more convincing then check out her article on A List Apart: Deafness and User Experience.

The good people at AbilityNet are also putting together podcasts of the day that the Opera Developer Network will be sponsoring. If you want a flavour of what’s to come check out the podcasts and transcripts from last year.

So sign up and get your tickets while they last and follow Accessibility 2.0 on Twitter so that you can get updates before and during the day.

See you there – and come armed with questions on accessibility beyond the desktop as this is where it’s at right now.

Standards.Next: cognition and accessibility

After the success of the HTML5 meetup we’ve set a date for our next event: cognition and web accessibility.

We wanted to do this as it seems to be the area that we web developers know the least about, most probably because it’s the area that is least documented and understood. We are all different and never more so than when it comes to cognition.

We have some excellent speakers including Antonia Hyde who leads in her field and also worked on Easy YouTube with Christian Heilmann . David Owens will be sharing what he learnt from user testing with people with cognitive problems and Jamie Knight will be sharing his experiences as as web designer with autism. Ian Pouncey from Yahoo! will also be sharing what he has learnt along the way.

So come armed with your questions, thoughts and ideas to City University, Saturday September 19th from 1pm to 4pm.

Sign up on Upcoming and see you there.