{"id":9031,"date":"2020-09-17T11:05:00","date_gmt":"2020-09-17T09:05:00","guid":{"rendered":"https:\/\/zeni.cz\/?p=9031"},"modified":"2024-07-10T13:00:03","modified_gmt":"2024-07-10T11:00:03","slug":"case-study-accessible-website-for-primary-and-nursery-school-in-otnice","status":"publish","type":"post","link":"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/case-study\/case-study-accessible-website-for-primary-and-nursery-school-in-otnice\/","title":{"rendered":"Case study: Accessible website for Primary and nursery School in Otnice."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">From September this year, all primary school websites must comply with the so-called accessibility rules. The point is to make the website usable and accessible for people with disabilities, such as the blind and partially sighted or deaf.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We have recently implemented our solution for schools based on the WordPress platform on&nbsp;<a target=\"_blank\" href=\"http:\/\/www.zsotnice.cz\/\" rel=\"noreferrer noopener nofollow\">www.zsotnice.cz<\/a>, which is website of the primary and nursery school in Otnice.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the existing pages, we have identified the following issues in terms of accessibility and simple user friendliness:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Complicated web navigation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>web contained 2 navigations (menus) that overlapped with content,<\/li>\n\n\n\n<li>one of the menu had 3 levels.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Introductory carrousel(automatically rotating page content), which distracted from other information (this element is considered inaccessible content). Web complexity:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the entire content of the posts was listed in the list of posts, due to some posts the user had to scroll through several pages,<\/li>\n\n\n\n<li>web contained pages that had no content (were not filled),<\/li>\n\n\n\n<li>the site contained information that does not belong to the website \u2013 personal information, such as a list of students who paid for a ski course, etc.,<\/li>\n\n\n\n<li>similar information was divided into several pages \u2013 the user had to click through the site unnecessarily before getting the required information.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Web opacity:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>important information was on the web only in PDF files, not in a \u201cplain text\u201d form directly on the web, for example Clubs, Organization of the School Year, Meal Payments, Tuition Fees,<\/li>\n\n\n\n<li>some links on the site were provided only by the URL of the link, it was not clear exactly what content the user would get to, for example important resources for choosing a profession,<\/li>\n\n\n\n<li>menu items had several colors for no apparent purpose.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Inaccessible content:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>cross references were missing,<\/li>\n\n\n\n<li>the web menu was not controllable from the keyboard,<\/li>\n\n\n\n<li>the site did not meet the requirement for contrasting colors,<\/li>\n\n\n\n<li>small web font,<\/li>\n\n\n\n<li>the website was not responsive \u2013 it was practically unusable on a mobile phone,<\/li>\n\n\n\n<li>when browsing the web from the keyboard, it was not clear which link the user was on,<\/li>\n\n\n\n<li>the download files were listed by file name, not content description.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">So what did the new website from our production actually bring to the school in Otnice?<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Simplified web navigation<\/strong>&nbsp;\u2013 only 1 menu with 2 levels and an uniform color<\/li>\n\n\n\n<li><strong>Simplification of the website:&nbsp;<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>pages with similar content are merged into one,<\/li>\n\n\n\n<li>maximum information embedded on the web directly in the texts,<\/li>\n\n\n\n<li>information on the web are always in one place \u2013 better searchable and are better maintained,<\/li>\n\n\n\n<li>blank pages removed.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Web acceleration.<\/strong><\/li>\n\n\n\n<li><strong>Responsive website.<\/strong><\/li>\n\n\n\n<li><strong>Contacts to the school directly in the header and footer of each page.<\/strong><\/li>\n\n\n\n<li><strong>Easy embedding of content on the web.<\/strong><\/li>\n\n\n\n<li><strong>The website complies with the accessibility rules.<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">We were happy that we helped to solve the requirements of accessibility for the website of the Primary and nursery School in Otnice. We thank the school management for their cooperation and we wish that their new website&nbsp;<a href=\"https:\/\/zsotnice.cz\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">www.zsotnice.cz<\/a>&nbsp;will satisfy the school, parents and students.<\/p>\n\n\n<div class=\"gb-container gb-container-c9d5efb2 lazyload-bg alignfull\"><div class=\"gb-inside-container\">\n<div class=\"gb-button-wrapper gb-button-wrapper-3e811683\">\n\n<a class=\"gb-button gb-button-c91df9d8 gb-button-text\" href=\"https:\/\/zeni.cz\/en\/contact\/\"><strong>I want awesome website<\/strong><\/a>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>From September of this year, all elementary school websites must meet the so-called accessibility rules according to &#038;99\/2019 of the Collection.<\/p>\n","protected":false},"author":8,"featured_media":4517,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[311],"tags":[123,138],"class_list":["post-9031","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","tag-pripadova-studie-en","tag-pristupna-sablona-en","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"author_meta":{"display_name":"Bruno Dirb\u00e1k","author_link":"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/author\/brunhylda\/"},"featured_img":"https:\/\/zeni.cz\/app\/uploads\/2020\/11\/Ms-otnice-300x169.jpg","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/.\/case-study\/\" class=\"advgb-post-tax-term\">Case Study<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Case Study<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/.\/case-study\/\" class=\"advgb-post-tax-term\">P\u0159\u00edpadov\u00e1 studie<\/a>","<a href=\"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/.\/case-study\/\" class=\"advgb-post-tax-term\">P\u0159\u00edstupn\u00e1 \u0161ablona<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">P\u0159\u00edpadov\u00e1 studie<\/span>","<span class=\"advgb-post-tax-term\">P\u0159\u00edstupn\u00e1 \u0161ablona<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 6 years ago","modified":"Updated 2 years ago"},"absolute_dates":{"created":"Posted on 17.9.2020","modified":"Updated on 10.7.2024"},"absolute_dates_time":{"created":"Posted on 17.9.2020 11:05","modified":"Updated on 10.7.2024 13:00"},"featured_img_caption":"Pr\u00edstupn\u00e9 webov\u00e9 str\u00e1nky: Z\u0160 a M\u0160 Otnice","series_order":"","_links":{"self":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts\/9031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/comments?post=9031"}],"version-history":[{"count":5,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts\/9031\/revisions"}],"predecessor-version":[{"id":9214,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts\/9031\/revisions\/9214"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/media\/4517"}],"wp:attachment":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/media?parent=9031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/categories?post=9031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/tags?post=9031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}