Categories
Daily Read

Covid-19 and Accessibility

In the midst of the response to Covid-19, the accessibility of the content that users consume on the web has become a necessary accommodation. Some users are immune compromised and rely on these services for survival. The inability to access essential services online is imperitive. Below is a list of articles to get a better […]

Categories
Accessibility Low Vision Usability Vision

How High Contrast Mode works

This is just a quick primer on how Windows High Contrast Mode (HCM) works. It is not exhaustive, but should give you a base understanding. Basically, text, border and background colors are replaced. They are not removed, which is a pretty common misconception. Colors At a very simple level, High Contrast Mode replaces all of […]

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 percieve the entire page. This includes users that have a screen magnifier running, those that have resized the text, that 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 […]