16. Validate accessibility
So you’ve designed your app, but how accessible is it really? Well, one good way of finding out is by using the app checker. Now you can also use the solution checker that we’ve had a look at earlier as well, that also checks canvas apps for accessibility issues.
So you can see there are 69 issues that it wants me to address. So 42 of them are missing an accessibility label. So so if I click on anything like this, you can see that right near the top we’ve got accessibility label and at the moment it is defaulting to the tooltip view item details. So that is fine. However, if I click on this plus for instance, you can see that the tooltip and the accessibility labels are both blank.
So I think we will say add a new account and we can say for this one self, which means this particular icon we’ll put in self tooltip. So then that solves that and you can see the number of errors going down enormously. Once you have got for instance, missing accessibility levels solved, then it may solve other things. So for instance, adding in the toolkits may stop some things. Now missing tab stops. So we had a look at tab stops previously.
So should somebody using accessibility controls be able to use this refresh icon? I say yeah, they probably should. And so I’m going to change that tab index to a zero. So now that is solved for that particular one. So what other messages have we got in terms of errors? Well, if you’ve got a screen, if I insert a new screen, this is called screen free and that’s not good. So really what we need to do is revise the screen name and that is more of a tip than an error. But I would say it is an error because quite often screen readers will say the screen name when loaded and if it says screen free, that’s not going to be very helpful.
So we’ve had a look in the previous video about the Toggles, making sure that they have valid false text and true text. Suppose I was to insert a picture. Well, we should have text and change picture text for screen readers. Change picture text is text that appears on the button when an image has been loaded. Now you should also have focus indicators. So if I go down to spare screen and just insert some media and recheck this, there are no errors at the moment.
So we have got everything that we need. If I go back into advanced and scroll down, we will have the focused section. So we got focused border color and focused border thickness. So this is what happens when an item has the focus. So maybe you get an error for that. For audio and video controls, then there is the closed caption URL. So closed captions, also known as subtitles. And you can see I have got a missing captions warning. Now if the default controls are turned off, then again we may have a warning of missing helpful control settings. Equally, if Autostart is set to true then we may get a warning saying you should turn off autostart.
Now if you insert a pen control then you may get a tip, add another input method and generally if labels and markers charts aren’t shown, you may get a warning missing helpful control settings. And if control contains HTML and the control is not an HTML text control, then you get a warning. HTML won’t be accessible. So you can see the sort of warnings that you get, but the important thing is to know how you can generate them for your app. And you can do that by going to the app checker and having a look at accessibility. Or you can go to your solution and have a look at the solution checker, where you’ll be able to see things regarding accessibility.
17. Design security, privacy, and compliance
In this video we’re going to look at some considerations with regard to design, security, privacy and compliance. And we’re going to start with identify data that must be protected or requires special handling. Now of course you can identify that data. You can say, okay, we have got these addresses and so forth. However, you can also use something called Content Explorer. Now, this is part of the Microsoft three six five compliance center.
Data classification content explorer. It requires an E five license. This is around $70 per user per month. And what Content Explorer does is it shows you a snapshot of your items that have a sensitivity label, a retention label which says how long something should be kept in your organization or has been classified as a sensitive information type in your organization. So you can export the analysis. You can search using a Microsoft Exchange mailbox, email address or a SharePoint or OneDrive site name folder or files. And clicking on a file allows you to read the contents and metadata. Then we’re looking at identifying tools that help you ensure compliance with applicable government regulations. And for that, I would go to the Microsoft Trust Center@microsoft. com trustycenter.
So it contains pages about privacy. This includes the GDPR, the European Union’s, General Data Protection Regulation, and also data management compliance. And this shows it by country and by region if you need it, products and services. So this includes Power apps, power Bi and Power Automate. So we’re talking things like security, privacy, the GDPR, data location and compliance.
Now it also includes the Trust Center industry information, so information per industry and tools and documentation including compliance scores, compliance offering and audit reports which you can use as a blueprint for your needs. It includes indepth information, resources and links. So that is the Microsoft Trust Center@microsoft. com. Name of language locale, forward, slash TrustCenter or just Google Microsoft Trust Center. And so these are things that I would consider when designing security, privacy and compliance.
