{"id":4453,"date":"2016-07-26T09:15:25","date_gmt":"2016-07-26T08:15:25","guid":{"rendered":"http:\/\/blogs.sussex.ac.uk\/tel\/?p=4453"},"modified":"2016-08-02T14:53:02","modified_gmt":"2016-08-02T13:53:02","slug":"developing-accessible-web-content","status":"publish","type":"post","link":"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/","title":{"rendered":"Developing accessible web content"},"content":{"rendered":"<p>In our recent post <a href=\"http:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/12\/making-learning-accessible-technology\/\"><em>Making learning accessible through technology<\/em><\/a>, Tab Betts (<a href=\"https:\/\/twitter.com\/mrtabkey\">@MrTabKey<\/a>) took us through some valuable tools that promote inclusivity, productivity and help overcome what are for some significant barriers to learning.<\/p>\n<div id=\"attachment_4460\" style=\"width: 260px\" class=\"wp-caption alignright\"><img aria-describedby=\"caption-attachment-4460\" loading=\"lazy\" class=\"wp-image-4460\" src=\"http:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/drdavidsloan-300x300.jpg\" alt=\"Dr David Sloan\" width=\"250\" height=\"250\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/drdavidsloan-300x300.jpg 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/drdavidsloan-150x150.jpg 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/drdavidsloan-100x100.jpg 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/drdavidsloan-200x200.jpg 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/drdavidsloan.jpg 320w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><p id=\"caption-attachment-4460\" class=\"wp-caption-text\">Dr David Sloan &#8211; UX Research Lead, The Paciello Group<\/p><\/div>\n<p>A growing range of free content creation tools (e.g. <a href=\"https:\/\/wordpress.com\/\">WordPress<\/a>) and intuitive social media platforms (e.g Facebook) have opened up web authoring to the masses, but as non-experts in web content creation this can inadvertently result in the introduction of accessibility challenges.\u00a0<!--more--><\/p>\n<h3><strong>Authoring tools<\/strong><\/h3>\n<p>A good authoring tool can help authors avoid accessibility problems by whenever possible automatically generating code that meets accessibility standards, and by prompting authors to manually add features that promote accessibility, when this can\u2019t be automated.<\/p>\n<p>Unfortunately, current tools have varying levels of support for generating accessible content, and provide varying levels of guidance to authors in creating accessible content. The result is content that often includes basic, but significant, barriers for disabled people.<\/p>\n<p>In this follow-up blog post, guest contributor <a href=\"https:\/\/www.paciellogroup.com\/blog\/author\/dsloan\/\">Dr David Sloan<\/a> (UX Research Lead, The Paciello Group) and <a href=\"http:\/\/www.sussex.ac.uk\/profiles\/336077\">Dr David Walker<\/a> (Head of Technology Enhanced Learning, University of Sussex) highlight the accessibility challenges that should be considered when developing content for the web, and the need to evaluate the extent to which the tools we use support the production of accessible outputs.<\/p>\n<h3><strong>Accessibility guidelines <\/strong><\/h3>\n<div id=\"attachment_4468\" style=\"width: 250px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.w3.org\"><img aria-describedby=\"caption-attachment-4468\" loading=\"lazy\" class=\"wp-image-4468\" src=\"http:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/Capture-300x216.png\" alt=\"Capture\" width=\"240\" height=\"173\" srcset=\"https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/Capture-300x216.png 300w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/Capture-100x72.png 100w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/Capture-150x108.png 150w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/Capture-200x144.png 200w, https:\/\/blogs.sussex.ac.uk\/tel\/files\/2016\/07\/Capture.png 301w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/><\/a><p id=\"caption-attachment-4468\" class=\"wp-caption-text\">Logo of the <a href=\"https:\/\/www.w3.org\">World Wide Web Consortium<\/a> (W3C)<\/p><\/div>\n<p>Digital tools can be significant enablers to accessible learning, indeed in a recent workshop at the University of Sussex <a href=\"https:\/\/www.jisc.ac.uk\/staff\/alistair-mcnaught\">Alistair McNaught<\/a> (Jisc) argued that the provision of resources in digital formats should be a \u2018learner<br \/>\nentitlement\u2019 as they are natively more accessible.<\/p>\n<p>Your first recommended stop when thinking about the process of developing accessible web content, and the tools you will use or provide authors with, is the <a href=\"https:\/\/www.w3.org\/TR\/ATAG20\/\">Authoring Tool Accessibility Guidelines (ATAG) 2.0<\/a> produced by the World Wide Web Consortium <a href=\"https:\/\/www.w3.org\/\">(W3C)<\/a>.<\/p>\n<p>Designed to support those developing tools for creating accessible web content, the guidelines also serve as a useful framework for evaluating the extent to which digital tools support authors to create accessible content.<\/p>\n<p>A separate but related set of guidelines specifically relating to the content itself is the more familiar <a href=\"https:\/\/www.w3.org\/TR\/2008\/REC-WCAG20-20081211\/\">Web Content Accessibility Guidelines<\/a> (WCAG is also produced by the W3C), which should also be considered.<\/p>\n<h3><strong>How easily does a tool support authors to create accessible outputs?<\/strong><\/h3>\n<p>When reviewing a tool ATAG 2.0 provides us with some useful pointers to guide our evaluation.\u00a0 To what extend does the tool support:<\/p>\n<ul>\n<li>keyboard navigability of interactive content<\/li>\n<li>the production of valid code<\/li>\n<li>provision of clear structural mark-up, for example promoting use of headings over enlarging text so that it resembles a heading but lacks the markup<\/li>\n<li>the ability to add alternative text for images and multimedia<\/li>\n<li>the ability for authors to choose options that enhance rather than detract from accessibility, for example colour schemes that don\u2019t present contrast issues<\/li>\n<li>the ability to check for and repair accessibility issues as part of the pre-publishing quality assurance process<\/li>\n<\/ul>\n<p>ATAG also provides guidance on assessing how well the tool can be used by authors with disabilities to create digital content.<\/p>\n<blockquote><p>Real digital inclusion means that people with disabilities can independently and successfully produce as well as consume digital content.<\/p><\/blockquote>\n<h3><strong>Implications of accessibility limitations<\/strong><\/h3>\n<p>Failure of a tool to conform to aspects of the ATAG guidelines places significant emphasis on the author having an understanding of the principles of accessible design, responsibility for checking accessibility limitations, and by extension a requirement to produce suitable alternatives if necessary. It might also increase the load on learning technology\/IT departments or other organisations responsible for ensuring content meets an institutional accessibility standard before it is published.<\/p>\n<p>It is unreasonable for all users to have this level of expertise. The onus must therefore be on tool providers to ensure they provide relevant accessibility help and institutions to provide relevant training to staff producing digital content.<\/p>\n<blockquote><p>When evaluating the suitability of any new digital content creation tool it\u2019s important therefore to\u00a0think not only about the content itself but the process by which that content is created and how effectively the authoring tool supports accessible authoring.<\/p><\/blockquote>\n<p>Increasing awareness of ATAG 2.0 will help not only address some of the many accessibility barriers that users face when interacting with the learning content Universities produce but it will also encourage software vendors to pay greater heed to this standard when developing authoring tools.<\/p>\n<h3><strong>Further Information and resources<\/strong><\/h3>\n<p>Lots of useful advice and guidance to institutions on how to create inclusive teaching and learning experiences for students is available on the <a href=\"https:\/\/accessibility.jiscinvolve.org\/wp\/\">Jisc Accessibility Organisations Blog<\/a>.<\/p>\n<p>Do you have any tips on how to ensure web accessibility? Join the discussion by replying to this post or emailing us at <a href=\"mailto:tel@sussex.ac.uk\">tel@sussex.ac.uk<\/a><\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon 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-4453\" class=\"share-twitter sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Twitter (Opens in new window)<\/span><\/a><\/li><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-4453\" class=\"share-facebook sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Facebook (Opens in new window)<\/span><\/a><\/li><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Tumblr (Opens in new window)<\/span><\/a><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/\" target=\"_blank\" title=\"Click to print\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to print (Opens in new window)<\/span><\/a><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-4453\" class=\"share-pinterest sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pinterest (Opens in new window)<\/span><\/a><\/li><li class=\"share-pocket\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-pocket sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=pocket\" target=\"_blank\" title=\"Click to share on Pocket\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pocket (Opens in new window)<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>In our recent post Making learning accessible through technology, Tab Betts (@MrTabKey) took us through some valuable tools that promote inclusivity, productivity and help overcome what are for some significant barriers to learning. A growing range of free content creation<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n<div class=\"sharedaddy sd-sharing-enabled\"><div class=\"robots-nocontent sd-block sd-social sd-social-icon 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-4453\" class=\"share-twitter sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=twitter\" target=\"_blank\" title=\"Click to share on Twitter\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Twitter (Opens in new window)<\/span><\/a><\/li><li class=\"share-facebook\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-facebook-4453\" class=\"share-facebook sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=facebook\" target=\"_blank\" title=\"Click to share on Facebook\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Facebook (Opens in new window)<\/span><\/a><\/li><li class=\"share-tumblr\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-tumblr sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=tumblr\" target=\"_blank\" title=\"Click to share on Tumblr\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Tumblr (Opens in new window)<\/span><\/a><\/li><li class=\"share-print\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-print sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/\" target=\"_blank\" title=\"Click to print\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to print (Opens in new window)<\/span><\/a><\/li><li class=\"share-pinterest\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"sharing-pinterest-4453\" class=\"share-pinterest sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=pinterest\" target=\"_blank\" title=\"Click to share on Pinterest\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pinterest (Opens in new window)<\/span><\/a><\/li><li class=\"share-pocket\"><a rel=\"nofollow noopener noreferrer\" data-shared=\"\" class=\"share-pocket sd-button share-icon no-text\" href=\"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/07\/26\/developing-accessible-web-content\/?share=pocket\" target=\"_blank\" title=\"Click to share on Pocket\"><span><\/span><span class=\"sharing-screen-reader-text\">Click to share on Pocket (Opens in new window)<\/span><\/a><\/li><li class=\"share-end\"><\/li><\/ul><\/div><\/div><\/div>","protected":false},"author":78,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[36],"tags":[98301,36,98298,98300,4878,98263,98299],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p4IWEK-19P","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"jetpack-related-posts":[{"id":9309,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2022\/11\/08\/using-the-content-authoring-tool-h5p-to-create-interactive-learning-material\/","url_meta":{"origin":4453,"position":0},"title":"Using the content authoring tool H5P to create interactive learning material","date":"8th November 2022","format":false,"excerpt":"Sue Robbins is Senior Lecturer in English Language, and Director of Continuing Professional Development in the School of Media, Arts and Humanities. In this case study Sue describes using H5P to create interactive learning tasks in an online English language development course for international students. What is H5P? H5P is\u2026","rel":"","context":"In &quot;Case Study&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2022\/11\/MicrosoftTeams-image.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":515,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2014\/08\/12\/future-fit-building-a-digital-institution\/","url_meta":{"origin":4453,"position":1},"title":"Future fit: building a digital institution","date":"12th August 2014","format":false,"excerpt":"How can recent innovations in educational technology be used to support university life? This was the essence of \u00a0the debate at\u00a0Building the Digital Institution, a recent conference held by the Centre for Educational Technology, Interoperability and Standards (Cetis). Pete Sparkes\u00a0from the\u00a0Technology Enhanced Learning team traveled to Bolton\u00a0to explore the issues\u2026","rel":"","context":"In &quot;External events&quot;","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2014\/08\/Petes-post-300x204.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4756,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/09\/06\/digitally-embedding-digital-skills-curriculum\/","url_meta":{"origin":4453,"position":2},"title":"Doing it digitally: embedding digital skills in the curriculum","date":"6th September 2016","format":false,"excerpt":"Whether we talk about digital skills, digital literacy or digital capabilities there is no doubt that students need to develop their use and understanding of digital tools (see Digital Skills for the UK Economy). Don\u2019t be misled by talk of the \u2018digital native\u2019 who by virtue of being born in\u2026","rel":"","context":"In &quot;Digital scholarship&quot;","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2016\/09\/13990305951_6a9a8116bf_z-300x221.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3950,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2016\/04\/12\/doing-it-digitally-presentations\/","url_meta":{"origin":4453,"position":3},"title":"Doing it digitally - presentations","date":"12th April 2016","format":false,"excerpt":"Giving presentations is as much part of academics\u2019 lives as it is their students'. Whether presenting at a conference or in an undergraduate seminar, there are digital tools to help with every step of the process. In previous posts such as Smarter study \u2013 5 essential apps for students, Clever\u2026","rel":"","context":"In &quot;Technology Enhanced Learning&quot;","img":{"alt_text":"Trello","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2016\/04\/Trello.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":7894,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2019\/09\/17\/5-steps-to-using-tech-for-presentations\/","url_meta":{"origin":4453,"position":4},"title":"5 steps to using tech for presentations","date":"17th September 2019","format":false,"excerpt":"Giving presentations is as much a part of academics\u2019 lives as it is their students\u2019. Whether presenting at a conference or in an undergraduate seminar, there are similar issues to bear in mind and digital tools to help. Step 1. Get organised Whether you are creating your presentation alone or\u2026","rel":"","context":"In &quot;digital skills&quot;","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2019\/08\/My-Post.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":7962,"url":"https:\/\/blogs.sussex.ac.uk\/tel\/2019\/11\/26\/alternative-formats-made-easy-with-sensusacesss\/","url_meta":{"origin":4453,"position":5},"title":"Alternative formats made easy with SensusAccess","date":"26th November 2019","format":false,"excerpt":"The University of Sussex prides itself on being an inclusive education community, indeed inclusion is one of the five core values of the University\u2019s Strategic Framework. Building on wider institutional efforts in this important area Technology Enhanced Learning and the Library have come together to licence a new online service\u2026","rel":"","context":"In &quot;Accessibility&quot;","img":{"alt_text":"screenshot of link to SensusAccess in Canvas Help","src":"https:\/\/i1.wp.com\/blogs.sussex.ac.uk\/tel\/files\/2019\/10\/SensusAccess-Canvas-Student-794x946.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/4453"}],"collection":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/comments?post=4453"}],"version-history":[{"count":21,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/4453\/revisions"}],"predecessor-version":[{"id":4561,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/posts\/4453\/revisions\/4561"}],"wp:attachment":[{"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/media?parent=4453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/categories?post=4453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sussex.ac.uk\/tel\/wp-json\/wp\/v2\/tags?post=4453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}