All Blog Posts

10 quick accessibility tests videos from Tetralogical

Date: May 24, 2021
Author: Jon Gunderson

To celebrate the 10th anniversary of GAAD Tetralogical released 10 quick accessibility test videos to help people learn basic accessibility requirements that they can test on their own, including: Keyboard support Content resizing High contrast mode Skip links Link text Visual presentation of links Page titles Content structure Typography Captions The complete playlist: The link …

SkipTo.js, the modern way to implement Bypass Blocks

Date: February 15, 2021
Author: Jon Gunderson

SkipTo.js is a JavaScript utility that provides a modern way to implement the bypass block requirement of the W3C Web Content Accessibility Guidelines. Just add the script to your web page or template with optional configuration information and the “Skip To Content” button will be added to your web page, allowing keyboard-only users to navigate …

Category: Keyboard

Inline SVG for high contrast support

Date: February 15, 2021
Author: Jon Gunderson

Using SVG graphics in combination with the CSS currentColor property to support high contrast theme options in operating systems. Rendered SVG menu open/close icon SVG Code <svg aria-hidden=”true” width=”11px” height=”11px” viewBox=”0 0 133 79″ version=”1.1″> <title>menu open/close icon</title> <g stroke=”none” stroke-width=”1″ fill=”none” fill-rule=”evenodd”> <g transform=”translate(-50.000000, -122.000000)” fill=”currentColor”> <g transform=”translate(45.000000, 64.000000)”> <path d=”M33.5,21 C40.4035594,21 46,26.5964406 46,33.5 …

Category: Color Usage

Confirmation Dialog Accessibility

Date: January 21, 2021
Author: Jon Gunderson

Many websites use confirmation dialog boxes to alert visitors of the use of cookies or other information related to using the website or information important to the organization.   One of the important parts of using confirmation dialogs is keyboard focus management. The three main focus management issues are: When page first loads When the user …

Category: Focus Management