This document summarizes best practices for making Drupal websites accessible. It discusses key accessibility concepts like the social model of disability and universal design. Guidelines are provided for implementing captions, alternative text, and standards compliance testing. Resources for education, community support, and tools are also referenced to help designers integrate accessibility throughout the development process. The overall message is that inclusive design requires consulting people with disabilities and disabilities should be viewed as a normal human experience.

1. DRUPAL &
ACCESSIBILITY
Karen Mardahl
25 September 2011
Drupalcamp Copenhagen
1

2. 2

3. 3

4. 4 http://www.flickr.com/photos/usnavy/5765451437

5. http://www.flickr.com/photos/veeliam/5095362394/
5

6. http://www.flickr.com/photos/mjmonty/5087474397/
6

7. http://www.flickr.com/photos/altopower/196564281/
7

8. The International Classification of
Functioning, Disability and Health (ICF) from
World Health Organization (WHO)
“acknowledges that every human being
can experience a decrement in health and
thereby experience some degree of
disability. Disability is not something that
only happens to a minority of humanity. The
ICF thus ‘mainstreams’ the experience of
disability and recognises it as a universal
human experience.”
http://www.who.int/classifications/icf/en/
8

9. When universal design processes fail to
include, consult with, and listen to the people
we are actually designing for, we also fail to
design effectively.
– Lisa Herrod
http://scenariogirl.com/inclusive-design/the-social-model-of-disability
9

10. Education
10

11. Just Ask: Integrating Accessibility Throughout Design
http://www.uiaccess.com/accessucd/ (in print, too)
Opera Web Standards Curriculum in association with
Yahoo! Developer Network
http://www.opera.com/company/education/curriculum/
Web Standards Project's InterACT (site/book)
http://interact.webstandards.org/
U of MN Newsletter: Typography, information
architecture, usability, accessibility, maintained by
@laura_carlson
http://www.d.umn.edu/itss/training/online/webdesign/
webdev_listserv.html#subscribe
11

12. Standards
W3C WAI http://www.w3.org/WAI/
Web Accessibility Code of Practice BS8878 (UK)
http://www.access8878.com
12

13. Community
13

14. Accessibility and Drupal
http://groups.drupal.org/accessibility
http://drupal.org/node/394094
WebAIM Community
http://webaim.org/community
Twitter tips: @ezufelt, @seanyo, @mgifford
14

15. Captions and Transcripts
15

16. h"p://www.slideshare.net/kmardahl/
technical‐communica7on‐and‐inclusion‐5347819
16

17. <alt>
<title>
<longdesc>
17

18. http://dev.w3.org/html5/alt-techniques/
http://webaim.org/techniques/alttext/
http://www.paciellogroup.com/blog/2010/11/using-the-
html-title-attribute/
18

19. Test Review Test Review
Test Review Test Review
Test Review Test Review
Test Review Test Review
Test Review Test Review
Test Review Test Review
...
19

20. W3C WAI Tool List http://www.w3.org/WAI/RC/tools/complete
• WAVE http://wave.webaim.org/
• Color Contrast and more https://addons.mozilla.org/da/firefox/addon/juicy-
studio-accessibility-too/
• Fireeyes http://www.deque.com/products/worldspace-fireeyes/download-
worldspace-fireeyes
• Functional Accessibility Evaluator http://fae.cita.uiuc.edu/about/
• Web Developer Extension http://chrispederick.com/work/web-developer/
• Web Accessibility Toolbar for IE http://www.paciellogroup.com/resources/
wat-ie-about.html
20

21. • For manager-types http://openconcept.ca/
blog/mgifford/accessibility-tips-management
• Cost? http://eclecti.ca/2011/05/the-cost-of-
accessibility/
• Bug cost chart http://blogs.windriver.com/
vxworks/device-management/
21

22. <plug>
Environment for Humans’ Accessibility Summit
http://environmentsforhumans.com/2011/accessibility-
summit/
</plug>
(* Only a happy attendee who is not affliated with E4H)
22

23. h"p://www.flickr.com/photos/mroche/5414095073/
http://www.flickr.com/photos/mroche/5414095073/
23

24. http://www.flickr.com/photos/lisaherrod/3436909765
24

25. When universal design
processes fail to include,
consult with, and listen to the
people we are actually
designing for, we also fail to
design effectively.
– Lisa Herrod
http://scenariogirl.com/inclusive-design/the-social-model-of-disability
25

26. Thank you for listening!
Questions?
@kmdk / @stcaccess
http://www.mardahl.dk
http:/flavors.me/kmdk
26