lectures.alex.balgavy.eu

Lecture notes from university.
git clone git://git.alex.balgavy.eu/lectures.alex.balgavy.eu.git
Log | Files | Refs | Submodules

Accessibility.html (2230B)


      1 <?xml version="1.0" encoding="UTF-8"?>
      2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      3 <html><head><link rel="stylesheet" type="text/css" href="sitewide.css"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="exporter-version" content="Evernote Mac 6.13.3 (455969)"/><meta name="created" content="2018-01-08 2:35:40 PM +0000"/><meta name="source" content="desktop.mac"/><meta name="updated" content="2018-01-18 4:20:11 PM +0000"/><title>Accessibility</title></head><body><div><div><ul><li>Content is available to different user groups through multiple devices<br/></li><li>Implements universal access<br/></li></ul></div><div><ul><ul><li>single version of content, equally accessible</li><li>unattainable in full, but we can approach it</li></ul><li>But why?</li><ul><li>legal stuff</li><li>reaching all customers</li><li>promotes sound design principles</li></ul><li>Disabilities: visual, auditory, motor, cognitive</li><li>Principles of accessibility</li><ul><li>perceivable: sight, hearing, touch</li><li>operable: input, interaction, error recovery</li><li>understandable: meaning, language</li><li>robust: reusable, current &amp; future tech</li></ul><li>Screen readers &amp; links</li><ul><li>links should make sense out of context</li><li>use alt text</li></ul><li>Screen magnifiers</li><ul><li>need true text, not images</li><li>keep user feedback local</li></ul><li>Videos</li><ul><li>don’t assume plugins</li><li>no autostart please for the love of fuck</li><li>keyboard controls</li><li>add toggling captions</li></ul><li>People with motoric impairments</li><ul><li>voice recognition</li><li>eye tracking</li><li>sip/puff switch</li></ul><li>Cognitive disabilities</li><ul><li>keep it simple &amp; consistent</li><li>readability</li><ul><li>avoid full justified text (“rivers of white”)</li><li>sans-serif fonts</li><li>good contrast &amp; size</li></ul><li>error prevention</li><li>focus, structure</li><ul><li>avoid popups</li><li>please god no background sounds</li></ul></ul><li>text-only isn’t bad, but not the only solution!<br/></li><li>use semantic</li></ul></div></div><div><br/></div></body></html>