Chatbot Accessibility Playbook

Recommendation 4.4.4:
Use responsive web design techniques to support the user's device of choice

Benefits Users

Icon for VisualIcon for AuditoryIcon for CognitiveIcon for SpeechIcon for PhysicalVisual | Auditory | Cognitive | Speech | Physical

Icon for StandardRelevant W3C Guidance


Phase 1: Gather & Organize

Icon for Additional InformationAdditional Information

  • Responsive Web Design involves using HTML and CSS to automatically resize, hide, shrink, or enlarge a website to make it look good on all devices (desktops, tablets, and phones). Responsive Web Design isn’t just about aesthetics; poor design can make parts of a website inaccessible.

Icon for Read MoreRead More

  • LEVEL Access offers an introduction to Responsive Web Design (RWD)


Phase 2: Design & Implement

[none]


Phase 3: Test & Evaluate

Icon for Self CheckSelf Check

  • Is the chatbot button visible in both mobile and desktop views?

Icon for TestingTesting

  • Be sure to test responsiveness with multiple device form factors and platforms, including common AT.



References

13, 23