Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Zero to Accessible in 30 minutes (or less!)

Robin Kanatzar
September 06, 2024
230

Zero to Accessible in 30 minutes (or less!)

In 30 minutes or less, you can transform an inaccessible application into an accessible one. Learn about a range of accessibility issues that may exist on your app, and see how to fix them quickly and efficiently. After this talk, you will be prepared to bring your own app from zero to accessible.

Talk given at iOS Dev UK 2024
Example app is the iOS Dev UK conference application

Robin Kanatzar

September 06, 2024
Tweet

Transcript

  1. can we make our app accessible? (A) No, we have

    no users who need it. (B) No, we have no budget to buy screen readers. (🙄 they’re free) (C) No, there’ s no time. (D) No, I just hate people who are blind. (C) No, there’ s no time.
  2. The plan colors dynamic type focus & labels grouping &

    custom actions orientation touch target 60 MPH accessible 60
  3. DYNAMIC TYPE - support all system font sizes - don’t

    truncate - adapt horizontal to vertical 10
  4. DYNAMIC TYPE 1. did the font size change? 2. can

    I read everything? 3. can I do everything? 4. is it pretty? 10
  5. good LABELS - short - simple - no element type

    (“button”) - capitalized - no period at end - no special characters - translated - matches visible text - updated dynamically
  6. focus & labels 30 colors dynamic type focus & labels

    grouping & custom actions 60 MPH accessible
  7. open detail page save “It’ s time to build for

    watchOS button Double tap to activate. ” X activate
  8. CUSTOM ACTIONS - only seen by assistive technology - faster

    - good for exposing interior actions of group 30
  9. open detail page save “It’ s time to build for

    watchOS button Double tap to activate. Actions available” activate custom action “save” ✅
  10. 40 colors dynamic type focus & labels grouping & custom

    actions orientation 60 MPH accessible grouping & custom actions
  11. 40

  12. Orientation 1. can I read everything? 2. can I do

    everything? 3. is it pretty? 10 40
  13. Orientation 1. can I read everything? 2. can I do

    everything? 3. is it pretty? 40
  14. 50 colors dynamic type focus & labels grouping & custom

    actions orientation touch target 60 MPH accessible orientation
  15. colors dynamic type focus & labels grouping & custom actions

    orientation touch target 60 MPH accessible 60 ⚖ 😃