Kontrola zjednodušenia ovládania aplikácie typu canvas v službe PowerAppsReview a canvas app for accessibility in PowerApps

Používatelia, ktorí trpia zrakovými, sluchovými alebo inými poruchami, môžu používať vašu aplikáciu typu canvas oveľa jednoduchšie a plnohodnotnejšie, ak pri vytváraní návrhu vzhľadu aplikácie a jej správania zvážite aj zjednodušenie ovládania.Users who have vision, hearing, or other impairments can use your canvas app more easily and successfully if you consider accessibility as you design how the app looks and behaves. Ak si nie ste istí, ako vytvoriť dostupnejšiu aplikáciu, môžete spustiť funkciu Kontrola zjednodušenia ovládania v aplikácii PowerApps Studio.If you're not sure how to make your app more accessible, you can run the Accessibility checker in PowerApps Studio. Tento nástroj vyhľadá potenciálne problémy so zjednodušením ovládania, ale taktiež objasní, prečo by mohli byť problematické pre používateľov so špecifickým zdravotným znevýhodnením a ponúkne návrhy, ako vyriešiť jednotlivé problémy.This tool not only finds potential accessibility issues but also explains why each might be a potential problem for users who have a specific disability and offers suggestions on how to resolve each issue. Nástroj Kontrola zjednodušenia ovládania zisťuje problémy s čítačkou obrazovky a klávesnicou. Môžete tak zistiť informácie o tom, ako pomocou farieb na zjednodušenie ovládania vyriešiť problémy s kontrastom farieb.The Accessibility checker detects screen-reader and keyboard issues for you, and you can find information about how to fix color-contrast issues by using accessible colors.

Nástroj Kontrola zjednodušenia ovládania vám pomáha identifikovať nastavenia, ktoré možno budete chcieť zmeniť. Vždy by ste však mali zvážiť návrhy v kontexte toho, čo potrebuje vaša aplikácia vykonávať.The Accessibility checker helps you identify settings that you might want to change, but you should always consider the suggestions in the context of what your app needs to do. Mnohé návrhy môžu byť užitočné, ale môžete ignorovať tie, ktoré by mohli narobiť viac škody ako úžitku.Many suggestions may be worthwhile, but you can ignore any that might do more harm than good.

Vyhľadanie problémov so zjednodušením ovládaniaFind accessibility issues

  1. V pravom hornom rohu aplikácie PowerApps Studio vyberte ikonu pre funkciu Kontrola aplikácie.In the upper-right corner of PowerApps Studio, select the icon for the App checker.

    Ikona funkcie Kontrola aplikácie

  2. V ponuke, ktorá sa zobrazí, vyberte položku Zjednodušenie ovládania.In the menu that appears, select Accessibility.

    Zoznam možností na table Kontrola aplikácie

    Zobrazí sa zoznam problémov zoradených najskôr podľa závažnosti a potom podľa obrazovky.A list of issues appears, sorted first by severity and then by screen.

    Tabla Kontrola zjednodušenia ovládania a zoznam položiek

  3. Ak vyberiete šípku vedľa položky, zobrazia sa príslušné podrobnosti.Select the arrow next to an item to show details about it.

    Podrobnosti o kontrole zjednodušenia ovládania

  4. Výberom čiernej šípky späť sa vráťte na zoznam položiek.Select the back arrow to return to the list of items.

  5. Ak sa rozhodnete riešiť problém, vyberte ho a otvorte príslušnú vlastnosť.If you decide to address an issue, select it to open the affected property.

  6. Po zmene jednej alebo viacerých vlastností vyberte možnosť Skontrolovať znova a aktualizujte zoznam problémov.After you change one or more properties, select Re-check to update the list of issues.

    Vyriešené položky sa prestanú zobrazovať v zozname, môžu sa však objaviť nové položky.Resolved items disappear from the list, and new items may appear.

Závažnosť problémovSeverity of issues

Kontrola zjednodušenia ovládania klasifikuje jednotlivé problémy podľa závažnosti ako chybu, upozornenie alebo tip.The Accessibility checker classifies each issue as an error, a warning, or a tip based the issue's severity.

  • Chyby predstavujú problémy, pre ktoré sa používanie aplikácie používateľmi so zdravotným znevýhodnením stáva náročným alebo nemožným.Errors identify issues that make the app difficult or impossible to use and understand for users who have a disability.
  • Upozornenia predstavujú problémy, pre ktoré je používanie alebo pochopenie aplikácie ťažšie pre väčšinu, ale nie pre všetkých používateľov so zdravotným znevýhodnením.Warnings identify issues that make the app difficult to use or understand for most but not all users who have a disability.
  • Tipy pomáhajú zlepšiť používateľom so zdravotným znevýhodnením skúsenosť z používania.Tips help you improve the experience of users who have a disability.

Typy problémovTypes of issues

Názov problémuIssue Title ZávažnosťSeverity Popis problémuIssue Description Postup opravyHow to fix Prečo je potrebná opravaWhy fix
Chýba dostupné označenieMissing accessible label ChybaError Vlastnosť dostupného označenia interaktívneho ovládacieho prvku neobsahuje žiadny text.When the accessible-label property of an interactive control contains no text. Interaktívny ovládací prvok môže byť interaktívny vo svojej podstate, rovnako ako tlačidlo, alebo môže mať interaktívne vlastnosti.An interactive control can be inherently interactive, as a button is, or it has interactive properties. Mohli by ste napríklad nastaviť vlastnosť obrázka OnSelect alebo nastaviť jeho vlastnosť TabIndex na hodnotu 0 alebo vyššiu.For example, you might have set the OnSelect property of an image or set its TabIndex property to 0 or higher. Upravte vlastnosť dostupného označenia, ktorá popisuje položku.Edit the accessible-label property to describe the item. Ak vlastnosť dostupného označenia neobsahuje žiadny text, ľudia so zrakovým postihnutím, ktorí nevidia na obrazovku, nebudú vedieť, čo je obsahom obrázkov a ovládacích prvkov.If the accessible-label property contains no text, people who can’t see the screen won't understand what’s in images and controls.
Zameranie sa nezobrazujeFocus isn't showing ChybaError Vlastnosť ovládacieho prvku FocusBorderThickness je nastavená na hodnotu 0.When the FocusBorderThickness of a control is set to 0. Je vhodné zabezpečiť správny pomer kontrastu farieb medzi orámovaním zamerania a samotným ovládacím prvkom tak, aby bolo jasne viditeľné.It is good practice to ensure a proper color-contrast ratio between the focus border and the control itself so it's clearly visible. Zmeňte vlastnosť FocusedBorderThickness tak, aby mala hodnotu väčšiu ako 0.Change the FocusedBorderThickness property to a value that's higher than 0. Ak nie je zameranie viditeľné, používatelia, ktorí nepoužívajú myš, zameranie počas interakcie s aplikáciou nevidia.If the focus isn't visible, people who don't use a mouse can't see it when they interact with the app.
Chýbajú skryté titulkyMissing captions UpozornenieWarning Vlastnosť ClosedCaptionsURL ovládacích prvkov Zvuk alebo Video je prázdna.When the ClosedCaptionsURL property of an Audio or Video control is empty. Nastavte vlastnosť ClosedCaptionsURL na URL adresu pre skryté titulky.Set the ClosedCaptionsURL property to the URL for captions. Bez titulkov by ľudia so zdravotným postihnutím nemohli získať žiadnu informáciu zo segmentu videa alebo zvuku.Without captions, people who have disabilities might not get any information from a video or audio segment.
Chýbajú užitočné nastavenia ovládacieho prvkuMissing helpful control settings UpozornenieWarning Niektoré z viacerých nastavení sú vypnuté (ako napríklad zobrazené označenia a značky pre grafy a predvolené ovládacie prvky pre ovládacie prvky Zvuk, Video a Zadávanie perom).When any of several settings (such as showing labels and markers for charts and showing default controls for Audio, Video, and Pen input controls) are turned off. Vyberte upozornenie a potom nastavte vlastnosť na hodnotu true.Select the warning, and then set the property to true. Zmenou nastavenia tejto vlastnosti používateľ získa lepšie informácie o fungovaní ovládacích prvkov v aplikácii.By changing this property setting, you give the user better information about how the controls in your app function.
Kód HTML nebude dostupnýHTML won't be accessible UpozornenieWarning Kód HTML obsahuje iný ovládací prvok než ovládací prvok textu vo formáte HTML.When a control other than an HTML text control contains HTML. V takom prípade služba PowerApps nepodporuje funkciu zjednodušenia ovládania vlastných prvkoch HTML.In that case, PowerApps doesn't support accessibility of custom HTML elements. Použite inú metódu ako kód HTML alebo z daného prvku odstráňte kód HTML.Use a method other than HTML, or remove the HTML from this element. Vaša aplikácia nebude fungovať správne alebo nebude dostupná, ak do nej pridáte interaktívne prvky HTML.Your app won't work correctly or be accessible if you add interactive HTML elements.
Vypnúť automatické spustenieTurn off autostart UpozornenieWarning Pri ovládacích prvkoch Zvuk alebo Video je vlastnosť Automatické spustenie nastavená na hodnotu true.When an Audio or Video control's Autostart property is set to true. Nastavte vlastnosť Automatické spustenie ovládacieho prvku na hodnotu false.Set the control's Autostart property to false. Videá a zvukové súbory, ktoré sa prehrávajú automaticky, môžu odviesť pozornosť používateľov.Video and audio files that play automatically can distract users. Umožnite im, aby si vybrali, či chcú klip prehrať.Let them choose whether to play a clip.
Zrevidovať názov obrazovkyRevise screen name TipTip Obrazovka má predvolený názov, ktorý čítačka obrazovky prečíta, keď používateľ prechádza rozhraním aplikácie.When a screen has a default name, which will be read out by screen readers when users navigate the app. Zadajte názov obrazovky, ktorý popisuje, čo je na obrazovke alebo na čo sa používa.Give the screen a name that describes what's on the screen or what it's used for. Ľudia, ktorí sú slepí, slabozrakí alebo ktorí majú zníženú schopnosť čítania, sa pri navigácii v rozhraní pomocou čítačky obrazovky spoliehajú na názvy obrazoviek.People who are blind, have low vision, or a reading disability rely on screen names to navigate using the screen reader.
Pridať text označenia stavuAdd State indication text TipTip Ovládací prvok má možnosť meniť stav, napríklad pomocou prepínača, ale označenia hodnôt sú vypnuté.When a control that has a state, such as a toggle, but the value labels are turned off. Nastavte vlastnosť ShowValue ovládacieho prvku na hodnotu true a zobrazí sa jeho aktuálny stav.Set the ShowValue property of the control to true to show its current state. Ak sa nezobrazí stav ovládacieho prvku, používatelia nezískajú potvrdenie svojich akcií.Users won't get confirmation of their actions if the state of the control doesn't appear.
Skontrolovať poradie položiek na obrazovkeCheck the order of the screen items TipTip Hodnota vlastnosti TabIndex je väčšia ako 1.When the TabIndex property is greater than 1. Tvorcovia aplikácie môžu nastaviť vlastné poradia tabuľky nastavením vlastnosti TabIndex na číselnú hodnotu, ako napríklad 1, 2, 3 a 4.App creators can set custom tab orders by setting the TabIndex property to a numerical value such as 1, 2, 3, and 4. Tento tip vám pripomenie kontrolu interaktívneho poradia pre túto obrazovku.This tip reminds you to review the interactive order for this screen. Najvhodnejším postupom je nasledovanie návrhu, v ktorom je vlastnosť TabIndex nastavená na hodnotu 0.As a best practice, follow a design in which the TabIndex property is 0. Skontrolujte, či sa poradie prvkov na obrazovke zhoduje s poradím, v ktorom sa majú prechádzať použitím klávesu Tab.Make sure that your screen elements match the order in which you'd want to tab through them. Keď čítačka obrazovky prečíta prvky aplikácie, mali by sa zobraziť v poradí, v ktorom by ich mal vidieť používateľ a nie v poradí, ktoré je menej intuitívne.When a screen reader reads the elements of an app, they should appear in the order in which a user would see them, instead of an order that's less intuitive.
Pridať ďalšiu metódu vstupuAdd another input method TipTip Aplikácia obsahuje ovládací prvok Pero.When an app contains a Pen control. Tento tip vám pripomenie, že je možné vložiť samostatnú metódu vstupu.This tip reminds you to include a separate method of input. Pridajte aj ovládací prvok textový vstup okrem ovládacieho prvku pero, ak chcete povoliť používanie funkcie zjednodušenia ovládania.Add a Text input control in addition to the Pen control for an accessible experience. Niektorí používatelia nemôžu používať pero a vyžadujú iný spôsob zadávania informácií (napríklad zadaním podpisu).Some users can't use a pen and require another way to provide information (for example, by typing a signature).

Ďalšie krokyNext steps