Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Zero to Accessible in 30 minutes (or less!)

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 Pragma Conference 2024

Robin Kanatzar

October 25, 2024
Tweet

More Decks by Robin Kanatzar

Other Decks in Technology

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 0 10 20 30 40 50 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 20 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. 30 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. 40 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 0 10 20 30 40 50 60 ⚖ 😃