Accessibility

Accessibility Overview

By making a website accessible, we are ensuring that all of our potential users, including people with hearing impairments, low vision, blindness, cognitive impairments, motor impairments or situational disabilities (such as a broken arm), have a decent user experience and are able to easily access the information. By implementing accessibility best practices, we are also improving the usability of the site for all users.

Web Accessibility Success Rates

  • Do not rely on color as a navigational tool or as the sole way to differentiate items
  • Images should include Alt text in the markup/code; complex images should have more extensive descriptions near the image (perhaps as a caption or descriptive summaries built right into a neighboring paragraph)
  • Functionality should be accessible through mouse and keyboard and be tagged to worked with voice-control systems
  • Provide transcripts for podcasts
  • If you have a video on your site, you must provide visual access to the audio information through in-sync captioning
  • Sites should have a skip navigation feature

Color Contrast

The minimum color contrast requirement across the Sailpoint web is level AA - medium or good level of accessibility. However, we strive to achieve a gold standard of accessibility - AAA with all new assets and design.

Contrast Minimum (Level AA)

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, with a 3:1 ratio for large-scale text. 

Gold Standard (Level AAA)

Color contrast of 7.0:1 or 4.5:1 for large text (at least 24 px regular and light / 19 px semi-bold).

Heading and Labels. 

Headings and labels describe topic or purpose. (Level AA)

Images

Alternative text (Alt text)

Image alternative text is critical for screen reader and search engine optimization (SEO). Alt text is a short label (up to 125 characters) in the code that describes an image for users who are unable to see them. It is valuable for sighted users as well as alt text appears if an image fails to load. Include targeted keywords to help inform the user about the image.

Captions

Captions are the text that appear below an asset. They explain an asset’s contextual information–the who, what, when, and where. Both sighted and screen reader users rely on captions for descriptions of assets.

For long descriptions, use captions instead of alt text since they are available to all users and alt text is limited to 125 characters

Touch and Pointer Targets

Pointer targets as buttons, icons for mouse or stylus are similar to touch target and should be at least 44 x 44 dp in total.  

Touch target spacing on tablet and mobile devices should be separated by 8dp of space or more for clarity and touch usability. 

Developers

Focus indicators

A keyboard user typically uses the Tab key to navigate through interactive elements on a web page—links, buttons, fields for inputting text, etc. When an item is tabbed to, it has keyboard "focus" and can be activated or manipulated with the keyboard. A sighted keyboard user must be provided with a visual indicator of the element that currently has keyboard focus. Focus indicators are provided automatically by web browsers. While their appearance varies based on the browser, the focus indicator is typically shown as a border or highlight (called an outline) around the focused element. These outlines can be hidden by applying outline:0 or outline:none CSS to focusable elements.

Keyboard testing

Testing with a keyboard is an essential part of any accessibility evaluation.

The following table includes many of the most common online interactions, the standard keystrokes for the interaction, and additional information on things to consider during testing.

Resources and Tools

Web Content Accessibility Guidelines (WCAG), an international standard developed by the W3C Web Accessibility Initiative (WAI).

Web Aim - accessibility in mind resources

Web Accessibility Evaluation Tool - test accessibility