{"id":39938,"date":"2023-01-10T14:25:00","date_gmt":"2023-01-10T13:25:00","guid":{"rendered":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/"},"modified":"2023-07-06T16:08:05","modified_gmt":"2023-07-06T14:08:05","slug":"crowd-sourced-web-accessibility","status":"publish","type":"project","link":"https:\/\/frh-fondation.ch\/en\/project\/crowd-sourced-web-accessibility\/","title":{"rendered":"Crowd-sourced Web Accessibility"},"content":{"rendered":"[et_pb_section fb_built=”1″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”default” custom_padding=”0px||6px|||” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n

Crowd-sourced Web Accessibility<\/strong><\/h1>\n

Crowd-sourced accessibility testing of interactive HTML components<\/strong><\/h4>\n

 <\/p>\n

 <\/p>\n

Type of project: <\/strong>Prototype<\/p>\n

Disabilities concerned:<\/strong> Auditory disability, Mental disability, Motor disability, Visual disability<\/p>\n

Topics:<\/strong> Communication, Travel, Education, Leisure, Work<\/p>\n

Status: <\/strong>Completed<\/p>\n

 <\/p>\n

The aim of this project was to develop a prototype web platform providing publicly accessible information on the results of accessibility tests on open source web components.<\/h5>\n

 <\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}” column_structure=”1_3,1_3,1_3″][et_pb_column type=”1_3″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n

When developing web applications, it is common to use freely available web components, such as message dialogue boxes or configurable components for date selection. The use of these components is necessary because the standard components available in browsers do not meet the requirements of modern web applications. Unfortunately, there is often a lack of comprehensible information describing the accessibility of additional components. Traceability of accessibility is important, as it encompasses different aspects that need to be tested differently (for example, keyboard use and compatibility with screen readers).<\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]\n

The aim of this project was to develop a prototype web platform providing publicly accessible information on the results of accessibility tests on open source web components. The platform is unique in that information on accessibility tests is collected through crowdsourcing. Web developers can easily carry out the tests, as easy-to-follow accessibility test procedures are made available for the classes of web components concerned. The test criteria and procedures can be entered by experienced accessibility experts and contain references to quality sources such as the WCAG rules and the ARIA Authoring Practices Guide (APG).<\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]\n

Thanks to the integrated scoring system, web developers are motivated to carry out the missing accessibility tests for the web components that interest them. The tests they have carried out are then made available to all visitors to the platform. Divergent test results are presented transparently to increase the credibility of the results. The component test criteria can also be easily commented on, adapted and added to.<\/p>\n

Funding has enabled the creation of an online version of the prototype, which will be available at the following URL: https:\/\/cactus.ost.ch. The prototype will now be extended and developed by the students to make the platform an internationally visible reference for information on the accessibility of Web components.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/frh-fondation.ch\/wp-content\/uploads\/2023\/06\/Cactus-Projekt-1.png” alt=”Screenshot of the home page of the Cactus project website.” title_text=”Cactus Projekt” align=”center” _builder_version=”4.17.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”default” text_font=”|300|||||||” text_line_height=”-1.3em” max_width=”100%” global_colors_info=”{}”]\n

Contact info<\/strong><\/h4>\n

OST<\/p>\n

Markus Stolze<\/p>\n

markus.stolze@ost.ch<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"

When developing web applications, it is common to use freely available web components, such as message dialogue boxes or configurable components for date selection. The use of these components is necessary because the standard components available in browsers do not meet the requirements of modern web applications. Unfortunately, comprehensible information describing the accessibility of additional components is often missing. Accessibility traceability is important, as it encompasses different aspects that need to be tested differently (e.g. keyboard use and compatibility with screen readers). The project develops a prototype web platform that ensures accessibility information of freely available web components. Firstly, information will be provided on how developers can test the accessibility of web components. This is done in the form of videos or references to quality sources. Secondly, the possibility is given to publish and update the results of accessibility tests carried out on this platform. The crowd-sourcing approach should support the breadth and timeliness of the information. The web platform will be implemented using freely available technologies and libraries in order to reduce development efforts. In addition, information should be provided on how to perform accessibility testing of web components. Wherever possible, existing material will be used and revised where necessary. If necessary, new material, such as videos, will be created.<\/p>\n","protected":false},"author":41,"featured_media":39834,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"thematiques":[200],"project_category":[164],"project_tag":[171],"acf":[],"yoast_head":"\nCrowd-sourced Web Accessibility - FRH Fondation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crowd-sourced Web Accessibility - FRH Fondation\" \/>\n<meta property=\"og:description\" content=\"When developing web applications, it is common to use freely available web components, such as message dialogue boxes or configurable components for date selection. The use of these components is necessary because the standard components available in browsers do not meet the requirements of modern web applications. Unfortunately, comprehensible information describing the accessibility of additional components is often missing. Accessibility traceability is important, as it encompasses different aspects that need to be tested differently (e.g. keyboard use and compatibility with screen readers). The project develops a prototype web platform that ensures accessibility information of freely available web components. Firstly, information will be provided on how developers can test the accessibility of web components. This is done in the form of videos or references to quality sources. Secondly, the possibility is given to publish and update the results of accessibility tests carried out on this platform. The crowd-sourcing approach should support the breadth and timeliness of the information. The web platform will be implemented using freely available technologies and libraries in order to reduce development efforts. In addition, information should be provided on how to perform accessibility testing of web components. Wherever possible, existing material will be used and revised where necessary. If necessary, new material, such as videos, will be created.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"FRH Fondation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/IB.TechAndSpecialNeeds\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-06T14:08:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/frh-fondation.ch\/wp-content\/uploads\/2023\/01\/laptop-593673_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1239\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@IB_SpecialNeeds\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/\",\"url\":\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/\",\"name\":\"Crowd-sourced Web Accessibility - FRH Fondation\",\"isPartOf\":{\"@id\":\"https:\/\/frh-fondation.ch\/#website\"},\"datePublished\":\"2023-01-10T13:25:00+00:00\",\"dateModified\":\"2023-07-06T14:08:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/frh-fondation.ch\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\/\/frh-fondation.ch\/en\/project\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Crowd-sourced Web Accessibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/frh-fondation.ch\/#website\",\"url\":\"https:\/\/frh-fondation.ch\/\",\"name\":\"FRH Fondation\",\"description\":\"Fondation pour la recherche en faveur des personnes handicap\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/frh-fondation.ch\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/frh-fondation.ch\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/frh-fondation.ch\/#organization\",\"name\":\"FRH Fondation\",\"url\":\"https:\/\/frh-fondation.ch\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/frh-fondation.ch\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/frh-fondation.ch\/wp-content\/uploads\/2021\/04\/logo-frh-288x110-1.png\",\"contentUrl\":\"https:\/\/frh-fondation.ch\/wp-content\/uploads\/2021\/04\/logo-frh-288x110-1.png\",\"width\":3402,\"height\":1299,\"caption\":\"FRH Fondation\"},\"image\":{\"@id\":\"https:\/\/frh-fondation.ch\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/IB.TechAndSpecialNeeds\/\",\"https:\/\/twitter.com\/IB_SpecialNeeds\",\"https:\/\/www.instagram.com\/IB_TechAndSpecialNeeds\/\",\"https:\/\/linkedin.com\/company\/ib-technology-and-special-needs\",\"https:\/\/www.youtube.com\/channel\/UCZ9Bvy8FfMtEQ3uqrBvIIHg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crowd-sourced Web Accessibility - FRH Fondation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/","og_locale":"en_US","og_type":"article","og_title":"Crowd-sourced Web Accessibility - FRH Fondation","og_description":"When developing web applications, it is common to use freely available web components, such as message dialogue boxes or configurable components for date selection. The use of these components is necessary because the standard components available in browsers do not meet the requirements of modern web applications. Unfortunately, comprehensible information describing the accessibility of additional components is often missing. Accessibility traceability is important, as it encompasses different aspects that need to be tested differently (e.g. keyboard use and compatibility with screen readers). The project develops a prototype web platform that ensures accessibility information of freely available web components. Firstly, information will be provided on how developers can test the accessibility of web components. This is done in the form of videos or references to quality sources. Secondly, the possibility is given to publish and update the results of accessibility tests carried out on this platform. The crowd-sourcing approach should support the breadth and timeliness of the information. The web platform will be implemented using freely available technologies and libraries in order to reduce development efforts. In addition, information should be provided on how to perform accessibility testing of web components. Wherever possible, existing material will be used and revised where necessary. If necessary, new material, such as videos, will be created.","og_url":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/","og_site_name":"FRH Fondation","article_publisher":"https:\/\/www.facebook.com\/IB.TechAndSpecialNeeds\/","article_modified_time":"2023-07-06T14:08:05+00:00","og_image":[{"width":1920,"height":1239,"url":"https:\/\/frh-fondation.ch\/wp-content\/uploads\/2023\/01\/laptop-593673_1920.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@IB_SpecialNeeds","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/","url":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/","name":"Crowd-sourced Web Accessibility - FRH Fondation","isPartOf":{"@id":"https:\/\/frh-fondation.ch\/#website"},"datePublished":"2023-01-10T13:25:00+00:00","dateModified":"2023-07-06T14:08:05+00:00","breadcrumb":{"@id":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/frh-fondation.ch\/project\/crowd-sourced-web-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/frh-fondation.ch\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/frh-fondation.ch\/en\/project\/"},{"@type":"ListItem","position":3,"name":"Crowd-sourced Web Accessibility"}]},{"@type":"WebSite","@id":"https:\/\/frh-fondation.ch\/#website","url":"https:\/\/frh-fondation.ch\/","name":"FRH Fondation","description":"Fondation pour la recherche en faveur des personnes handicap\u00e9es","publisher":{"@id":"https:\/\/frh-fondation.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/frh-fondation.ch\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/frh-fondation.ch\/#organization","name":"FRH Fondation","url":"https:\/\/frh-fondation.ch\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/frh-fondation.ch\/#\/schema\/logo\/image\/","url":"https:\/\/frh-fondation.ch\/wp-content\/uploads\/2021\/04\/logo-frh-288x110-1.png","contentUrl":"https:\/\/frh-fondation.ch\/wp-content\/uploads\/2021\/04\/logo-frh-288x110-1.png","width":3402,"height":1299,"caption":"FRH Fondation"},"image":{"@id":"https:\/\/frh-fondation.ch\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/IB.TechAndSpecialNeeds\/","https:\/\/twitter.com\/IB_SpecialNeeds","https:\/\/www.instagram.com\/IB_TechAndSpecialNeeds\/","https:\/\/linkedin.com\/company\/ib-technology-and-special-needs","https:\/\/www.youtube.com\/channel\/UCZ9Bvy8FfMtEQ3uqrBvIIHg"]}]}},"_links":{"self":[{"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/project\/39938"}],"collection":[{"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/comments?post=39938"}],"version-history":[{"count":10,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/project\/39938\/revisions"}],"predecessor-version":[{"id":42883,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/project\/39938\/revisions\/42883"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/media\/39834"}],"wp:attachment":[{"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/media?parent=39938"}],"wp:term":[{"taxonomy":"thematiques","embeddable":true,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/thematiques?post=39938"},{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/project_category?post=39938"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/frh-fondation.ch\/en\/wp-json\/wp\/v2\/project_tag?post=39938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}