Categories
Accessibility Testing

Testing Resources

Test Samples HTML Element test file index My Codepen with test cases Automated browser testing AXE (Accessibility for Development Teams) ARC Toolkit (Accessibility Resource Center) Accessibility Insights AMP (Accessibility Management Platform) Tools for manual testing ANDI  (Accessible Name & Description Inspector) Accessibility Insights Screen Readers JAWS (Job Access With Speech) NVDA (Non-Visual Desktop Access) VoiceOver (mac screen reader) […]

Categories
Low Vision Techniques Usability Vision

Accessible High Contrast Logos

A lot of companies that I encounter use logos and images against a transparent background. This works well for them in most cases, because they can determine the color of the background that the logo image is placed against. One area where this can be a problem is in Windows High Contrast mode (HCM). That […]

Categories
Accessibility Cognitive Techniques Uncategorized Usability WCAG Concepts

Reducing Motion

Using motion on your website can be helpful for some and harmful to others. There’s a delicate balance that should be considered when creating a website that includes motion. Animations, or blinking and moving content can quickly shift from helpful to harmful in the blink of an eye. This topic affects me personally for two […]

Categories
WCAG WCAG Concepts

What is Non-text Content?

Determining if something is non-text content? “any content that is not a sequence of characters that can be programmatically determined or where the sequence is not expressing something in human language” Non-text content definition on the W3.org website Well thanks for that super helpful definition.  Let me try to distill this into something that we […]

Categories
Uncategorized WCAG WCAG Success Criterion

Orientation (1.3.4 AA)

“Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.” (WCAG 1.3.4 Orientation) Who is it for? Not everyone has the luxury of being able to quickly and easily rotate their display. Some devices, like a tablet or phone mount on […]

Categories
WCAG WCAG Success Criterion

Non-text Contrast (1.4.11 AA)

โ€œThe visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects: Parts of graphics required to understand the […]

Categories
Accessibility Blindness Cognitive Low Vision Types of Disabilities Uncategorized Vision WCAG WCAG Success Criterion

Status Messages (4.1.3 AA)

Who is it for? This is for users who cannot perceive the entire page. This includes users that have a screen magnifier running and those that have resized the text. What is important to know? A very important thing that most people get wrong about this criterion is that it doesn’t require that we add […]

Categories
Uncategorized WCAG WCAG Success Criterion

Text Spacing (1.4.12 AA)

Who is it for? People with cognitive, reading or low vision disabilities benefit from this requirement. The ability to customize the text to meet their needs is important. What is important to know? This is important for a very large portion of our users. ๐Ÿ™‚ How do I code it? So this one is pretty […]

Categories
Uncategorized WCAG WCAG Success Criterion

Identify Input Purpose (1.3.5 AA)

The purpose of each input field collecting information about the user can be programmatically determined when: The input field serves a purpose identified in the Input Purposes for User Interface Components section; and The content is implemented using technologies with support for identifying the expected meaning for form input data. Identify Input Purpose (WCAG Definition) Who is it […]

Categories
Accessibility Usability

Is there a minimum font size?

From a compliance perspective, WCAG and other standards are silent on this issue. What they do indicate is that fonts must be able to be resized or manipulated to meet the users unique needs. That leaves us with a bit of a problem, because a 1 pixel x 1 pixel (px) font would pass WCAG. […]