{"id":49634,"date":"2021-05-18T16:26:46","date_gmt":"2021-05-18T15:26:46","guid":{"rendered":""},"modified":"2021-05-18T16:26:46","modified_gmt":"2021-05-18T15:26:46","slug":"the-umbraco-backoffice-accessibility-initiative","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-gb\/industry\/blog\/technetuk\/2021\/05\/18\/the-umbraco-backoffice-accessibility-initiative\/","title":{"rendered":"The Umbraco Backoffice accessibility initiative"},"content":{"rendered":"

\"An<\/p>\n

Umbraco is an open-source content management system (CMS) built on the Microsoft Technology Stack. It’s used by many websites worldwide including charity websites like Mind<\/a>, Diversity Role Models<\/a>, Versus Arthritis<\/a> and Amnesty International UK<\/a>.<\/p>\n

Umbraco is both extensible and flexible, and because it\u2019s built in C# it can be extended to integrate with other systems like Microsoft Dynamics, a CRM or Syspro (an ERP).<\/p>\n

One of the key elements in its flexibility is the Backoffice. This allows content authors to maintain website content, and for developers to tie the code they write to the websites and applications they are developing.<\/p>\n

 <\/p>\n

The Accessibility Initiative<\/h3>\n

Umbraco has a great community with friendliness, integrity and respect at the heart of it, and we reflect this clearly in our values<\/a>. Because inclusion and diversity are at the heart of Umbraco and many of the websites built with Umbraco, it makes sense to ensure Backoffice is as accessible as possible.<\/p>\n

In February 2019, Umbraco 8 was launched with a new Backoffice and support for multilingual sites. Following this, the Umbraco community have been working hard to improve accessibility within the Umbraco 8 Backoffice.<\/p>\n

 <\/p>\n

Goals<\/h3>\n

The Umbraco community set a goal of submitting 5 pull requests (or PRs) before Codegarden<\/a>, the largest international Umbraco conference, in May 2019. The community more than met that goal with 13 PRs being submitted.<\/p>\n

The Umbraco community is passionate about accessibility and is working hard to bring accessibility into the Umbraco Backoffice, and the long term goal is to create a Backoffice that is WCAG 2.1 Level AA compliant. As of March this year, 186 accessibility-related PRs have been made to the code base, and 177 have been accepted.<\/p>\n

A wonderful group of people from the Umbraco community have been helping us to greatly improve the accessibility of the Backoffice. They aim to take away barriers to using the Umbraco Backoffice for people with disabilities.<\/p>\n

 <\/p>\n

Why Accessibility In The Backoffice Matters<\/h3>\n

The Umbraco Backoffice is used by everyone who is responsible for building and maintaining websites and web applications, from developers to content authors. A considerable amount of time can be spent working in the Backoffice, so it makes sense to ensure a seamless experience for everyone.<\/p>\n

We want editors and developers to be able to edit and create websites, not battle with a system they can\u2019t use. Indeed, ATAG (the authoring tool accessibility guidelines from W3C) says that authoring tools should themselves be accessible so that people with disabilities can create web content.<\/p>\n

As team member Jan Skovgaard shows in this write-up<\/a>, the DNA of Umbraco and the community is to be diverse and inclusive, and the accessibility work is a natural extension of that.<\/p>\n

 <\/p>\n

Improving Core Elements Helps Packages<\/h3>\n

Umbraco is built using directives, and we have seen numerous directives improved as part of the accessibility project. Developers can extend Umbraco by creating packages and content applications. Such developers will have seen accessibility improvements in their packages if the users have newer versions of Umbraco, and the packages’ developers have utilised Umbraco Directives.<\/p>\n

 <\/p>\n

Feedback<\/h3>\n

Improvements have seen the removal of reliance on a mouse for navigating the Backoffice, which is huge for accessibility. Feedback from Umbraco HQ has been:<\/p>\n

“The keyboard navigation improvements are incredibly helpful even if you don\u2019t have any disabilities. There\u2019s much less need to grab the mouse while doing your Umbraco work, which can also help a lot with productivity!”<\/em><\/p>\n

We have also seen improvements on focus locking. This means that when a pop-up menu is displayed, it\u2019s not possible to navigate around the page outside of that menu.<\/p>\n

A demonstration of some of these changes can be seen in this video<\/a>.<\/p>\n

 <\/p>\n

Unexpected Side Effects<\/h3>\n

Umbraco (through Nexer) have been involved in a collaboration with other content management systems such as Drupal and Joomla, to look at improving the accessibility of the content generated.<\/p>\n

Furthermore, Umbraco has launched an accessibility course<\/a> (developed with Nexer), which we believe to be the first course of it\u2019s kind for a content management system.<\/p>\n

 <\/p>\n

The Team<\/h3>\n

The Umbraco team members are:<\/p>\n