Upload
ian-pouncey
View
440
Download
2
Tags:
Embed Size (px)
Citation preview
(Credit: http://blog.cirrusmedia.com.au/designing-for-user-experience)
Colour contrastRegular sized text and icons must have a contrast ratio of at least 4.5:1
Large text and icons must have a contrast ratio of at least 3:1
Larger
Visible focusA distinguishable focus and hover state must be defined on all focusable
elements and controls
https://www.etsy.com/listing/77618623/star-wars-funny-t-shirt-dont-get-cocky
content order& Semantics
https://www.flickr.com/photos/dullhunk/3525013547/
content orderThe order for all content elements must be defined
The position of controls in the content order must be defined
Text
content orderThe order for all content elements must be defined
The position of controls in the content order must be defined
Text
1
2
3
4
5 6
7
8
9
Content orderThe order for all content elements must be defined
The position of controls in the content order must be defined
1314
15
16
SemanticsThe semantics for all content elements must be described
Paragraph
<H3>(sub-heading)
Decorative image(alt="")
Link
SemanticsThe semantics for all content elements must be described
LinkChannel
Programme titleSeries and episode
SemanticsThe semantics for all content elements must be described
Paragraph
<H3>
Decorative image(alt="")Link
Links
• http://www.bbc.co.uk/guidelines/futuremedia/accessibility/
• http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/user-experience
• http://www.w3.org/TR/wai-aria-practices/
• https://cucumber.io/