Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Annotating designs for accessibility Slide 1 Annotating designs for accessibility Slide 2 Annotating designs for accessibility Slide 3 Annotating designs for accessibility Slide 4 Annotating designs for accessibility Slide 5 Annotating designs for accessibility Slide 6 Annotating designs for accessibility Slide 7 Annotating designs for accessibility Slide 8 Annotating designs for accessibility Slide 9 Annotating designs for accessibility Slide 10 Annotating designs for accessibility Slide 11 Annotating designs for accessibility Slide 12 Annotating designs for accessibility Slide 13 Annotating designs for accessibility Slide 14 Annotating designs for accessibility Slide 15 Annotating designs for accessibility Slide 16 Annotating designs for accessibility Slide 17 Annotating designs for accessibility Slide 18 Annotating designs for accessibility Slide 19 Annotating designs for accessibility Slide 20 Annotating designs for accessibility Slide 21 Annotating designs for accessibility Slide 22 Annotating designs for accessibility Slide 23 Annotating designs for accessibility Slide 24 Annotating designs for accessibility Slide 25 Annotating designs for accessibility Slide 26 Annotating designs for accessibility Slide 27 Annotating designs for accessibility Slide 28 Annotating designs for accessibility Slide 29 Annotating designs for accessibility Slide 30 Annotating designs for accessibility Slide 31 Annotating designs for accessibility Slide 32 Annotating designs for accessibility Slide 33 Annotating designs for accessibility Slide 34 Annotating designs for accessibility Slide 35
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

4 Likes

Share

Download to read offline

Annotating designs for accessibility

Download to read offline

Claire Webber and Sarah Pulis' presentation on annotating designs for accessibility as a part of Inclusive Design 24, held on 23 September 2021.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Annotating designs for accessibility

  1. 1. Annotating designs for accessibility ID24 2021 Sarah Pulis Director, Accessibility Services sarahtp Claire Webber Digital Accessibility Consultant ClaireLWebber
  2. 2. Overview Accessible design What are annotations? Annotation examples So, what next?
  3. 3. Accessible Design
  4. 4. Shift-left
  5. 5. Annotations
  6. 6. Consistent documentation Common understanding Easy to act upon
  7. 7. Save time More eyes Collaboration Put into practice
  8. 8. Examples
  9. 9. Using annotations
  10. 10. Page regions Group content into common page regions and identify the regions and label as needed in your designs
  11. 11. Headings Organise content using correctly structured headings and identify headings and their level in your designs
  12. 12. Informative images Identify informative images and provide a text alternative that conveys the meaning or content in your designs
  13. 13. Order Show content and focus order in your designs to make sure it is predictable, logical and intuitive
  14. 14. Semantics Identify the role, name, state and properties of a custom control and how it should work
  15. 15. Design systems
  16. 16. Scale Consistency Less effort Be accessible
  17. 17. Colour Use colours that contrast well for all important information
  18. 18. States Make sure the states for UI component are easy to see – focus, hover, selected just to name a few!
  19. 19. So, what’s next?
  20. 20. Have a go Start small Lead the way
  21. 21. What’s next for us?
  22. 22. Let’s chat Sarah Pulis Director, Accessibility Services @sarahtp sarah@intopia.digital Claire Webber Digital Accessibility Consultant @ClaireLWebber claire.webber@intopia.digital @Intopia Intopia intopia.digital hello@intopia.digital
  23. 23. Resources • Accessibility Toolkit from Jack Nicolai • Accessibility Bluelines by Jeremy Elder • A11y Annotation Kit by Indeed (Figma) • Auditing Design Systems for Accessibility By Anna Cook
  • rentyler5

    Oct. 1, 2021
  • AlexJames26

    Sep. 29, 2021
  • AliciaJarvis

    Sep. 23, 2021
  • vfowler

    Sep. 23, 2021

Claire Webber and Sarah Pulis' presentation on annotating designs for accessibility as a part of Inclusive Design 24, held on 23 September 2021.

Views

Total views

511

On Slideshare

0

From embeds

0

Number of embeds

9

Actions

Downloads

44

Shares

0

Comments

0

Likes

4

×