#Comic life 1.3.3 how to

Svg elements have focusable='false' when a child of a focusable element ( 1.3.1 Info and Relationships)Īvoids a bug in IE which creates duplicate announcement of focusable items. The 'Shopify' logo image should have an alt value of, 'Shopify'. Is there a plain text listing points on the map?įor images with embedded text, ensure the alt value equals the embedded text ( 1.1.1 Non-text Content) Try to describe what's in the image to someone who has their eyes closed-help them paint a picture in their mind.Ĭomplex images (charts, graphs, maps) have a separate text alternative ( 1.1.1 Non-text Content) With no alt present, screen readers announce the image file name and path.ĭecorative images use empty values for alt attributes ( 1.1.1 Non-text Content)ĭoes the image add value to the content? ĭescriptive images have appropriate text alternatives ( 1.1.1 Non-text Content) Single letter shortcut keys can be remapped or disabled ( 2.1.4 Character Key Shortcuts)Ĭustom shortcuts can wreak havoc for voice dictation users and keyboard-only users who accidentally activate a shortcut and lose their place – frustrating!Īll img elements have an alt attribute ( 1.1.1 Non-text Content) When navigating with the keyboard or screen reader cursor, does a modal window appear or focus suddenly switch to something else when a control gets focused? No sudden changes of context when a control receives focus ( 3.2.1 On Focus) When navigating with the keyboard or screen reader cursor, are there focusable points along the way which shouldn't be focusable? No invisible tab-stops ( 2.4.3 Focus Order) Visible focus style on desktop with keyboard ( 2.4.7 Focus Visible)Ĭan a sighted, keyboard-only user see where they currently are on the page?įocus order matches visual layout ( 1.3.2 Meaningful Sequence)Ĭan a sighted, keyboard-only user comfortably move around the page elements in a predictable order? Keyboard navigation without a screen reader running:

#Comic life 1.3.3 how to

Review How to Meet WCAG (Quick Reference) for more details on each item. This checklist also includes new items from WCAG 2.1 AA.

An audit needs to cover the minimum of WCAG 2.0 AA: This checklist includes an outline of how to cover everything that’s required in an accessibility audit of a project or product.