|

Accessible Datepickers Roundup

Accessible date pickers or accessible calendar widgets as they are commonly referred to, are one of the most discussed topics between developers, designers and accessibility professional. It is not hard to make a calendar widget accessible but still we find inaccessible date pickers in the wild that are not usable by any assistive technology. We…

Understanding SC 1.4.11 Non-text Contrast

Understanding SC 1.4.11 Non-text Contrast

Success Criterion 1.4.11 Non-text Contrast (Level 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…

Understanding SC 1.4.13: Content on Hover or Focus

Understanding SC 1.4.13: Content on Hover or Focus

Success Criterion 1.4.13 Content on Hover or Focus (Level AA): Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: DismissibleA mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an…

Understanding SC 1.4.10 Reflow

Understanding SC 1.4.10 Reflow

Success Criterion 1.4.10 Reflow (Level 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…

Understanding SC 1.4.12 Text Spacing

Understanding SC 1.4.12 Text Spacing

Success Criterion 1.4.12 Text Spacing (Level AA): In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property: Line height (line spacing) to at least 1.5 times the font size; Spacing following paragraphs…

Understanding SC 1.3.5 Identify Input Purpose

Understanding SC 1.3.5 Identify Input Purpose

Success Criterion 1.3.5 Identify Input Purpose (Level 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…