WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Virtual tour

for

From: Patrick H. Lauke
Date: Apr 2, 2017 12:49PM

On 02/04/2017 19:04, Fernand en Jolanda van Olphen wrote:
> The Hague (The Netherlands) is redesigning one of its parks. It is asking
> its citizens to choose 1 out of 3 options: A, B or C. It is using a "virtual
> tour <http://clients.skycap.com/gemeentedenhaag/dehorst/tour.html>;" to
> present the options.
>
> But this virtual tour has accessibility issues, in my view.
>
> Personal thoughts:
>
> - Make navigation keyboard accessible (including focus indicator)
> - Give screenreader users (hidden) hints: "to the right", "to the left",
> "zoom in"

Keep in mind that screenreader users will get little value out of just
having controls labelled, if the underlying content that they're
navigating with them is also not accessible. So instead of thinking in
terms of SR users, it'd be better to think of this (adding correct
accessible names to controls) in light of speech-recognition users, for
instance, who will be able to then trigger the controls more naturally
(provided the accessible name is shown/exposed visually somehow, maybe
with a toggle-able hints/labels control which shows/hides them)

> - etcetera...
>
> Challenges:
>
> - Text alternative for what is basically one big image...

Fundamentally, the nature of the virtual tour is to simulate the
experience of walking around the park. Beyond a text-based description
of the park itself, there's probably little point in doing anything
"interactive" here for non-visual users (there's no point for them to
navigate left, right, zoom in, etc unless you plan on providing a
separate description for each stop/location, which would still be an
inefficient way compared to a separate text description which simply
describes the features of the park).

> Does anyone know how to make this accessible?

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke