iosdevuk-my-award-winning-scheme-for-accessibility

https://www.iosdevuk.com/speakers

Transcript

1. iOSDevUK26 My award winning scheme for accessibility Dan Akiyama Sansan, inc.
2. HI, IʼM DAN
3. > Tittle: Why are iOS buttons blue by default? Photo by fromkk
5. 🎉
6. HOW I WON
7. iOSDevUK Accessibility Challenge
8. WHAT IS ACCESSIBILITY?
9. ・VISION ・HEARING ・MOBILITY ・SPEECH ・COGNITIVE
10. Information gets through. To everyone. In every situation.
11. SO HOW DID I WIN?
12. Anticipate the experience.
13. Is this ON or OFF?
14. Is this ON or OFF?
15. Is this ON or OFF?
16. Is this ON or OFF?
17. Is this ON or OFF?
21. Anticipate the experience.
22. Too small.
23. Too small. Generated with Gemini
24. Generated with Gemini
25. Generated with Gemini
29. Information gets through. To everyone. In every situation.
30. import SwiftUI extension View { func a11yLineLimit(_ standard: Int, extra: Int = 2) -> some View { modifier(A11yLineLimitModifier(standard: standard, extra: extra)) } } private struct A11yLineLimitModifier: ViewModifier { @Environment(\.dynamicTypeSize) private var dynamicTypeSize let standard: Int let extra: Int } func body(content: Content) -> some View { content.lineLimit( dynamicTypeSize.isAccessibilitySize ? standard + extra : standard ) }
31. import SwiftUI extension View { func a11yLineLimit(_ standard: Int, extra: Int = 2) -> some View { modifier(A11yLineLimitModifier(standard: standard, extra: extra)) } } private struct A11yLineLimitModifier: ViewModifier { @Environment(\.dynamicTypeSize) private var dynamicTypeSize let standard: Int let extra: Int } func body(content: Content) -> some View { content.lineLimit( dynamicTypeSize.isAccessibilitySize ? standard + extra : standard ) }
32. import SwiftUI extension View { func a11yLineLimit(_ standard: Int, extra: Int = 2) -> some View { modifier(A11yLineLimitModifier(standard: standard, extra: extra)) } } private struct A11yLineLimitModifier: ViewModifier { @Environment(\.dynamicTypeSize) private var dynamicTypeSize let standard: Int let extra: Int } func body(content: Content) -> some View { content.lineLimit( dynamicTypeSize.isAccessibilitySize ? standard + extra : standard ) }
35. import SwiftUI struct SessionDetailView: View { var body: some View { HStack { Label(session.timeRange, systemImage: "clock") Spacer() NavigationLink(value: LocationNavigationID(value: talk.locationID)) { locationLinkLabel } } /* .. */ } }
36. import SwiftUI struct SessionDetailView: View { var body: some View { ViewThatFits(in: .horizontal) { HStack { Label(session.timeRange, systemImage: "clock") Spacer() NavigationLink(value: LocationNavigationID(value: talk.locationID)) { locationLinkLabel } } VStack(alignment: .leading) { Label(session.timeRange, systemImage: "clock") NavigationLink(value: LocationNavigationID(value: talk.locationID)) { locationLinkLabel } } } /* .. */ } }
37. Some text can't grow. What then?
39. import SwiftUI struct ProgrammeCountdownBanner: View { var body: some View { bannerContent .accessibilityShowsLargeContentViewer { Label { VStack(alignment: .leading, spacing: 2) { Text(primaryTitleText) Text(primarySubtitleText) } } icon: { Image(systemName: iconName) } } /* .. */ } }
40. import SwiftUI struct ProgrammeCountdownBanner: View { var body: some View { bannerContent .accessibilityShowsLargeContentViewer { Label { VStack(alignment: .leading, spacing: 2) { Text(primaryTitleText) Text(primarySubtitleText) } } icon: { Image(systemName: iconName) } } /* .. */ } }
41. Canʼt See.
42. VoiceOver https://www.apple.com/jp/newsroom/2026/05/apple-unveils-new-accessibility-features-and-updates-with-apple-intelligence/
43. Image, Dan Akiyama, Button.
44. “Image, Dan Akiyama, Button.”
45. “LinkedIn account Button”
47. After
48. "Add to favourite" "Remove from favourite"
49. Canʼt Move.
50. Generated with Gemini
52. There’s almost no space to scroll. Only this narrow area works.
54. Every device. Every network. That's accessibility, too.
55. Generated with Gemini
56. Generated with Gemini
57. Generated with Gemini
58. Don't surprise
59. Which one is tappable?
60. Which one is tappable?
61. Which one is tappable?
62. Which one is tappable?
63. Which one is tappable?
64. Which one is tappable?
65. Appleʼs consistent design teaches users whatʼs tappable.
69. Colour blindness Protanopia Deuteranopia Tritanopia red color blindness green color blindness blue color blindness https://speakerdeck.com/akidon0000/nazedehuorutogaqing-se-tint-colornoli-you-nipo-ru?slide=19
70. Colour blindness Protanopia Deuteranopia Tritanopia red color blindness green color blindness blue color blindness https://speakerdeck.com/akidon0000/nazedehuorutogaqing-se-tint-colornoli-you-nipo-ru?slide=19
71. Colour blindness Deuteranopia Protanopia Tritanopia green color blindness red color blindness blue color blindness approx. 5.7 % approx. 1.9 % approx. 0.4 % https://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness/ fi https://www.ucl.ac.uk/mathematical-physical-sciences/sites/mathematical̲physical̲sciences/ les/guidelines̲for̲colour̲blindness.pdf
72. And there's more.
73. Di erentiate Without Color Dynamic Type VoiceOver Rotate Color Contrast Reduce Transparency Reduce Motion Switch Control Voice Control Full Keyboard Access 44pt Tap Targets Gesture Alternatives Haptic Feedback ff etc…
74. Di erentiate Without Color Dynamic Type VoiceOver Rotate Color Contrast Reduce Transparency Reduce Motion Switch Control Voice Control Full Keyboard Access 44pt Tap Targets Gesture Alternatives Haptic Feedback ff etc…
75. One more thing.
76. Anticipate the experience.
80. Next year, this stage could be yours.
81. 2:20 PM - 3:00 PM 3:40 PM - 4:20 PM Hugh Owen C22 Great Hall, Arts Centre
82. try! Swift TOKYO 2027 2 - 4 March 2027 https://x.com/tryswiftconf/status/2044089870885552258
83. Diolch. Thank you. ありがとう icon for X Dan Akiyama (@akidon0000) GitHub