{"id":4065,"date":"2025-01-07T12:12:57","date_gmt":"2025-01-07T11:12:57","guid":{"rendered":"http:\/\/www.twillo.de\/blog\/practical-tips-for-accessible-oer-how-to-make-teaching-materials-more-inclusive\/"},"modified":"2025-06-13T18:47:48","modified_gmt":"2025-06-13T16:47:48","slug":"practical-tips-for-accessible-oer-how-to-make-teaching-materials-more-inclusive","status":"publish","type":"post","link":"https:\/\/www.twillo.de\/en\/blog\/practical-tips-for-accessible-oer-how-to-make-teaching-materials-more-inclusive\/","title":{"rendered":"Practical tips for accessible OER: How to make teaching materials more inclusive"},"content":{"rendered":"\n<p class=\"teaser-text\">Low-bar\u00adrier Open Edu\u00adca\u00adtional Resources (OER) are a cru\u00adcial step towards includ\u00ading all stu\u00addents and pro\u00advid\u00ading fair access to knowl\u00adedge. This arti\u00adcle shows uni\u00adver\u00adsity lec\u00adtur\u00aders sim\u00adple and easy-to-imple\u00adment mea\u00adsures that they can use to cre\u00adate acces\u00adsi\u00adble mate\u00adri\u00adals. <\/p>\n\n<h2 class=\"wp-block-heading\">What does accessibility mean and why is it important?<\/h2>\n\n<p>Low-bar\u00adrier teach\u00ading mate\u00adri\u00adals pro\u00admote inclu\u00adsive learn\u00ading and sup\u00adport stu\u00addents who are depen\u00addent on aids or have visual impair\u00adments. In 2009, Ger\u00admany rat\u00adi\u00adfied the <a href=\"https:\/\/www.institut-fuer-menschenrechte.de\/das-institut\/monitoring-stelle-un-brk\/die-un-brk\" target=\"_blank\" rel=\"noreferrer noopener\">UN Con\u00adven\u00adtion on the Rights of Per\u00adsons with Dis\u00adabil\u00adi\u00adties<\/a>, thereby com\u00admit\u00adting itself to pro\u00advid\u00ading equal access to edu\u00adca\u00adtion for peo\u00adple with dis\u00adabil\u00adi\u00adties. Bar\u00adrier-free design in OER is there\u00adfore not only an eth\u00adi\u00adcal oblig\u00ada\u00adtion, but also a legal require\u00adment to ensure inclu\u00adsion and equal oppor\u00adtu\u00adni\u00adties at uni\u00adver\u00adsi\u00adties.  <\/p>\n\n<p>Stu\u00addents with\u00adout dis\u00adabil\u00adi\u00adties also ben\u00ade\u00adfit from acces\u00adsi\u00adble mate\u00adri\u00adals, as they are eas\u00adier to read and more flex\u00adi\u00adble to use on mobile devices and under dif\u00adfer\u00adent con\u00addi\u00adtions. Low-bar\u00adrier OER can also be more eas\u00adily adapted and redis\u00adtrib\u00aduted by other teach\u00aders, which pro\u00admotes sus\u00adtain\u00adable use and increases the avail\u00adabil\u00adity of high-qual\u00adity edu\u00adca\u00adtional resources. The fol\u00adlow\u00ading guide offers you prac\u00adti\u00adcal tips for inte\u00adgrat\u00ading acces\u00adsi\u00adbil\u00adity into your OER.  <\/p>\n\n<h2 class=\"wp-block-heading\">Practical tips for the accessible design of OER<\/h2>\n\n<h3 class=\"wp-block-heading\">1. adjust color contrasts and take color blindness into account<\/h3>\n\n<p>Col\u00adors are cen\u00adtral to read\u00adabil\u00adity and com\u00adpre\u00adhen\u00adsi\u00adbil\u00adity. High-con\u00adtrast color com\u00adbi\u00adna\u00adtions, e.g. dark text on a light back\u00adground, increase read\u00adabil\u00adity. For peo\u00adple with impaired color vision, it is also impor\u00adtant to design con\u00adtrasts in such a way that infor\u00adma\u00adtion is rec\u00adog\u00adniz\u00adable even with\u00adout color dif\u00adfer\u00aden\u00adti\u00ada\u00adtion. Use the <a href=\"https:\/\/www.color-blindness.com\/coblis-color-blindness-simulator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Color Blind\u00adness Sim\u00adu\u00adla\u00adtor<\/a> from Cob\u00adlis or the <a href=\"https:\/\/leserlich.info\/kontrastrechner\" target=\"_blank\" rel=\"noreferrer noopener\">Con\u00adtrast Cal\u00adcu\u00adla\u00adtor from Leserlich.info<\/a> to ensure that col\u00adors are adapted for dif\u00adfer\u00adent types of color vision defi\u00adcien\u00adcies. <a href=\"https:\/\/colorbrewer2.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Col\u00ador\u00adBrewer<\/a> also offers rec\u00adom\u00admended color palettes that take into account acces\u00adsi\u00adble con\u00adtrasts specif\u00adi\u00adcally for charts and maps to ben\u00ade\u00adfit stu\u00addents with visual impair\u00adments. By using pat\u00adterns or sym\u00adbols for dif\u00adfer\u00aden\u00adti\u00ada\u00adtion, infor\u00adma\u00adtion can be made under\u00adstand\u00adable even with\u00adout color con\u00adtrasts.    <\/p>\n\n<h3 class=\"wp-block-heading\">2. simple and clear language \u2014 strike the right note<\/h3>\n\n<p>For\u00admu\u00adlat\u00ading con\u00adtent in clear, sim\u00adple lan\u00adguage is par\u00adtic\u00adu\u00adlarly help\u00adful in pre\u00adsen\u00adta\u00adtions to draw atten\u00adtion to the essen\u00adtials. Instead of com\u00adplex sen\u00adtence struc\u00adtures, con\u00adcise, com\u00adpre\u00adhen\u00adsi\u00adble for\u00admu\u00adla\u00adtions are rec\u00adom\u00admended. This can also help learn\u00aders with cog\u00adni\u00adtive impair\u00adments or lit\u00adtle prior knowl\u00adedge. They can use <a href=\"https:\/\/www.capito.eu\/digital\/\" target=\"_blank\" rel=\"noreferrer noopener\">capi\u00adto\u2019s easy lan\u00adguage tool<\/a> for sup\u00adport, which ana\u00adlyzes texts and pro\u00advides rec\u00adom\u00admen\u00adda\u00adtions for opti\u00admiza\u00adtion. The Uni\u00adver\u00adsity of Ros\u00adtock also pro\u00advides a <a href=\"https:\/\/www.uni-rostock.de\/storages\/uni-rostock\/UniHome\/Vielfalt\/Barrierefreiheit\/Leitfaden_MV_Inklusive_Hochschullehre.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">guide to acces\u00adsi\u00adble teach\u00ading<\/a>.    <\/p>\n\n<h3 class=\"wp-block-heading\">3. alternative texts for images \u2014 AI-supported and efficient<\/h3>\n\n<p>Images and graph\u00adics are often indis\u00adpens\u00adable, but with\u00adout alter\u00adna\u00adtive texts (alt texts) they are inac\u00adces\u00adsi\u00adble for visu\u00adally impaired peo\u00adple. Using AI tools such as <a href=\"https:\/\/you.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">You.com<\/a> and <a href=\"https:\/\/openai.com\/chatgpt\/overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ope\u00adnAI\u2019s Chat\u00adGPT<\/a>, you can auto\u00admat\u00adi\u00adcally gen\u00ader\u00adate descrip\u00adtions for uploaded images that you can eas\u00adily insert into your mate\u00adri\u00adals. You can cus\u00adtomize the AI-gen\u00ader\u00adated texts as needed to pro\u00advide more accu\u00adrate infor\u00adma\u00adtion for your con\u00adtent. Fur\u00adther tips on cre\u00adat\u00ading good alter\u00adna\u00adtive texts can be found in the <a href=\"https:\/\/barrierefreiheit.dh.nrw\/fileadmin\/user_upload\/barrierefreiheit\/Publikationen\/Leitfaden_Wie_erstelle_ich_einen_guten_Alttext.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">hand\u00adout from barrierefreiheit.nrw<\/a>.   <\/p>\n\n<h3 class=\"wp-block-heading\">4. use clearly legible fonts and sizes<\/h3>\n\n<p>The choice of font and font size con\u00adtributes sig\u00adnif\u00adi\u00adcantly to read\u00adabil\u00adity. Use easy-to-read, sans serif fonts such as Arial or Ver\u00addana and a min\u00adi\u00admum size of 14 points so that stu\u00addents with visual impair\u00adments can also read with\u00adout any prob\u00adlems. Addi\u00adtional infor\u00adma\u00adtion on acces\u00adsi\u00adble font design can be found in the guide to acces\u00adsi\u00adble fonts from gehirngerecht.digital.  <\/p>\n\n<h3 class=\"wp-block-heading\">5. clear structuring of slides and documents<\/h3>\n\n<p>A clear struc\u00adture sup\u00adports all stu\u00addents, espe\u00adcially those who rely on screen read\u00aders. Orga\u00adnize con\u00adtent with clear head\u00adings and para\u00adgraphs and use hier\u00adar\u00adchi\u00adcal styles in Pow\u00ader\u00adPoint or Word. This makes it eas\u00adier to find your way around and increases acces\u00adsi\u00adbil\u00adity for screen read\u00aders. Also make sure that your slides are for\u00admat\u00adted con\u00adsis\u00adtently \u2014 a uni\u00adform font size and clear spac\u00ading between ele\u00adments pro\u00admote com\u00adpre\u00adhen\u00adsi\u00adbil\u00adity.   <\/p>\n\n<h3 class=\"wp-block-heading\">6. speaking links for easy navigation<\/h3>\n\n<p>Links should be designed in such a way that they are under\u00adstand\u00adable with\u00adout con\u00adtext. Avoid vague terms such as \u201cclick here\u201d and choose more pre\u00adcise for\u00admu\u00adla\u00adtions such as \u201cMore on acces\u00adsi\u00adble design in OER\u201d. This makes nav\u00adi\u00adga\u00adtion eas\u00adier and is par\u00adtic\u00adu\u00adlarly help\u00adful for screen reader users. By using descrip\u00adtive link texts, you also make your mate\u00adri\u00adals more user-friendly over\u00adall.   <\/p>\n\n<h3 class=\"wp-block-heading\">7. obtain feedback from students<\/h3>\n\n<p>Stu\u00addents can often pro\u00advide valu\u00adable insights and con\u00adcrete sug\u00adges\u00adtions for improve\u00adment when it comes to the acces\u00adsi\u00adbil\u00adity of teach\u00ading mate\u00adri\u00adals. A short sur\u00advey or an invi\u00adta\u00adtion to pro\u00advide anony\u00admous feed\u00adback can help you to make tar\u00adgeted adjust\u00adments to the mate\u00adri\u00adals. Ask stu\u00addents with dis\u00adabil\u00adi\u00adties or impair\u00adments if the mate\u00adri\u00adals meet their needs and if there are areas they would improve. This not only cre\u00adates a more inclu\u00adsive learn\u00ading envi\u00adron\u00adment, but also lets stu\u00addents know that their needs are being taken seri\u00adously.   <\/p>\n\n<h2 class=\"wp-block-heading\">Conclusion and outlook<\/h2>\n\n<p>With the tips men\u00adtioned here, acces\u00adsi\u00adbil\u00adity can become rou\u00adtine when cre\u00adat\u00ading teach\u00ading mate\u00adri\u00adals and OER. Small adjust\u00adments such as high-con\u00adtrast col\u00adors, clear struc\u00adtur\u00ading and AI-sup\u00adported alter\u00adna\u00adtive texts make con\u00adtent more acces\u00adsi\u00adble for every\u00adone and strengthen inclu\u00adsion at uni\u00adver\u00adsi\u00adties. Inclu\u00adsive edu\u00adca\u00adtion does not require major changes \u2014 it is often enough to use the right tools and pay atten\u00adtion to a few details.  <\/p>\n\n<p>Acces\u00adsi\u00adble OER can also be more eas\u00adily adapted by other edu\u00adca\u00adtional insti\u00adtu\u00adtions and con\u00adtribute to the sus\u00adtain\u00adable pro\u00advi\u00adsion of high-qual\u00adity edu\u00adca\u00adtional resources. The OER com\u00admu\u00adnity is increas\u00adingly com\u00admit\u00adted to the imple\u00admen\u00adta\u00adtion of acces\u00adsi\u00adble mate\u00adri\u00adals and sup\u00adports teach\u00aders in adapt\u00ading and dis\u00adsem\u00adi\u00adnat\u00ading their own resources. You can watch and down\u00adload the most impor\u00adtant (first) steps for acces\u00adsi\u00adble OER in our <a href=\"https:\/\/av.tib.eu\/media\/67807\" target=\"_blank\" rel=\"noreferrer noopener\">#briefly explained video<\/a>. You can find lots more infor\u00adma\u00adtion, e.g. on the design of videos or H5P ele\u00adments, at <a href=\"https:\/\/barrierefreiheit.dh.nrw\/\" target=\"_blank\" rel=\"noreferrer noopener\">barrierefreiheit.nrw<\/a>.   <\/p>\n","protected":false},"excerpt":{"rendered":"<p>What does acces\u00adsi\u00adbil\u00adity mean and why is it impor\u00adtant? Low-bar\u00adrier teach\u00ading mate\u00adri\u00adals pro\u00admote inclu\u00adsive learn\u00ading and sup\u00adport stu\u00addents who are depen\u00addent on aids or have visual impair\u00adments. In 2009, Ger\u00admany rat\u00adi\u00adfied the UN Con\u00adven\u00adtion on the Rights of Per\u00adsons with Dis\u00adabil\u00adi\u00adties, thereby com\u00admit\u00adting itself to pro\u00advid\u00ading equal access to edu\u00adca\u00adtion for peo\u00adple with dis\u00adabil\u00adi\u00adties. Bar\u00adrier-free [\u2026]<\/p>\n","protected":false},"author":1,"featured_media":4062,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[151],"tags":[],"class_list":["post-4065","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hands-on"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/posts\/4065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/comments?post=4065"}],"version-history":[{"count":0,"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/posts\/4065\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/media\/4062"}],"wp:attachment":[{"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/media?parent=4065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/categories?post=4065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.twillo.de\/en\/wp-json\/wp\/v2\/tags?post=4065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}