{"id":66518,"date":"2023-10-30T12:23:24","date_gmt":"2023-10-30T12:23:24","guid":{"rendered":"https:\/\/www.kriativ-tech.com\/?p=66518"},"modified":"2023-10-30T12:26:43","modified_gmt":"2023-10-30T12:26:43","slug":"digital-inclusion-accessibility-of-websites-and-mobile-applications","status":"publish","type":"post","link":"https:\/\/www.kriativ-tech.com\/?p=66518","title":{"rendered":"Digital Inclusion: Accessibility of websites and mobile applications"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading heading_semantic=&#8221;p&#8221; text_font=&#8221;font-213936&#8243; text_size=&#8221;h5&#8243; text_height=&#8221;fontheight-843833&#8243; uncode_shortcode_id=&#8221;175189&#8243;]Kriativ-tech Volume 1, Issue 9, January 2023, Pages: xxx Received: Jan. 22, 2023; Accepted: Jan. 27, 2023. Published: Mar. 13, 2023.[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h3&#8243;]Authors[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;p&#8221; text_size=&#8221;&#8221; uncode_shortcode_id=&#8221;859376&#8243;]Lu\u00edsa Orvalho &#8211; Professor Coordinator and Research at CITECA- ISTEC Porto<br \/>\nCarlos Couto &#8211; Assistant Professor at ISTEC Porto<br \/>\nDiogo Faria &#8211; 3rd year Student of the degree in Multimedia Engineering \u2013 ISTEC Porto<br \/>\nDiogo Dias &#8211; 3rd year Student of the degree in Multimedia Engineering- ISTEC Porto[\/vc_custom_heading][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading]Media[\/vc_custom_heading][vc_button button_color=&#8221;accent&#8221; border_animation=&#8221;btn-ripple-out&#8221; border_width=&#8221;0&#8243; link=&#8221;url:http%3A%2F%2Fwww.kriativ-tech.com%2Fwp-content%2Fuploads%2F2023%2F10%2FArticle_DiogoFaria_DiogoDias_Luisa-Orvalho_Carlos_Couto.pdf|target:_blank&#8221; button_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;989706&#8243;]PDF[\/vc_button][vc_custom_heading heading_semantic=&#8221;h4&#8243; text_size=&#8221;h4&#8243;]To cite this article[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;p&#8221; text_size=&#8221;&#8221; uncode_shortcode_id=&#8221;802178&#8243;]Lu\u00edsa Orvalho, Carlos Couto, Diogo Faria, Diogo Dias <b>Digital Inclusion: Accessibility of websites and mobile applications<\/b><br \/>\nDOI: 10.31112\/kriativ-tech-2023-06-95[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;1&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;0&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;1&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h3&#8243;]Abstract[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;p&#8221; text_font=&#8221;font-213936&#8243; text_size=&#8221;&#8221; text_height=&#8221;fontheight-843833&#8243; uncode_shortcode_id=&#8221;183338&#8243;]This scientific article analyzes the state of the art on web accessibility and highlights users with disabilities or impairments, taking into account usability and user experience. It presents the four pillars related to accessibility on the web, some practical suggestions to be taken into account for the design and construction of websites and also refers to the competent entity for the development of actions to monitor compliance with the legislation. As a reference example of good digital inclusion practice, the Apple website (https:\/\/www.apple.com\/pt\/) is analyzed, which allows access to people with some type of disability.[\/vc_custom_heading][vc_empty_space empty_h=&#8221;2&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h3&#8243;]Keywords[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;p&#8221; text_size=&#8221;&#8221; uncode_shortcode_id=&#8221;125477&#8243;]Web Accessibility Requirements, Usability and User Experience, Tools to support digital accessibility and usability, Web Accessibility Tips, APPLE case study of digital inclusion[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h3&#8243;]References[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;p&#8221; text_font=&#8221;font-213936&#8243; text_size=&#8221;&#8221; text_height=&#8221;fontheight-843833&#8243; uncode_shortcode_id=&#8221;178034&#8243;][1] Ferati, M., &amp; Vogel. B. (2020). Accessibility in Web Development Courses: A Case Study. https:\/\/www.mdpi.com\/<br \/>\n[2] Instituto Nacional para a Reabilita\u00e7\u00e3o. (2022). Acessibilidade Digital Pereira, M., &amp; Farina, R. (2022). ACESSIBILIDADE NA WEB. RECIMA21- Revista Cient\u00edfica Multidisciplinar 2675-6218, 3, 6, 6, DOI: https:\/\/doi.org\/10.47820\/recima21.v3i6.1622<br \/>\n[3] Pereira, M., &amp; Farina, R. (2022). ACESSIBILIDADE NA WEB. RECIMA21- Revista Cient\u00edfica Multidisciplinar. ISSN 2675-6218, 3, 6, 6, https:\/\/doi.org\/10.47820\/recima21.v3i6.1622<br \/>\n[4] Nielsen, J. (Apr. 24, 1994; Updated Nov. 15, 2020). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group. https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/<br \/>\n[5] W3C. (2008, 11 de dezembro). Wave Web Accessibility Evaluation Tools. [S\u00edtios da web]. https:\/\/www.w3.org\/Translations\/WCAG20-pt-PT\/<br \/>\n[6] Equidox. (2021). Equidox The 4 Pillars of Web Content Accessibility Guidelines (WCAG). [Bog]. https:\/\/equidox.co\/blog\/the-four-pillars-of-web-content-accessibility-guidelines-wcag\/<br \/>\n[7] TutorAI. (2023, maio). Tips about Web Accessibility. [S\u00edtios da web]. https:\/\/www.tutorai.me\/<br \/>\n[8] Decreto-Lei n.\u00ba 83\/2018 da Presid\u00eancia do Conselho de Ministros (2018). Di\u00e1rio da Rep\u00fablica: I s\u00e9rie, n.\u00ba 202. https:\/\/dre.pt\/dre\/detalhe\/decreto-lei\/83-2018-116734769<br \/>\n[9] WAVE. (2023, maio). Wave Web Accessibility Evaluation Tools. [S\u00edtios da web]. https:\/\/wave.webaim.org<br \/>\n[10] AXE. (2023, Maio). Accessibility Testing Tools and Software. [S\u00edtios da web]. https:\/\/www.deque.com\/axe\/<br \/>\n[11] WebAIM. (2023, maio). WebAim web accessibility in mind. [S\u00edtios da web]. https:\/\/webaim.org\/resources\/contrastchecker\/<br \/>\n[12] Microsoft Edge. (2022, 13 de outubro). Microsoft Edge for everyone | Making the web more accessible. [Video]. Youtube. https:\/\/www.youtube.com\/watch?v=9tFYYOifHmI&amp;ab_channel=MicrosoftEdge[\/vc_custom_heading][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lu\u00edsa Orvalho, Professor Coordinator and Research at CITECA- ISTEC Porto<br \/>\nCarlos Couto, Assistant Professor at ISTEC Porto<br \/>\nDiogo Faria &#8211; 3rd year Student of the degree in Multimedia Engineering \u2013 ISTEC Porto<br \/>\nDiogo Dias &#8211; 3rd year Student of the degree in Multimedia Engineering- ISTEC Porto<br \/>\nDOI: 10.31112\/kriativ-tech-2023-06-95<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70],"tags":[],"_links":{"self":[{"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=\/wp\/v2\/posts\/66518"}],"collection":[{"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=66518"}],"version-history":[{"count":3,"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=\/wp\/v2\/posts\/66518\/revisions"}],"predecessor-version":[{"id":66522,"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=\/wp\/v2\/posts\/66518\/revisions\/66522"}],"wp:attachment":[{"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=66518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kriativ-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=66518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}