{"id":2916,"date":"2019-03-23T20:27:54","date_gmt":"2019-03-23T20:27:54","guid":{"rendered":"http:\/\/teamkinetic.co.uk\/blog\/?p=2916"},"modified":"2019-06-17T14:50:42","modified_gmt":"2019-06-17T13:50:42","slug":"teamkinetic-accessibility-improvements","status":"publish","type":"post","link":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/","title":{"rendered":"TeamKinetic, accessibility improvements"},"content":{"rendered":"\n<p>I have been concentrating on accessibility improvements and changes for the upcoming 1.3 release of TeamKinetic and I thought I would give a little background into what accessibility means for websites and what TeamKinetic have been doing to solve some of the issues in a non-technical post.<\/p>\n\n\n\n<p>It&#8217;s a long post but here&#8217;s a quick check list of what the focus has been for this release;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Clear focus effects so a keyboard users knows where they are at all times<\/li><li>Keyboard accessible menu and sub menu<\/li><li>Keyboard accessible help tips, activated by the return key and closed by switching focus<\/li><li>Proper use of <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/accessibility\/semantics-aria\/\">ARIA <\/a>tags for all content that is initially invisible (such as help tips, pop up windows etc) so that screen readers will correctly read out the revealed text at the correct time<\/li><li>Correctly labelled form elements so that screen readers can always associate an input (such as a text element) with its description<\/li><li>Grouping together of associated form elements using fieldsets and legends. For instance, a collection of checkboxs for a yes, no, maybe, definitely answer. using a fieldset ensures that a screen reader user knows what question the answers belong to.<\/li><li>Keyboard accessible skip to content links that enable keyboard users and screen reader users to skip the menu and header portion of a webpage and get straight to the important stuff. Can you imagine how tedious it is to have to listen or tab through every navigation element on a webpage before you can read its content!<\/li><li>Correct description tags (<a href=\"https:\/\/www.w3schools.com\/tags\/att_img_alt.asp\">alt tags<\/a>) for all images<\/li><li>Improvements to link and button text by providing additional screen reader only text to give context to the link or button. <\/li><li>Making sure all password fields are marked as &#8216;new&#8217;, &#8216;existing&#8217; or &#8216;repeat&#8217; as they are often just labelled password.<\/li><li>Ensuring all webpages are accurately and uniquely titled and described.<\/li><\/ul>\n\n\n\n<p>Accessibility is often low on developers priority list, its understandable, the number of customers using assistive technologies is likely low compared to the numbers that do not. However the impact on those user that do, is enormous and by ignoring accessibility issues you are effectively blocking those users from accessing your content.<\/p>\n\n\n\n<p>Although being able to access your website is a right for assistive technology users, and it is <a href=\"https:\/\/www.gov.uk\/guidance\/equality-act-2010-guidance\">illegal to discriminate against such users<\/a>, its also a positive process and a way to learn new skills, engage with a new audience and improve the intrinsic worth and value of your product.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Keyboard Accessibility<\/h3>\n\n\n\n<p>Keyboard navigation is perhaps the most important aspect of accessibility for websites. Navigating via a keyboard or something similar is employed by many users with mobility issues that cannot hold, move or control a mouse and also by many visually impaired users.<\/p>\n\n\n\n<p>Keyboard users navigate through a website using primarily the tab key which focuses on item to item in the web page in the order it is served or in a specific order set by the website itself. Whilst focused on any element they can use keys such as the return key to activate the actions of that element, say a button to submit a form or to follow a link.<\/p>\n\n\n\n<p>TeamKinetic enables keyboard navigation and all elements are focusable by the keyboard. There is a clear visual clue to which element is currently focused by the keyboard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menus<\/h3>\n\n\n\n<p>Its almost entirely universal that a website or application has a menu to quickly access different parts of a system. Its also very normal for the menu to have sub menus that are revealed when the mouse is moved over the heading (this is called a HOVER). As you can see below on the TeamKinetic menu the mouse pointer has been hovered over the menu heading and the sub menu is revealed.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"444\" src=\"http:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-menumouse-1.jpg\" alt=\"\" class=\"wp-image-2925\" srcset=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-menumouse-1.jpg 800w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-menumouse-1-300x167.jpg 300w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-menumouse-1-768x426.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>But when a keyboard is used to navigate to the menu item the event is called FOCUS, not hover. If the website does not include the specific code for what happens when a menu element is focused by a keyboard event the user will not see the sub menu or any change in colour\/appearance to indicate where in the menu they are.<\/p>\n\n\n\n<p>TeamKinetic&#8217;s menus are now fully accessible by the keyboard with visual indicators of where the current focus is. When the focus is on an element with a sub-menu available there is a clear colour change and by pressing return the menu can be toggled on and off. Importantly, if the menu is not activated with the return key the user does not have to navigate through all the items of the sub-menu in order to reach the next item in the current menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Skip Links<\/h3>\n\n\n\n<p>Skip links are a very important and hugely convenient addition for accessibility. They are hidden links or buttons that a screen reader or keyboard user will expose that enable them to skip past all the header and navigation elements that are the same on every page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-skip.jpg\" alt=\"\" class=\"wp-image-2921\" srcset=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-skip.jpg 800w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-skip-300x225.jpg 300w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-skip-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>The skip to content link only appears when using the tab key to navigate or when using a screen reader<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Help ToolTips<\/h3>\n\n\n\n<p>Tooltips are little bubbles that pop up to give the user more information or context about a feature or action. Traditionally these have activated when the mouse is hovered over the target and the tooltip disappears when the mouse is moved away from the target.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"339\" src=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-tooltipnew.png\" alt=\"\" class=\"wp-image-2922\" srcset=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-tooltipnew.png 800w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-tooltipnew-300x127.png 300w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-tooltipnew-768x325.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>This is problematic for keyboard users that never fire the <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/content-on-hover-or-focus.html\">hover event, only the focus event<\/a> (see above) that will never see the tooltip and also for users with reduced motor control. We have converted all our volunteer help tooltips into an accessible form that will fire when the question mark is clicked or when it is focused by a keyboard user. To dismiss the tooltip you move the focus either by pressing the tab key or clicking the mouse anywhere that is not the question mark icon.<\/p>\n\n\n\n<p>importantly the new help tooltips are also labelled carefully with the appropriate <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/accessibility\/semantics-aria\/\">ARIA <\/a>tags so that screen readers are alerted to the presence of new information and are aware when they reach the question mark icon that this will reveal new information when activated and can map the <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improved form labelling<\/h3>\n\n\n\n<p>For screen reader users it is important that the context and purpose of all form elements, like text boxes, checkboxes and buttons is clear from the element itself. It is easy for a visual user to tell which question a form element belongs to as it will be group visually, or perhaps via certain colours, on the screen, but will not be apparent to a screen reader user.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"567\" src=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-labels.png\" alt=\"\" class=\"wp-image-2960\" srcset=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-labels.png 1000w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-labels-300x170.png 300w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-labels-768x435.png 768w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-labels-900x510.png 900w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Example form showing the correctly marked up labels for the form elements<\/figcaption><\/figure>\n\n\n\n<p>We have redesigned all the volunteer forms to make sure that the extra context required for screen reader users is included. We achieve this through judicious use of the LABEL tag for describing form elements, by grouping associated elements in a fieldset with a legend and by improving the quality of link and button text by included hidden text that only screen readers see.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Extra Screen Reader Context<\/h3>\n\n\n\n<p>Using special styles, it is possible to hide text from visual users but expose it to screen reader users. This is great for adding additional context to buttons and actions that make sense visually but are indistinguishable for screen reader users.<\/p>\n\n\n\n<p>Imagine a long list of say opportunities, each with a button\/link that says &#8216;More Details&#8217; that you might encounter on the search page. It&#8217;s easy for a visual user to match the same identical button or link with the context of the opportunity you are currently looking at but not for a screen reader that will just list a long set of identical buttons. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"546\" src=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-repeatbuttons.png\" alt=\"\" class=\"wp-image-2961\" srcset=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-repeatbuttons.png 1000w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-repeatbuttons-300x164.png 300w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-repeatbuttons-768x419.png 768w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-repeatbuttons-900x491.png 900w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Identical buttons that are easy to associate with the opportunity visually, but not so for a screen reader<br><\/figcaption><\/figure>\n\n\n\n<p>The addition of the contextual text means a screen reader user knows, in this case, which opportunity is linked to which button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"357\" src=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons-1024x357.png\" alt=\"\" class=\"wp-image-2962\" srcset=\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons-1024x357.png 1024w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons-300x105.png 300w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons-768x268.png 768w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons-900x314.png 900w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons-1280x446.png 1280w, https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-goodbuttons.png 1348w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The appearance to a screen reader of the repeated buttons without and with added contextual text<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What Next ?<\/h3>\n\n\n\n<p>Most of the work for this release has been focused on the volunteer&#8217;s portal, with some global changes, like the accessible menu applied across the application.<\/p>\n\n\n\n<p>We will be auditing all the provider pages to perform the same changes as above and finally onto the administrator pages.<\/p>\n\n\n\n<p>We envisage that we will be constantly improving accessibility as best practise evolves and we discover new areas that are not optimised for assistive technology users. If you are such a user we would love to hear your experiences and suggestions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been concentrating on accessibility improvements and changes for the upcoming 1.3 release of TeamKinetic and I thought I would give a little background into what accessibility means for websites and what TeamKinetic have been doing to solve some of the issues in a non-technical post. It&#8217;s a long post but here&#8217;s a quick [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[167,5],"tags":[153],"class_list":["post-2916","post","type-post","status-publish","format-standard","hentry","category-teamkinetic-features","category-technical-updates","tag-accessibility"],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>TeamKinetic, accessibility improvements - TeamKinetic<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_GB\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"TeamKinetic, accessibility improvements - TeamKinetic\" \/>\r\n<meta property=\"og:description\" content=\"I have been concentrating on accessibility improvements and changes for the upcoming 1.3 release of TeamKinetic and I thought I would give a little background into what accessibility means for websites and what TeamKinetic have been doing to solve some of the issues in a non-technical post. It&#8217;s a long post but here&#8217;s a quick [&hellip;]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\" \/>\r\n<meta property=\"og:site_name\" content=\"TeamKinetic\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TeamKineticUK\" \/>\r\n<meta property=\"article:published_time\" content=\"2019-03-23T20:27:54+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2019-06-17T13:50:42+00:00\" \/>\r\n<meta property=\"og:image\" content=\"http:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-menumouse-1.jpg\" \/>\r\n<meta name=\"author\" content=\"Rolf Herbert\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:creator\" content=\"@TeamKineticUK\" \/>\r\n<meta name=\"twitter:site\" content=\"@TeamKineticUK\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rolf Herbert\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\"},\"author\":{\"name\":\"Rolf Herbert\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/person\/bf564ec6a7b141b3fd5b42b422977775\"},\"headline\":\"TeamKinetic, accessibility improvements\",\"datePublished\":\"2019-03-23T20:27:54+00:00\",\"dateModified\":\"2019-06-17T13:50:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\"},\"wordCount\":1433,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#organization\"},\"keywords\":[\"Accessibility\"],\"articleSection\":[\"TeamKinetic Features\",\"Technical Updates\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\",\"url\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\",\"name\":\"TeamKinetic, accessibility improvements - TeamKinetic\",\"isPartOf\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#website\"},\"datePublished\":\"2019-03-23T20:27:54+00:00\",\"dateModified\":\"2019-06-17T13:50:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/teamkinetic.co.uk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TeamKinetic, accessibility improvements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#website\",\"url\":\"https:\/\/teamkinetic.co.uk\/blog\/\",\"name\":\"TeamKinetic\",\"description\":\"Connect, with great value volunteer management software\",\"publisher\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/teamkinetic.co.uk\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#organization\",\"name\":\"TeamKinetic\",\"url\":\"https:\/\/teamkinetic.co.uk\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2023\/06\/logo-TeamK.png\",\"contentUrl\":\"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2023\/06\/logo-TeamK.png\",\"width\":1850,\"height\":498,\"caption\":\"TeamKinetic\"},\"image\":{\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/TeamKineticUK\",\"https:\/\/twitter.com\/TeamKineticUK\",\"https:\/\/www.instagram.com\/teamkineticuk\/\",\"https:\/\/www.linkedin.com\/company\/teamkinetic\/\",\"https:\/\/www.youtube.com\/c\/TeamKinetic\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/person\/bf564ec6a7b141b3fd5b42b422977775\",\"name\":\"Rolf Herbert\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c2bcd1f933804170bd2b84b2048457a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c2bcd1f933804170bd2b84b2048457a8?s=96&d=mm&r=g\",\"caption\":\"Rolf Herbert\"},\"url\":\"https:\/\/teamkinetic.co.uk\/blog\/author\/rolf-herbert\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TeamKinetic, accessibility improvements - TeamKinetic","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:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/","og_locale":"en_GB","og_type":"article","og_title":"TeamKinetic, accessibility improvements - TeamKinetic","og_description":"I have been concentrating on accessibility improvements and changes for the upcoming 1.3 release of TeamKinetic and I thought I would give a little background into what accessibility means for websites and what TeamKinetic have been doing to solve some of the issues in a non-technical post. It&#8217;s a long post but here&#8217;s a quick [&hellip;]","og_url":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/","og_site_name":"TeamKinetic","article_publisher":"https:\/\/www.facebook.com\/TeamKineticUK","article_published_time":"2019-03-23T20:27:54+00:00","article_modified_time":"2019-06-17T13:50:42+00:00","og_image":[{"url":"http:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2019\/03\/blog-accessibility-menumouse-1.jpg"}],"author":"Rolf Herbert","twitter_card":"summary_large_image","twitter_creator":"@TeamKineticUK","twitter_site":"@TeamKineticUK","twitter_misc":{"Written by":"Rolf Herbert","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#article","isPartOf":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/"},"author":{"name":"Rolf Herbert","@id":"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/person\/bf564ec6a7b141b3fd5b42b422977775"},"headline":"TeamKinetic, accessibility improvements","datePublished":"2019-03-23T20:27:54+00:00","dateModified":"2019-06-17T13:50:42+00:00","mainEntityOfPage":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/"},"wordCount":1433,"commentCount":4,"publisher":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/#organization"},"keywords":["Accessibility"],"articleSection":["TeamKinetic Features","Technical Updates"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/","url":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/","name":"TeamKinetic, accessibility improvements - TeamKinetic","isPartOf":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/#website"},"datePublished":"2019-03-23T20:27:54+00:00","dateModified":"2019-06-17T13:50:42+00:00","breadcrumb":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/teamkinetic.co.uk\/blog\/2019\/03\/teamkinetic-accessibility-improvements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/teamkinetic.co.uk\/blog\/"},{"@type":"ListItem","position":2,"name":"TeamKinetic, accessibility improvements"}]},{"@type":"WebSite","@id":"https:\/\/teamkinetic.co.uk\/blog\/#website","url":"https:\/\/teamkinetic.co.uk\/blog\/","name":"TeamKinetic","description":"Connect, with great value volunteer management software","publisher":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teamkinetic.co.uk\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/teamkinetic.co.uk\/blog\/#organization","name":"TeamKinetic","url":"https:\/\/teamkinetic.co.uk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2023\/06\/logo-TeamK.png","contentUrl":"https:\/\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2023\/06\/logo-TeamK.png","width":1850,"height":498,"caption":"TeamKinetic"},"image":{"@id":"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/TeamKineticUK","https:\/\/twitter.com\/TeamKineticUK","https:\/\/www.instagram.com\/teamkineticuk\/","https:\/\/www.linkedin.com\/company\/teamkinetic\/","https:\/\/www.youtube.com\/c\/TeamKinetic"]},{"@type":"Person","@id":"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/person\/bf564ec6a7b141b3fd5b42b422977775","name":"Rolf Herbert","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/teamkinetic.co.uk\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c2bcd1f933804170bd2b84b2048457a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2bcd1f933804170bd2b84b2048457a8?s=96&d=mm&r=g","caption":"Rolf Herbert"},"url":"https:\/\/teamkinetic.co.uk\/blog\/author\/rolf-herbert\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8AVXm-L2","jetpack-related-posts":[{"id":5172,"url":"https:\/\/teamkinetic.co.uk\/blog\/2020\/02\/teamkinetic-1-4-1-release-notes\/","url_meta":{"origin":2916,"position":0},"title":"TeamKinetic 1.4.1 Release Notes","author":"Rolf Herbert","date":"4th February 2020","format":false,"excerpt":"We have been slowly pushing out our 2020 Q1 interim changes for v1.4.1 and this will be complete by 7th February 2020. You'll have noticed a few differences already but these are the highlights, along with many bug fixes. Improved Accessible Universal Search The universal search is super useful but\u2026","rel":"","context":"In &quot;Application Features and Tutorials&quot;","block_context":{"text":"Application Features and Tutorials","link":"https:\/\/teamkinetic.co.uk\/blog\/category\/application-features-and-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2020\/02\/image-3.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":15456,"url":"https:\/\/teamkinetic.co.uk\/blog\/2024\/08\/accessibility-statement\/","url_meta":{"origin":2916,"position":1},"title":"Accessibility Statement","author":"Rolf Herbert","date":"15th August 2024","format":false,"excerpt":"Our Commitment to Accessibility At TeamKinetic, we are committed to ensuring our software platform is accessible to all users, regardless of their abilities or disabilities. We strive to follow best practices and standards to provide an inclusive user experience that caters to diverse needs. Accessibility Features We have implemented several\u2026","rel":"","context":"In &quot;TeamKinetic Best Practice&quot;","block_context":{"text":"TeamKinetic Best Practice","link":"https:\/\/teamkinetic.co.uk\/blog\/category\/teamkinetic-features\/teamkinetic-best-practice\/"},"img":{"alt_text":"Woman using computer","src":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2024\/08\/blog-image-83.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2024\/08\/blog-image-83.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2024\/08\/blog-image-83.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":7006,"url":"https:\/\/teamkinetic.co.uk\/blog\/2020\/11\/teamkinetic-interim-release-1-3-3\/","url_meta":{"origin":2916,"position":2},"title":"TeamKinetic &#8211; Interim release 1.3.3","author":"Rolf Herbert","date":"12th November 2020","format":false,"excerpt":"It has been a busy few months at TeamKinetic during the Covid 19 summer, but we've still been updating and fixing TeamKinetic regularly. What we haven't been doing well is letting you all know about the changes, apologies. We have now pushed through our last interim updates and fixes before\u2026","rel":"","context":"In &quot;TeamKinetic Features&quot;","block_context":{"text":"TeamKinetic Features","link":"https:\/\/teamkinetic.co.uk\/blog\/category\/teamkinetic-features\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2020\/11\/TeamKinetic-\u2013-Interim-release-1.3.3-featured-image.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2020\/11\/TeamKinetic-\u2013-Interim-release-1.3.3-featured-image.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2020\/11\/TeamKinetic-\u2013-Interim-release-1.3.3-featured-image.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2020\/11\/TeamKinetic-\u2013-Interim-release-1.3.3-featured-image.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":1934,"url":"https:\/\/teamkinetic.co.uk\/blog\/2018\/07\/teamkinetic-go-mobile-teamkinetic-volunteering-app\/","url_meta":{"origin":2916,"position":3},"title":"TeamKinetic Go Mobile: TeamKinetic Volunteering App","author":"Rolf Herbert","date":"9th July 2018","format":false,"excerpt":"Please note: This post is outdated, you can take a look at our new and improved mobile app here. TeamKinetic are proud to announce we are now mobile! With the release of an iOS and Android App, volunteering has never been more accessible and easier. Following our last annual volunteering\u2026","rel":"","context":"In &quot;Application Features and Tutorials&quot;","block_context":{"text":"Application Features and Tutorials","link":"https:\/\/teamkinetic.co.uk\/blog\/category\/application-features-and-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2018\/07\/300x0w2.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":17574,"url":"https:\/\/teamkinetic.co.uk\/blog\/2026\/04\/teamkinetic-2-7-0-major-release\/","url_meta":{"origin":2916,"position":4},"title":"TeamKinetic 2.7.0 Major Release","author":"Rolf Herbert","date":"12th April 2026","format":false,"excerpt":"Hi all and welcome to another TeamKinetic release, this one is a biggie! We don't have as many new features as normal in a major release, but the ones we do have are BIG. For a while now, Roles have been the backbone of your onboarding for opportunities. It offers\u2026","rel":"","context":"In &quot;Press Releases&quot;","block_context":{"text":"Press Releases","link":"https:\/\/teamkinetic.co.uk\/blog\/category\/press-releases\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2026\/03\/image-5.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":8017,"url":"https:\/\/teamkinetic.co.uk\/blog\/2021\/09\/teamkinetic-2-01-interim-release\/","url_meta":{"origin":2916,"position":5},"title":"TeamKinetic 2.01 Interim Release","author":"Rolf Herbert","date":"19th September 2021","format":false,"excerpt":"Over the weekend we have been finalising the interim release for TeamKinetic 2, we have fixed many minor bugs and issues and also added some functionality that was missing or didn't quite make the cut for the initial release. You don't need to do anything, and all installations will be\u2026","rel":"","context":"In &quot;Application Features and Tutorials&quot;","block_context":{"text":"Application Features and Tutorials","link":"https:\/\/teamkinetic.co.uk\/blog\/category\/application-features-and-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2021\/09\/Capture.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2021\/09\/Capture.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2021\/09\/Capture.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2021\/09\/Capture.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/teamkinetic.co.uk\/blog\/wp-content\/uploads\/2021\/09\/Capture.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/posts\/2916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=2916"}],"version-history":[{"count":8,"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/posts\/2916\/revisions"}],"predecessor-version":[{"id":2964,"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/posts\/2916\/revisions\/2964"}],"wp:attachment":[{"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=2916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=2916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teamkinetic.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=2916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}