Page Comparison

Overview

Accessibility refers to the inclusive practice of removing barriers. When digital products are correctly designed, developed and edited, all users have equal access to information and functionality.

The City and County of San Francisco is dedicated to serving all San Franciscans. We need to give equitable access to all of our digital services and web content. We must consider the need of San Franciscans, City staff, and anyone doing business with the City.

Please see the city’s Digital Accessibility and Inclusion Standards.

Table of Contents

1. Provide Alternative Description for Images and Images of Text

2. Color and Color Contrast

3. Create Headings, Labels, Page Titles and Creating a Logical Reading Order

4. Tab Order and Focus Order

5. Navigation and Skipping Repetitive Navigation

6. Create Accessible Data Tables

7. Accessible Interactive Forms

8. Keyboard Accessibility

9. Testing for Keyboard Accessibility

10. Accessible PDFsPDF Documents and Attachments

11. Error, Alert and Alert Status Messaging, Instructions and Help Text

12. Audio and Video Related Content

13. Writing Accessible Content for Screen Readers

14. Testing with Screen Readers

15. Language Access

16. San Francisco’s Equitable Design Requirements

17. Popups, New Windows and Modal Windows

18. Slideshows and , Moving Content and Flashes

19. Accessible iFrames

20. Accessible PowerBI Charts and Interactive Maps

21. Reading Level

22. Mobile Accessibility and Screen size

23. Animation and Respect Prefers-reduced-motion

24. Provide Descriptive Link Text

26. Screen Size, Page Flow, Text and Paragraph Resizing, Text Spacing

27. Animation

28. Links and Descriptive Link Text

29. Hover States and Focusable Content

30. Input Modalities

31. Adequate Time and Adjust Timing

32. Parsing of Content

33. Tools and Resources

34. ARIA - General Information and Guidelines

35. Embedded Chatbots and

36. Testing Content for Accessibility Compliance