| | (800) Fantasy Football Trends and Accessibility Issues Erica Zelmanowicz Accessibility Analyst/Training Specialist
| (800) | Agenda Industry Demographics Fantasy Football Trends –Player Cards –Message Boards –Team Rosters –Fantasy Cast Demo
| (800) | Industry Demographics* Fantasy Football Data 56.8 million people playing fantasy sports in the USA and Canada 66% Male; 34% Female Average Age: 37 Favorite Fantasy Sport: Football (73%) * Data provided by the Fantasy Sports Trade Association (FSTA)Fantasy Sports Trade Association (FSTA)
| (800) | Industry Demographics* (cont.) Fantasy Football Data 37% of fantasy sports players primarily use a mobile device ActivityTotal Check the score of my fantasy game14% Set/change the lineup of my team10% Check the scores of the other games in my league12% Draft team8% Create or join a fantasy sports league8% Research players/free agents/check waiver wire9% Offer or evaluate trades7% View live draft results to gauge where players are being drafted 10% Watch fantasy sports TV or videos either live or on demand8% Post comments or “trash talk” to other owners9% Listen to fantasy sports radio shows/podcasts9% *Data provided by the Fantasy Sports Trade Association (FSTA)Fantasy Sports Trade Association (FSTA)
| | (800) LET’S PLAY!
| (800) | Player Cards Overview – Mobile Trends and Potential Issues Trends –Tables with player stats –Images and basic player information –Controls (i.e. buttons, links, etc.) Issues –Multipart controls or grouped elements –Images missing alternative text –Using color to indicate selection –Page scrolling –Accessible names for buttons
| (800) | Player Cards – Mobile (Examples)
| (800) | What’s the Problem? Demo
| (800) | That’s Better! Demo
| (800) | Player Cards Overview – Desktop Trends and Potential Issues Trends –Pop-Up player card/dialog boxes –Tables with stats –Page tabs –Player images Issues –Dynamic content – Pop-up information –Programmatic focus –Selection state of page tabs –Properly structured tables –Images missing alternative text –Accessible labels for form controls
| (800) | Player Cards – Desktop (Example 1)
| (800) | Player Cards – Desktop (Example 2)
| (800) | Messages Overview – Mobile Trends and Potential Issues Trends –List of messages –Number of replies –New Topic control Issues –Identification of active elements –Reading order –Grouped elements –Valid labels for forms –Accessible text input field
| (800) | Messages – Mobile (Examples)
| (800) | Messages Overview– Desktop Trends and Potential Issues Trends –List of messages –Rich Text Editors –New Post and Submit Post buttons –Dialogs Issues –Keyboard Trap –Programmatic Focus –Button labels
| (800) | Messages – Desktop (Example 1)
| (800) | Messages – Desktop (Example 1 cont.)
| (800) | Messages – Desktop (Example 2)
| (800) | Team Roster Overview – Mobile Trends and Potential Issues Trends –List of Players –Buttons and controls Issues –Reading order –Properly labeled controls –Identifying selection state –Multipart controls/grouped elements
| (800) | Team Roster – Mobile (Examples)
| (800) | Team Roster Overview – Desktop Trends and Potential Issues Trends –Simple and complex tables –Icons/Images/Controls –Links that open dialogs Issues –Accessible labels for icons or controls –Unique labels for controls –Table reading order –Links that open dialogs don’t indicate the fact
| (800) | Team Roster – Desktop (Example 1)
| (800) | Example 1 – Links List
| (800) | Team Roster – Desktop (Example 2)
| (800) | Example 2 – Code Review
| (800) | Example 2 – Screen Magnification View
| (800) | Fantasy Cast Overview– Mobile Trends and Potential Issues Trends –Live updating content –Colors for identifying information –Lists of team and opposing team players and scores Issues –Color as the sole method of communicating information –Blinking or flashing content –Dynamic content not rendered by screen reader
| (800) | Fantasy Cast – Mobile (Examples)
| (800) | Fantasy Cast Overview – Desktop Trends and Potential Issues Trends –Live updating content –Colors for identifying information –Tables Issues –Color as the sole method of communicating information –Blinking or flashing content –Dynamic content not rendered by screen reader –Identifying the state of an element –Table reading order and proper rendering of table elements
| (800) | Fantasy Cast – Desktop (Example 1)
| (800) | Fantasy Cast – Desktop (Example 2)
| (800) | Fantasy Sports Demo Live Demo It’s Time to Play!
| (800) | Questions?
| (800) | Thank You Contact Us Erica Zelmanowicz Accessibility Analyst/Trainer SSB Contact Information (800) Follow linkedin.com/company/ SSB-BART-Group facebook.com/ SSBBARTGroup SSBBARTGroup.com/blog
| (800) | About SSB BART Group Unmatched Experience Focus on Accessibility Solutions That Manage Risk Real-World Strategy Organizational Strength and Continuity Dynamic, Forward-Thinking Intelligence Fourteen hundred organizations (1445) Fifteen hundred individual accessibility best practices (1595) Twenty-two core technology platforms (22) Fifty-five thousand audits (55,930) One hundred fifty million accessibility violations (152,351,725) Three hundred sixty-six thousand human validated accessibility violations (366,096)