1 of 10

Accessibility in Enterprise Gamification��Gautam Rao | bit.ly/grao101

2 of 10

“inclusive, accessible gaming experience for all”

2

3 of 10

Accessibility Considerations

  • Accessibility standard – WCAG 2.1 AA
  • Additional references – Game Accessibility Guidelines, Accessible Player Experiences (APX), Framework for Accessible Specification of Technologies (FAST), Media Accessibility User Requirements (MAUR)
  • Disability personas – User needs based on disability: vision, hearing, motor, cognitive
  • Accessible game path - Registering, game play navigation, completing quizzes, watching videos, viewing stats
  • Tech – Chrome / Edge browsers, Windows laptops, JAWS/NVDA; HTML5, CSS3, React, ARIA; C# .NET, Node.js; PlayFab game server, os game engine
  • Team facilitator – Leads game play, adjusts game speed, trained on accommodations
  • Multiple language support – Designed for global internal audience
  • Assessed accessibility adaptations offered in popular games

3

4 of 10

Concept (Adaptations and Features)

WCAG criteria groupings

    • Keyboard Access and Visual Focus
    • Page Title and Language
    • Headings
    • Images
    • Contrast, Color, Appearance
    • Resizing, Magnification, Responsiveness
    • Links, Buttons, Controls, Navigation, Skip Link
    • Forms, Labels, Errors
    • Tables and Lists
    • Multimedia (Audio and Video), Animation, Moving content
    • Structure, Meaning, Reading Order, Global Code

Adaptations

    • Settings - Closed captions, audio descriptions, microphone hints
    • Universal Design - Adequate text size, easy to read fonts, simple layout
    • Tutorial - Game play, navigation, settings, controls, and levels
    • Parsing user interface output to assistive technologies
    • Browser zoom support
    • Keyboard access control

4

5 of 10

Design

  • Collaborative design sessions – UX design, accessibility, learning, business
  • Game Navigation Path - Simple interaction paths and consistent layouts
  • Persona-based scenarios – Walk through the design concept based on disability usage
  • Low fidelity / High fidelity prototypes - Validated for visual accessibility and evaluated for disability usage scenarios

  • Captions – Closed captioning reqs defined with ability to customize font size, color, location
  • Audio Descriptions – Audio description approach defined; strategy to interweave with regular audio track
  • Advanced Audio – Ability to control audio components
  • Images – Meaningful vs. decorative image definition; and Alt text content generation
  • Color usage - Color pallets, text contrasts, color schema
  • Interactive states - Distinct and visible focus indicators and interactive states

5

6 of 10

Game Settings

  • Closed captions
  • Audio descriptions
  • Microphone hints
  • Advanced audio effects
  • Multi-language support
    • English
    • French
    • Spanish
    • Portuguese
    • German
    • Italian
    • Chinese
    • Japanese
    • Korean
    • Bahasa
    • Turkish

6

7 of 10

Development

    • Embedding – Accessibility resource embedded with sprint team and providing direction for accessibility-driven dev process
    • Trainings to Developers – Accessibility guidance and screen level requirements
    • HTML - Usage of standard HTML components during screen development
    • ARIA -  Properties to define live regions, roles/properties for widgets, roles for page structure, keyboard navigation  
    • Semi automated scans – Usage of semi automated accessibility scanners during screen level testing
    • Accessibility Checklist - Unit testing checklist for development team
    • Accessibility acceptance criteria added to user stories

7

8 of 10

Testing

  • Iterative sprint-based testing based on enhanced Trusted Tester Methodology
  • Keyboard-only testing, screen reader check, code review, tool-assisted scans
  • Screen reader - Context change, Change in UI focus, Dynamic screen changes, Notifications, Interactive game play elements
  • Disability persona-based testing
  • Accessibility defect reporting and tracking - Ability to filter sort based on multiple criteria – WCAG Level, disability-type, blocking
  • Prioritization and remediation - Keyboard accessibility, screen reader performance, captions, and audio descriptions prioritized

8

9 of 10

Release

Awards 

  • Won Best Campaign at the Simply Digital Internal Communication Awards by Simplys
  • Won Chair Award at the Drum Awards for Experience by The Drum
  • Shortlisted for B2B category award by Digital Marketing Association (DMA)

Rollout

  • Rolled out globally to 150+ countries, available to 365,000+ people
  • Played by 70,000 participants till date
  • Social engagement - photos, prizes, competition, team building
  • Positive qualitative feedback, three key metrics tracking at 4.3/5

9

10 of 10

Takeaways

What worked well

  • Embedding accessibility resource
  • Participatory design
  • Disability personas and usage scenarios
  • Best practice adoption (design / dev / test)
  • Facilitator role
  • Matching tech stack for assistive tech performance

What can be improved / done differently

  • Embrace Shift-Left
  • Dynamic graphic changes and ARIA Live announcements challenges
  • Co-creation - Including people with disabilities throughout the process
  • Beyond accessibility – be truly inclusive

10