Accessibility Guidelines

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. Alternative Description for Images and Images of Text

2. Color and Color Contrast

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

4. Tab Order and Focus Order

5. Navigation and Skipping Repetitive Navigation

6. Data Tables

7. Interactive Forms

8. Keyboard Accessibility

9. Testing for Keyboard Accessibility

10. PDF Documents and Attachments

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

12. Audio and Video Related Content

13. Writing Accessible Content

14. Testing with Screen Readers

15. Language Access

16. San Francisco’s Equitable Design Requirements

17. Popups, New Windows and Modal Windows

18. Slideshows, Moving Content and Flashes

19. iFrames

20. PowerBI Charts and Interactive Maps

21. Reading Level

22. Mobile Accessibility

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

24. Animation

25. Links and Descriptive Link Text

26. Hover States and Focusable Content

27. Input Modalities

28. Adequate Time and Adjust Timing

29. Parsing of Content

30. Tools and Resources

31. ARIA - General Information and Guidelines

32. Embedded Chatbots

33. Testing Content for Accessibility Compliance