{"id":5180,"date":"2021-07-23T15:49:04","date_gmt":"2021-07-23T12:49:04","guid":{"rendered":"https:\/\/www.serenzo.gr\/?page_id=5180"},"modified":"2021-07-27T13:23:31","modified_gmt":"2021-07-27T10:23:31","slug":"web-accessibility-wcag-standard","status":"publish","type":"page","link":"https:\/\/www.serenzo.gr\/el\/web-accessibility-wcag-standard\/","title":{"rendered":"Web Accessibility"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"pixfields_box\" >\n\t<ul class=\"pixfields_list\">\n\t\t\t<li class=\"pixfield\">\n\t\t\t<strong>Inte<\/strong> : \t\t<\/li>\n\t\t\t<li class=\"pixfield\">\n\t\t\t<strong>Ext<\/strong> : \t\t<\/li>\n\t\t<\/ul>\n<\/div>\n<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"wcag-txt\" style=\"color:#222;\">\n<\/br>\n<h1 style=\"display: none;\">Web accessibility - WCAG model<\/h1>\n<h3 class=\"acb-text-center\" style=\"font-size: 18px; font-weight: bold; text-decoration: underline;\">FEW WORDS ABOUT WEB ACCESSIBILITY<\/h3>\n<\/br>\n<p style=\"font-size: 16px;\" align=\"justify\"><a target=\"_blank\" href=\"https:\/\/infoscope.gr\/el\/node\/159\">Web accessibility <\/a>aims at enabling all users to have equal access to information and functionalities on the web. More specifically, web accessibility means that people with all abilities and disabilities can perceive, understand, navigate and interact with the Web.<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">Accessibility of digital information is a technically and legally ensured right in national and international level.<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">Web accessibility benefits people without disabilities too (the elderly, injured etc). The main principle of web accessibility is the design of flexible software, in order to satisfy a great variety of needs, preferences and user behaviors.<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">It is important to cover all forms of disabilities that may affect the navigation:<\/p>\n<ul style=\"font-size: 16px;\">\n    <li style=\"font-size: 16px;\">\n        Visual: font size adjustment  & color combinations, alternative text for images, text to speech conversion\n    <\/li>\n    <li style=\"font-size: 16px;\">\n        Acoustic: Alternative text for audio files and video.\n    <\/li>\n    <li style=\"font-size: 16px;\">\n        Physical: Navigation using only the keyboard or only the mouse.\n    <\/li>\n    <li style=\"font-size: 16px;\">\n        Cognitive \u2013 mental: Plain & simplified content layout.\n    <\/li>\n<\/ul>\n<p style=\"font-size: 16px;\" align=\"justify\">Using international technical standards, the accessibility bar \u201cEucleides\u201d offers the above possibilities, providing new navigation possibilities for people with disabilities, covering some of their needs.<\/p>\n<\/br>\n<p style=\"font-size: 16px;\" align=\"justify\">*<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">a) OHE: Convention on Rights for people with disability<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">b) \u0395.\u0395.: 1083\/2006\/\u0395\u039a<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">c) Greece: \u039d.4074\/2012, N. 3979\/2011<\/p>\n<p style=\"font-size: 16px;\" align=\"justify\">d) W3C: WCAG 2.0.<\/p>\n<\/br>\n<hr>\n<h3 class=\"acb-text-center\" style=\"font-size: 18px; font-weight: bold; text-decoration: underline; margin-top:50px;\">WEB ACCESSIBILITY BAR USER GUIDE<\/h3>\n<\/br>\n<p style=\"font-size: 16px;\" align=\"justify\">The accessibility bar \"Eucleides\" is activated or deactivated by clicking the realative icon or by pressing the \"0\" button. Hovering the mouse for 2 seconds above each icon, will display details for the corresponding functionality. The bar consists of four (4) menu:<\/p>\n<ul style=\"margin-top: 20px\">\n    <li style=\"padding: 3px 0;font-size:18px;\">\n        Information <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-book\"><\/span>\n        <ul>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>User guide<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">The user guide describes all the functionality and choices of the accessibility bar. It is enabled and disabled by clicking the corresponding icon or the \"5\" button.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Information<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">A quick view for the web accessibility.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Send feedback<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Send us your comments from your experience of using the accessibility bar.<\/span>\n        <\/ul>\n    <\/li>\n    <li style=\"padding: 3px 0;font-size:18px;\">\n        Page shortcuts <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-link\"><\/span>\n        <ul>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Navigate through TAB<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Use the tab button  to highlight and navigate through the variant spots of intrest of the webpage (links, buttons, input fields etc). Choose them by pressing the \"Enter\" button as an alternative for the left click. The first navigation elements are those of the accesibility bar.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Keyboard shortcuts<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Enable or disable some of the bar functionality  through sortcuts from the keyboard.<\/span><span style=\"font-size:16px;display: block;margin: 5px 2px;\">Navigate to the webpages of the site through shortcuts from the keyboard.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Website structure<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">All the main parts of the webpage (header, menu, section, form, footer) are automatically listed here. You can navigate to them by clicking the corresponding underlined element. <\/span><span style=\"font-size:16px;display: block;margin: 5px 2px;\">All the headers of the webpage (h1, h2, h3, h4, h5, h6) are automatically listed here. You can navigate to them by clicking the corresponding underlined element.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Links<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">All website links are automatically listed here. They are grouped into two categories: Internal and external. External links deliberately open in the same tab, not in a new one.<\/span>\n        <\/ul>\n    <\/li>\n    <li style=\"padding: 3px 0;font-size:18px;\">\n        \u0391\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-eye\"><\/span>\n        <ul>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Text to speech<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Click the \"play\" icon <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-play\"><\/span> and then click the text you want to hear.  Click the \u201cStop\u201d icon <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-stop\"><\/span> or the \u201cEscape\u201d button to stop. The text that is about to be read cannot exceed 2000 characters.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Change contrast<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">The webpage can be displayed in high contrast mode (white letters, yellow headers and white underlined links on black background) or decolorized, in shades of gray. The high contrast functionality is enabled by clicking the icon <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-file-text\"><\/span> or by pressing the \"3\" button. It is disabled from the reset icon <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-undo\"><\/span> or by pressing the \"4\" button. The grayscale functionality it is enabled from the icon <span style=\"border:2px solid;padding:5px;border-radius:50%;background:gray;color:#fff;\" class=\"fa fa-file-text\"><\/span> or the keyboard button \"3\" (shortcut). It is disabled by clicking the reset icon or the keyboard shortcut \"3.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Font size<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Increase the font size of every element of the webpage by 2 pixels by clicking the icon <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-text-height\"><\/span> or the keyboard button \"1\" (shortcut). Restore to default by clicking the corresponding reset icon or by pressing \"2\" button.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Highlight text<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Highlight the text you are reading by passing your mouse through each word. This text will appear on yellow background; If high contrast is enabled, text will appear on blue background. Stop highlighting process by clicking the highlight button again. Remove all highlight background by clicking the reset button.<\/span>\n        <\/ul>\n    <\/li>\n    <li style=\"padding: 3px 0;font-size:18px;\">\n        Settings <span style=\"border:2px solid;padding:5px;border-radius:50%;background:#000;color:#fff;\" class=\"fa fa-cog\"><\/span>\n        <ul>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">When the icons are highlighted with yellow color, it means that the corresponding functionality that is enabled, stored and is executed every time the page loads.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Settings information<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">Read some more information about your preferences on the accessibility bar.<\/span>\n            <li style=\"padding: 3px 0;font-size:16px;\"><strong>Reset settings<\/strong><\/li>\n            <span style=\"font-size:16px;display: block;margin: 5px 2px;\">The page is reloaded, all of your preferences are removed and the accessibility bar is restored to default.<\/span>\n        <\/ul>\n    <\/li>\n<\/ul>\n<img decoding=\"async\" src=\"\/\/dcici0hdb1pb4.cloudfront.net\/wcag2AA.png\" alt=\"Web Accessibility - WCAG Guidelines\" \/>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Inte : Ext :<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5180","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Accessibility | www.serenzo.gr<\/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:\/\/www.serenzo.gr\/el\/web-accessibility-wcag-standard\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Accessibility | www.serenzo.gr\" \/>\n<meta property=\"og:description\" content=\"Inte : Ext :\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.serenzo.gr\/el\/web-accessibility-wcag-standard\/\" \/>\n<meta property=\"og:site_name\" content=\"www.serenzo.gr\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Serenzogr-208654542497749\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-27T10:23:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@serenzogr\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u03bb\u03b5\u03c0\u03c4\u03cc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/\",\"url\":\"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/\",\"name\":\"Web Accessibility | www.serenzo.gr\",\"isPartOf\":{\"@id\":\"https:\/\/www.serenzo.gr\/#website\"},\"datePublished\":\"2021-07-23T12:49:04+00:00\",\"dateModified\":\"2021-07-27T10:23:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.serenzo.gr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Accessibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.serenzo.gr\/#website\",\"url\":\"https:\/\/www.serenzo.gr\/\",\"name\":\"serenzo.gr\",\"description\":\"Serenzo, \u0394\u03ac\u03c0\u03b5\u03b4\u03b1 \u03a6\u03c5\u03c3\u03b9\u03ba\u03ae\u03c2 \u039e\u03c5\u03bb\u03b5\u03af\u03b1\u03c2, \u0391\u03c4\u03cc\u03c6\u03b9\u03b1 \u039f\u03c5\u03b3\u03b3\u03b1\u03c1\u03af\u03b1\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf 1890. \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1, \u03a0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7, \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1, \u039f\u03b9\u03ba\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\",\"publisher\":{\"@id\":\"https:\/\/www.serenzo.gr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.serenzo.gr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.serenzo.gr\/#organization\",\"name\":\"lantzis-alcan\",\"url\":\"https:\/\/www.serenzo.gr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/www.serenzo.gr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.serenzo.gr\/wp-content\/uploads\/2017\/01\/logo_menu.jpg\",\"contentUrl\":\"https:\/\/www.serenzo.gr\/wp-content\/uploads\/2017\/01\/logo_menu.jpg\",\"width\":300,\"height\":55,\"caption\":\"lantzis-alcan\"},\"image\":{\"@id\":\"https:\/\/www.serenzo.gr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Serenzogr-208654542497749\/\",\"https:\/\/x.com\/serenzogr\",\"https:\/\/www.instagram.com\/thefloormaker\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Accessibility | www.serenzo.gr","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:\/\/www.serenzo.gr\/el\/web-accessibility-wcag-standard\/","og_locale":"el_GR","og_type":"article","og_title":"Web Accessibility | www.serenzo.gr","og_description":"Inte : Ext :","og_url":"https:\/\/www.serenzo.gr\/el\/web-accessibility-wcag-standard\/","og_site_name":"www.serenzo.gr","article_publisher":"https:\/\/www.facebook.com\/Serenzogr-208654542497749\/","article_modified_time":"2021-07-27T10:23:31+00:00","twitter_card":"summary_large_image","twitter_site":"@serenzogr","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"1 \u03bb\u03b5\u03c0\u03c4\u03cc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/","url":"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/","name":"Web Accessibility | www.serenzo.gr","isPartOf":{"@id":"https:\/\/www.serenzo.gr\/#website"},"datePublished":"2021-07-23T12:49:04+00:00","dateModified":"2021-07-27T10:23:31+00:00","breadcrumb":{"@id":"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.serenzo.gr\/web-accessibility-wcag-standard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.serenzo.gr\/"},{"@type":"ListItem","position":2,"name":"Web Accessibility"}]},{"@type":"WebSite","@id":"https:\/\/www.serenzo.gr\/#website","url":"https:\/\/www.serenzo.gr\/","name":"serenzo.gr","description":"Serenzo, \u0394\u03ac\u03c0\u03b5\u03b4\u03b1 \u03a6\u03c5\u03c3\u03b9\u03ba\u03ae\u03c2 \u039e\u03c5\u03bb\u03b5\u03af\u03b1\u03c2, \u0391\u03c4\u03cc\u03c6\u03b9\u03b1 \u039f\u03c5\u03b3\u03b3\u03b1\u03c1\u03af\u03b1\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf 1890. \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1, \u03a0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7, \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1, \u039f\u03b9\u03ba\u03bf\u03bb\u03bf\u03b3\u03af\u03b1","publisher":{"@id":"https:\/\/www.serenzo.gr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.serenzo.gr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":"Organization","@id":"https:\/\/www.serenzo.gr\/#organization","name":"lantzis-alcan","url":"https:\/\/www.serenzo.gr\/","logo":{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/www.serenzo.gr\/#\/schema\/logo\/image\/","url":"https:\/\/www.serenzo.gr\/wp-content\/uploads\/2017\/01\/logo_menu.jpg","contentUrl":"https:\/\/www.serenzo.gr\/wp-content\/uploads\/2017\/01\/logo_menu.jpg","width":300,"height":55,"caption":"lantzis-alcan"},"image":{"@id":"https:\/\/www.serenzo.gr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Serenzogr-208654542497749\/","https:\/\/x.com\/serenzogr","https:\/\/www.instagram.com\/thefloormaker\/"]}]}},"featured_image_src":"","featured_image_src_square":"","_links":{"self":[{"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/pages\/5180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/comments?post=5180"}],"version-history":[{"count":2,"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/pages\/5180\/revisions"}],"predecessor-version":[{"id":5182,"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/pages\/5180\/revisions\/5182"}],"wp:attachment":[{"href":"https:\/\/www.serenzo.gr\/el\/wp-json\/wp\/v2\/media?parent=5180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}