Access barriers - aduggin/accessibility-notes GitHub Wiki

Default content style is not legible

  • Small text
  • Illegible font
  • Low colour contrast

Content is hard to read

  • long line length
  • Squashed on high line height
  • Characters to close together
  • Not left aligned
  • Blocks of italic
  • Blocks of upper case
  • Blocks of bold

Content is not easy to understand

  • Plain language not used
  • Long sentences
  • Long paragraphs
  • First usage of abbreviation is not expanded

Information relies on colour to be understood

  • Information communicated by colour alone
  • Instructions rely on colour

Appearance of online content cannot cannot be changed

  • px used for font sizing
  • !important used in CSS for colours and sizes
  • font size cannot be increased in browser
  • when font size is increased content become obscured
  • image with text have non-transparent background
  • text published as PDF rather than HTML

Interface is hard/impossible to use

  • small hit area
  • interactive element does not work with keyboard
  • keyboard trap

User is forced to scroll horizontally

  • horizontal scrolling occurs when user increases font size
  • horizontal scrolling occurs when interface is viewed on a small screen
  • content only available as PDF

Flashing content is present and unavoidable

  • warning of flashing content is not provided before
  • no mechanism available to turn off flashing content

Continuous animated content is present

  • animation plays for more than a few second
  • no mechanism available to stop animaton

Sufficient time not provided to complete action

  • unable to pause moving content (e.g carousel)
  • timeout is not extendable

Incompatible with screen reader

  • Content not in a logical order
  • Appropriate text alternative not provided for content communicated visually - images, infographics, video
  • Non-semantic markup

Moving content

  • animations are very distracting
  • flashing content can cause seizures
  • Illogical heading hierarchy
  • Invalid markup
  • Frame with no label
  • application="role" used and keyboard access not implemented
  • aria used incorrectly
  • instruction rely on position (right/left)
  • table markup used for layout
  • form labels, hints and error message not associated with relevant form field
  • audio/video auto plays
  • access keys implemented with conflict with screen reader shortcuts
  • Language of page not specificed
  • Language of content that is different to page is not specified
  • PDF with image of text
  • PDF with text that has not been tagged

Information communicated by audio only

  • video with audio does not have captions
  • audio does not have a text transcript
  • audio alert does is not combined with visual or haptic feedback

Alternative formats not available in a timely manner (large print, braille, audio CD, BSL, Easy Read)

  • Not obvious to user that alternative formats are available
  • Alternative format takes a long time to get
  • Alternative format not available

Service requires uses of telephone

  • Form has phone field that is mandatory
  • User not able to specify preferred communication channel
  • Only telephone available - no text alternative such as email, web chat, or SMS