Bookmark: "A template for accessible data visualizations"

2022-05-14

Bookmarked:

A template for accessible data visualizations

medium.com

This is a brilliant reference project on the process and design behind creating accessible data visualizations.

Here are some of the key improvements that made our data and reports more accessible and easy to use:

Consistent dashboard layouts

Focused, simple data visualizations

Accessible text to support the data

Mobile responsive dashboards

Special care to accessibility for screen readers

Templates and guidance to streamline adoption

The team published their learnings in a public guide:

Data visualization standards for SF.gov - Public Data Visualization Guide datasf.gitbook.io

I'm Sebastian, Sociologist and Interaction Designer. This journal is mostly about bringing together social science and design for inclusive, privacy-focused, and sustainable "human-first" digital strategies. I also tend to a "digital garden" with carefully curated resources.

My occasionally sent email newsletter has all of the above, and there is of course also an RSS feed or my Mastodon/Fediverse profile.

Discussion:

Name

Comment *

Available formatting commands

Use Markdown commands or their HTML equivalents to add simple formatting to your comment:

Text markup

*italic*, **bold**, ~~strikethrough~~, `code` and <mark>marked text</mark>.

Lists

- Unordered item 1
- Unordered list item 2

1. Ordered list item 1
2. Ordered list item 2

Quotations

> Quoted text

Code blocks

```
// A simple code block
```

```php
// Some PHP code
phpinfo();
```

Links

[Link text](https://example.com)

Full URLs are automatically converted into links.