Showing 2 result(s) for tag: accessibility

Delivering accessible mapping applications for everyone [Geocortex Tech Tip]

Accessibility has become a top-of-mind topic for businesses, government agencies, and developers of technology in recent years; U.S. legislation like Section 508, which requires inclusivity for end-users of all abilities, has emerged in recent years and historic exemptions for web mapping have been eliminated.

Since 2015, Geocortex Viewer for HTML5 has been accessible out-of-the-box and meets the criteria to be Web Content Accessibility Guideline (WCAG) AA compliant, without requiring administrators to undertake complicated and onerous configuration or development. In this week’s Tech Tip, Garrett takes a closer look at screen reader support, keyboard navigation, and other accessibility features that ship with Geocortex Viewer for HTML5.

Watch on YouTube


Video Transcription

“Hi my name is Garrett, I work on the Product Experience Design team here at Geocortex. Today we’re going to take a look at some of the accessibility features included in our viewers. You don’t need to do anything to configure these – they’re all included out-of-the-box with every viewer implementation.

Geocortex Viewer for HTML5 is accessible and meets WCAG AA standards. This has taken a lot of work on our part to look at many different things, from color contrast to screen reader support to keyboard navigation.

Let me show you how keyboard navigation works in [Geocortex Viewer for HTML5]. First, we have skip links. When you first come to our viewer and use the tab key to navigate throughout the application, the first time you hit “tab” you’ll be presented with what we call skip links. This gives you quick shortcuts to jump to popular portions of our viewer.

The skip links allow you to jump to other regions in our application without having to tab through each individual, clickable item. If we wanted to jump straight to the tool bar, we just tab over and hit enter. Now once the toolbar is open, we can navigate through the different tabs on the toolbar to find an individual tool that we want to use.

Let’s try drawing a polygon on the map. When we activate the drawing tools with keyboards, we have activated “accessibility drawing mode”. Once we’ve activated the polygon drawing tool, our focus is now on the map, as indicated by the purple line around the map. We can now draw on the map using the keyboard.

Hitting Enter will drop a marker in the center of the map extent, and we can control the position using the arrow keys on the keyboard. Hitting Enter will drop a vertex on the map, from which now we can move our cursor around with the keyboard. Hitting Enter again will drop another vertex. If you find that the increments with which the keyboard moves around is too large, you can hold the Alt key and you get a more fine-grained control over where you want to drop the vertex.

Hitting Enter again will complete the shape, and now we can edit this shape using the keyboard shortcut “V”: we can cycle through all the vertices, which we can move. Holding Shift+V will cycle the vertices in reverse order. Between each vertex, another handle will get added that we can then drag out to edit the shape, which will add more handles that we can edit. When we’re done drawing the shape, hit Enter again to complete the shape. And now your shape is drawn on the map. If you hit Enter again, you can draw a second shape. And that’s how you draw on the map with the keyboard.

Another great accessibility feature in our viewers is screen reader support. Geocortex Viewer for HTML5 supports the combination of Firefox with the NVDA screen reader. The screen reader will read aloud changes in the application, links, text, map location, those sorts of things.

In combination with some of the keyboard support, we can navigate through the viewer and the visually impaired will have the benefit of a screen reader reading out the context and instructions to them. Let’s try a couple examples here.

[Screen reader reading results]

Now know that we can perform a search because the screen reader has read out those instructions for us. So, let’s perform a simple search.

[Screen reader reading results]

After we perform the search, the screen reader read out that we’ve closed the home panel and opened the search results panel. We can tab through here to hear other instructions.

[Screen reader reading results]

As you could hear, as we zoom to all the features in the feature collection, the screen reader read out the coordinates and extent change on the map to keep users centered with where the map is now located.

To learn more about accessibility with our viewers, you can visit our Documentation Center at Just search for “accessibility” and you can read all about accessibility in our viewers, including a detailed list of all the keyboard shortcuts to help you navigate through applications with just the keyboard.”

​You can learn more about Geocortex Essentials accessibility features in our 2017 webinar, which is available on YouTube here.

Web maps for everyone: Why you should be paying attention to accessibility

In our daily lives there are things that many of us take for granted, and may not always be available to everyone. Accessibility has become a top-of-mind topic for businesses, government agencies, and developers of technology in recent years – particularly as modern society finds new ways to be more inclusive.

Accessibility on Geocortex Essentials

What does accessibility mean on the web?

First published in 1999, Web Content Accessibility Guidelines (WCAG) are a set of principles -- determined by the World Wide Web Consortium (W3C) -- that lay out how to best make web offerings (including web maps) accessible to everyone, regardless of their level of ability. This means providing alternatives to audio and visual content, providing clear and varying navigation options, and ensuring you are not relying on color and graphics alone.   

Accessibility in practice

Many jurisdictions and organizations are legally requiring accessibility support for web offerings; as technology continues to evolve at a rapid pace, historic exemptions for web mapping are being eliminated. The Government of Canada has detailed standards on web accessibility, which require all web offerings available externally and internally to conform to the requirements of WCAG 2.0. The Province of Ontario was the first Canadian province to pass a law that improves accessibility in areas that impact the daily lives of people with disabilities.

In January 2017, the United States updated Section 508 of the Rehabilitation Act of 1973 with a new rule that adopts many of WCAG's success criteria. These Section 508 Standards apply to electronic and information technology that is developed, procured, maintained or used by federal agencies, and contain technical criteria specific to various types of technologies.

Additionally, regulators in the United Kingdom, European Union, Australia and Israel require government web offerings to conform to WCAG standards, and we only expect more federal and regional governments around the world to follow suit.

What should you do?

Not only are accessible web offerings mandated in many regions, it’s simply the right thing to do. No group should be excluded from leveraging the amazing power that mapping technology offers.

But how do you do it? Here are a few things to consider as you get started:

  • Screen Readers: Screen readers dictate the user interface (UI) text aloud, allowing users to listen to the page instead of reading it. This is an important consideration for serving end-users with limited visibility.
  • Keyboard Navigation: Keyboard shortcuts allow end-users to interact with applications using a keyboard instead of a mouse. For many of us, using a mouse is a natural skill, but for end-users with limited motor skills it can be prohibitive.
  • High-Contrast Visualization: Color should not be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

At Latitude Geographics we’ve been developing out-of-the-box accessibility capabilities since 2015. If you’d like to learn how our Geocortex Essentials product can help you meet your requirements, or would like some help clearing up confusion around existing and emerging regulations, please get in touch.

In January we hosted a 30-minute webinar about accessibility; if you're interested in diving into this topic in-depth you can find the webinar recording here.