Advertisement
About80Ninjas

Accessibility Considerations

Jul 31st, 2019
286
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.93 KB | None | 0 0
  1. Accessibility Considerations
  2.  
  3. Use Alternative Text for Images (e.g., Alt="multi-color")
  4.  
  5. Allow for Text Zooming to avoid overlapping of texts, form fields, etc.
  6. Use CSS rather than tables for layout
  7. Do not use explicit width and height for fields
  8. Provide sufficient space between columns
  9. Use generous, legible font sizes
  10. For text images, use at least 18pt (24px)
  11.  
  12. Users must be able to resize text up to 200% or more without loss of functionality
  13.  
  14. For focus, show border or outline around focus element
  15.  
  16. Content should be usable thru keyboard (e.g., shortcuts) and not just thru mouse navigation
  17.  
  18. For focus order, allow sequential navigation thru the content
  19.  
  20. Make sure there's color contrast (see WeAIM.org for free color contrast checker)
  21.  
  22. Any blinking or scrolling content that lasts more than 5 sec must provide user with ability to pause, stop or hide it
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement