Categories
Uncategorized

A section is meaningless without a name

When creating a section within a document, it’s not enough just to wrap it in a <section> and walk away. Likely, you used that section to indicate that this was a specific region of content that had meaning as a group. One thing that we know is that what the HTML5 spec expects for the […]

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
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
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
Uncategorized WCAG WCAG Success Criterion

Reflow (1.4.10 AA)

Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height equivalent to 256 CSS pixels. Except for parts of the content which require two-dimensional layout for usage or meaning. Understanding Success Criterion […]