Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Kürzlich hochgeladen
Kürzlich hochgeladen (17)
Empfohlen
Empfohlen (20)
Accessible UX&D – Minimal Viable Design
- 1. AUX&D MVD Ian Pouncey, BBC
- 12. Colour contrast Regular 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
- 13. Visible focus A distinguishable focus and hover state must be defined on all focusable elements and controls
- 15. Labels Labels for all controls and icons must be defined Larger
- 16. Labels Labels for all controls and icons must be defined Next
- 18. content order The order for all content elements must be defined The position of controls in the content order must be defined Text
- 19. content order The 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
- 20. Content order The order for all content elements must be defined The position of controls in the content order must be defined 13 14 15 16
- 21. Semantics The semantics for all content elements must be described
- 22. Semantics The semantics for all content elements must be described unordered List List Item
- 23. Semantics The semantics for all content elements must be described Section Article
- 24. Semantics The semantics for all content elements must be described Article Section
- 25. Semantics The semantics for all content elements must be described Paragraph <H3> (sub-heading) Decorative image (alt="") Link
- 26. Semantics The semantics for all content elements must be described Link Channel Programme title Series and episode
- 27. Semantics The semantics for all content elements must be described Paragraph <H3> Decorative image (alt="")Link
- 28. Semantics The semantics for all content elements must be described “Highlights” (hidden <H2>)
- 29. Interactions Any changes to the position of focus must be defined
- 30. Interactions Any changes to the position of focus must be defined 13 14 15 16
- 31. Interactions Any changes to the position of focus must be defined Text
- 32. Interactions Any changes to the position of focus must be defined Text
- 34. Features
- 35. Features
- 36. Break the rules
- 37. Break the rules unordered List List Item Link Not in tab order Hidden from screen readers
- 38. Conclusion
- 39. Links • http://www.bbc.co.uk/guidelines/futuremedia/accessibility/ • http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobil • http://www.w3.org/TR/wai-aria-practices/ • https://cucumber.io/
Hinweis der Redaktion
- Design vs User Experience
- The UX Designer is in the intersection between “People who have used your product” and “People deciding how it should work”.
- “I’ve got a bad feeling about this”
- The BBC iPlayer homepage.
- The BBC iPlayer homepage carousel.
- “So… should I use a carousel?”
- “No!!! Seriously, you really shouldn’t”
- Although carousels can solve a business need, they are good at displaying a large amount of content in a small space.
- But still… “No!!!”
- Carousels are very common at the BBC.
- “Great Kid, don’t get cocky.”
- “Focus. Try not think of 607,360 troops, 265,675 crew members, 187,216 pilots, 52,276 gunners, 42,782 ship support staff and 25,984 Stormtroopers that you’re about to kill… Just keep doing what the voices tell you to do.”
- Scenario: Check headings When I visit the page Then there must be exactly one h1 element And each heading must be followed by content or a heading of one level deeper (h2-h6)
- Scenario: Check “Next” control When I visit the page And I click the “Next” control Then the next panel of content will be displayed And focus will be set to the first link in the new content