{"id":702,"date":"2013-11-28T21:49:29","date_gmt":"2013-11-29T05:49:29","guid":{"rendered":"http:\/\/galencharlton.com\/blog\/?p=702"},"modified":"2013-11-28T21:49:29","modified_gmt":"2013-11-29T05:49:29","slug":"notes-from-code4lib-bc-accessibility","status":"publish","type":"post","link":"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/","title":{"rendered":"Notes from Code4Lib BC: Accessibility"},"content":{"rendered":"<figure id=\"attachment_703\" aria-describedby=\"caption-attachment-703\" style=\"width: 320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"size-full wp-image-703\" alt=\"Peach Arch.  Photo by Daniel Means.  Licensed under CC-BY-SA and available at http:\/\/www.flickr.com\/photos\/supa_pedro\/389603266.\" src=\"https:\/\/galencharlton.com\/blog\/wp-content\/uploads\/2013\/11\/Peace-Arch-by-Daniel-Means.jpg\" width=\"320\" height=\"240\" srcset=\"https:\/\/galencharlton.com\/blog\/wp-content\/uploads\/2013\/11\/Peace-Arch-by-Daniel-Means.jpg 320w, https:\/\/galencharlton.com\/blog\/wp-content\/uploads\/2013\/11\/Peace-Arch-by-Daniel-Means-300x225.jpg 300w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><figcaption id=\"caption-attachment-703\" class=\"wp-caption-text\">Peach Arch. Photo by Daniel Means. Licensed under CC-BY-SA and available at <a href=\"http:\/\/www.flickr.com\/photos\/supa_pedro\/389603266\">Flickr<\/a>.<\/figcaption><\/figure>\n<p>There is nothing quite like the sense of sheer glee you get when you&#8217;re waiting at the border&#8230; and have been waiting at the border for a while&#8230; and then a new customs inspection lane is opened up. Zoom!<\/p>\n<p>Marlene and I left Seattle this morning to go to the <a href=\"http:\/\/wiki.code4lib.org\/index.php\/BC\">Code4Lib BC<\/a> conference in Vancouver. Leaving in the morning meant that we missed the lightning talks, and arrived after the breakout sessions had started. Fortunately, folks were quick to welcome us, and I soon fell into the accessibility session.<\/p>\n<p>Accessibility has been on my mind lately, but it&#8217;s an area that I&#8217;m starting mostly from ground zero with. I knew that designing accessible systems is a Good Idea, I knew about the existence some of the jargon and standards, and I knew that I didn&#8217;t know much else &#8212; certainly none of the specifics.<\/p>\n<p><a href=\"http:\/\/cynng.wordpress.com\/\">Cynthia Ng<\/a> very kindly shared some pointers with me. For example, it is helpful to know that the Section 508 guidelines is essentially a subset of WCAG 1.0. This is exactly the sort of shortcut (through an apparently intimidating forest) that an expert can effortlessly give to a newbie &#8212; and having opportunities to learn from the experts is one of the reasons why I like going to conferences.<\/p>\n<p>The accessibility breakout session charged itself with putting together a list of resources and best practices for accessibility and universal design. As I mentioned above, we arrived in the middle of the breakout session time, but a couple hours was more than enough time to get initial exposure to a lot of ideas and resources. It was exhilarating.<\/p>\n<p>In no particular order, here is a list of various things that I&#8217;ll be following up on:<\/p>\n<ul>\n<li><a href=\"http:\/\/a11yproject.com\/\">The Accessibility Project<\/a><\/li>\n<li>Guerilla testing<\/li>\n<li>The 5 second test<\/li>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Swim_lane\">Swim lane diagrams<\/a><\/li>\n<li>The <a href=\"http:\/\/blog.paciellogroup.com\/\">Paciello Group Blog<\/a><\/li>\n<li>Be careful about putting things in the right sidebar of a three-column layout &#8212; a lot of users have been trained by web advertising to completely ignore that region. \u00a0Similarly, a graphic with moving parts can get ignored if it looks too much like an ad.<\/li>\n<li>The Code4Lib BC accessibility group&#8217;s <a href=\"https:\/\/docs.google.com\/document\/d\/13zM-Q84eYJqvfLdYWU8PkAf_z8RbeJC_iskPB5QlSo8\/edit#\">notes<\/a><\/li>\n<li>Having consistency of branding and look and feel can improve usability &#8212; but that can be a challenge when integrating a lot of separate systems (particularly if a library and a vendor have different ideas about whose branding should be foremost).<\/li>\n<li>Integrating one&#8217;s content strategy with one&#8217;s accessibility strategy. \u00a0To paraphrase a point that Cynthia made a few times, putting out too much text is a problem for\u00a0<em>any<\/em> user.<\/li>\n<li>As with so much of software design, iterate early and often. The time to start thinking about accessibility is when you&#8217;re 20% of the way through a project, not when you&#8217;re 80% done.<\/li>\n<li>Standards can help, but only up to a point. \u00a0A website could pass an automated WCAG compliance test with flying colors but not actually be usable by anyone.<\/li>\n<\/ul>\n<p>And there&#8217;s another day of conference yet! \u00a0I&#8217;m quite happy we made the drive up.<\/p>\n<p>Here&#8217;s a general question to the world: what reading material do you recommend for folks like me who want to learn more about writing accessible web software?<\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-702\" class=\"share-twitter sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span>Twitter<\/span><\/a><\/li><li><a href=\"#\" class=\"sharing-anchor sd-button share-more\"><span>More<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><div class=\"sharing-hidden\"><div class=\"inner\" style=\"display: none;\"><ul><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span>Tumblr<\/span><\/a><\/li><li class=\"share-reddit\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-reddit sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/?share=reddit\" target=\"_blank\" title=\"Click to share on Reddit\"><span>Reddit<\/span><\/a><\/li><li class=\"share-end\"><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/\" target=\"_blank\" title=\"Click to print\"><span>Print<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>There is nothing quite like the sense of sheer glee you get when you&#8217;re waiting at the border&#8230; and have been waiting at the border&#8230;<\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing\"><h3 class=\"sd-title\">Share this:<\/h3><div class=\"sd-content\"><ul><li class=\"share-twitter\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-twitter-702\" class=\"share-twitter sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span>Twitter<\/span><\/a><\/li><li><a href=\"#\" class=\"sharing-anchor sd-button share-more\"><span>More<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><div class=\"sharing-hidden\"><div class=\"inner\" style=\"display: none;\"><ul><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span>Tumblr<\/span><\/a><\/li><li class=\"share-reddit\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-reddit sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/?share=reddit\" target=\"_blank\" title=\"Click to share on Reddit\"><span>Reddit<\/span><\/a><\/li><li class=\"share-end\"><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon\" href=\"https:\/\/galencharlton.com\/blog\/2013\/11\/notes-from-code4lib-bc-accessibility\/\" target=\"_blank\" title=\"Click to print\"><span>Print<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div><\/div><\/div>","protected":false},"author":1,"featured_media":703,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"Notes from Code4Lib BC: Accessibility #c4lbc","jetpack_is_tweetstorm":false},"categories":[4,6],"tags":[47],"jetpack_featured_media_url":"https:\/\/galencharlton.com\/blog\/wp-content\/uploads\/2013\/11\/Peace-Arch-by-Daniel-Means.jpg","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3gJ9y-bk","_links":{"self":[{"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/posts\/702"}],"collection":[{"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":8,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions\/711"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/media\/703"}],"wp:attachment":[{"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/galencharlton.com\/blog\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}