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

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

24. Animation and Respect Prefers-reduced-motionProvide

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