Organizowanie ustawień ułatwień dostępu w aplikacjach kanwy

Kontrolki w aplikacji powinny być uporządkowane, aby pomagać użytkownikom e-czytników w nawigacji. Logiczny porządek zmniejsza również nieporozumienia wśród użytkowników klawiatury i ułatwia im produktywność.

Sensowna nazwa ekranu

Po załadowaniu nowego ekranu jego nazwa zostanie ogłoszona przy użyciu czytnika. Wybierz dobrą nazwę, aby pomagać użytkownikom się odnaleźć.

Nazwę ekranu można zmienić w drzewie formantów lub panelu właściwości w oknie Power Apps Studio. Wybierz ekran, a następnie wybierz Wybierz ikonę pióra, aby edytować nazwę., aby zmienić nazwę ekranu.

Nazwy ekranów można zmieniać w drzewie formantów lub panelu właściwości, jak pokazano na obrazie.

Pierwszym elementem na ekranie jest jego nazwa. Jest ona ukryta i dostępny tylko dla użytkowników e-czytników.

Podczas ładowania nowego ekranu Power Apps skupia się na nazwie ekranu. Jeśli użyjesz SetFocus natychmiast po załadowaniu ekranu, nazwa ekranu nie zostanie odczytana. Rozważ utworzenie widocznego tytułu i wprowadzenie go do żywego regionu w celu ogłaszania zmiany w kontekście.

Logiczna kolejność kontroli

Użytkownicy e-czytników mogą kolejno nawigować po zawartości. Kolejność jest określana przez pozycję formantów, zaczynając od góry i idąc w dół, a następnie od lewej do prawej. Wielkość formantu nie ma znaczenia, liczy się tylko właściwość X i Y.

W tym przykładzie A jest wyświetlane jako pierwsze w kolejności, ponieważ znajduje się najbliżej w górnej części. B i C mają tę samą pozycję pionową, ale ponieważ B jest bliżej lewej, pojawia się przed C. D jest ostatnie, gdyż jest najdalej od góry.

Jak pozycja wpływa na kolejność 4 formantów.

Uwaga

  • W trybie podglądu podczas edytowania aplikacji kolejność kontrolki nie jest aktualizowana ze względów wydajności. Kolejność będzie poprawna po opublikowaniu i uruchomieniu aplikacji.
  • Kolejność kontrolki nie jest taka sama, jak w widoku drzewa formantów w programie Power Apps Studio. Widok drzewa sortuje formanty według czas ich dodania do aplikacji. Nie ma to wpływu na kolejność formantów podczas uruchamiania aplikacji.
  • Jeśli wartość kontrolki X lub Y zostanie ustawiona na wyrażenie, kolejność formantu nie jest aktualizowana po zmianie wyniku wyrażenia. Zamówienie jest obliczane i obliczane na czas zapisania aplikacji, przy użyciu początkowego stanu aplikacji w celu oceny.
    • Jeśli pozycja jest zmieniana z powodu ukrywania lub pokazywania innych formantów, można użyć kontenerów automatycznego układu, by zarządzać X i Y za Ciebie.
    • Można także umieścić wszystkie formanty w sposób logiczny, niezależnie od wartości wyrażenia. Na przykład jeśli formant A powinien być zawsze pod formantem B i B może zostać czasem ukryty, ustaw Y opcji A na If(B.Visible, B.Y + B.Height, B.Y + 1). Dodanie wartości 1 gwarantuje, że A zawsze jest poniżej wartości B, nawet jeśli B jest ukryte.

Pogrupowane formanty

Kolejność domyślna jest odpowiednia dla zawartości izolowanej, ale nie dla zawartości pogrupowanej. Rozważ dwa kafelki obok siebie, narysowane za pomocą formantów Prostokąt. Każdy kafelek ma nagłówek. Poniżej nagłówka są dwa przyciski ustawione pionowo: A i B dla pierwszego kafelka oraz C i D dla drugiego.

Przykład nieprawidłowej metody postępowania: formanty uporządkowane w strukturze płaskiej.

Kolejność domyślna to od góry do dołu i od lewej do prawej. Dlatego kolejność formantów to:

  1. Lewy prostokąt
  2. Prawy prostokąt
  3. Lewy nagłówek
  4. Prawy nagłówek
  5. A
  6. C
  7. B
  8. D

Ta struktura nie przekazuje, że A i B są ze sobą powiązane i w podobny sposób C i D są ze sobą powiązane.

Zgrupuj zawartość powiązaną ze sobą w kontenerach. Wszystkie formanty w kontenerze będą kolejno wyświetlane razem. W kontenerze formanty są ustawiane kolejno z taką samą regułą: od góry do dołu, od lewej do prawej.

Zamieniając prostokąty z poprzedniego przykładu na kontenery, kolejność formantu jest teraz logiczna dla użytkowników e-czytnika:

  1. Lewy kontener
  2. Lewy nagłówek
  3. A
  4. B
  5. Prawy kontener
  6. Prawy nagłówek
  7. C
  8. D

Przykład zalecanej metody postępowania: formanty uporządkowane w hierarchicznej strukturze przy użyciu kontenerów.

Wszystkie formanty w kartach formularzy i galerii są automatycznie grupowane, więc nie trzeba używać kontenera. Jednak jeśli istnieją podgrupy, nadal należy dla nich używać kontenerów.

W tym przykładzie wiersz galerii ma podgląd i dwie części tekstu po lewej stronie. Po prawej stronie są dwa przyciski. Wizualnie i logicznie należy zgrupować dwa zestawy formantów. Dzięki temu użytkownicy e-czytników napotkają grupę lewą przed prawą.

Przykład zalecanej metody postępowania: pokrewne formanty w galerii są grupowane w kontenerach.

Logiczna kolejność nawigacji dla klawiatury

TabIndex określa sposób dostępu użytkowników klawiatury do formantów. TabIndex powinien mieć wartość 0 lub -1. W logicznej kolejności kontroli opisanej powyżej nie ma powodów, aby TabIndex miał wartość inną niż 0.

Kolejność nawigacji klawiatury powinna być obserwowana za pomocą wizualnego przepływu formantów. Jeśli kolejność nawigacji jest nieoczekiwana, należy najpierw sprawdzić, czy struktura aplikacji jest logiczna.

Uwaga

Kolejność nawigacji dla klawiatury nie jest taka sama jak kolejność sterowania. TabIndex ma wpływ jedynie na nawigację przy klawiszu Tab. Nie zmienia to sposobu, w jaki e-czytnik nawiguje po aplikacji w sposób linearny. Część użytkowników e-czytników nie używa w ogóle klawiatury.

Unikanie niestandardowych indeksów kart

Niestandardowe indeksy kart to indeksy większe niż zero. Prawie zawsze są oznaką złego projektu. Istnieją lepsze alternatywy, takie jak utworzenie odpowiedniej struktury aplikacji lub użycie SetFocus do zmiany ostrości.

Należy unikać używania niestandardowych indeksów kart z następujących powodów.

Dostępność

Dostęp do niestandardowych indeksów kart stanowi poważne problemy. Użytkownicy czytników ekranu poruszają się po aplikacji, korzystając z jej logicznej struktury. Niestandardowe indeksy kart ignorują tę strukturę. Ponieważ użytkownicy Czytelnik mogą też przechodzić za pomocą klawisza Tab, zobaczą, że różnią się od innych metod nawigacji.

Użyteczność

Użytkownicy mogą się pomylić, kiedy niektóre elementy zostaną pominięte. Mogą być zdezorientowani, gdy fokus porusza się w nieprzewidywalnej kolejności. Jest to jeszcze bardziej problematyczne dla użytkowników z niepełnosprawnością poznawczą.

Konserwacja

Twórcy aplikacji muszą ręcznie zaktualizować indeks TabIndex wielu formantów po wstawieniu nowego formantu. Łatwo przegapić aktualizację lub pomylić się z zamówieniem.

Wydajność

Aby obsługiwać niestandardowe indeksy kart, system Power Apps musi zbadać wszystkie kontrolki na stronie i obliczyć odpowiednią kolejność. Te obliczenia są procesami wymagacymi wielu obliczeń. Kontrolki kontenerów, takie jak Galeria, mają skomplikowane zasady działania TabIndex w przypadku kontrolek podrzędnych. System mapuje żądany TabIndex producenta aplikacji na inną wartość, aby przestrzegać tych reguł. Dlatego nawet jeśli TabIndex jest ustawiony na zero dla wszystkich kontrolek, rzeczywisty tabindex HTML będzie pewną liczbą dodatnią.

Integracja z innymi składnikami

Indeksy kart niestandardowych działają tylko z wbudowanymi kontrolkami. Kontrolki, które nie są zintegrowane w systemie Power Apps indeksu kart, będą mieli nieoczekiwaną kolejność nawigacji. Może to stanowić problem w przypadku składników kodu. Deweloperzy tych komponentów muszą śledzić interaktywne elementy i ustawiać na nich indeks zakładek. Mogą korzystać z bibliotek innych firm, co może nie umożliwiać dostosowywania indeksów kart. Z drugiej strony, gdy wszystkie indeksy kart mają wartość 0 lub -1, nie ma potrzeby angażowania systemu indeksowania kart Power Apps. Każdy składnik innej firmy osadzony w aplikacji automatycznie otrzyma odpowiednią sekwencję kart.

W przeciwnym kierunku, gdy aplikacje kanwy są osadzone na innej stronie internetowej, niestandardowe indeksy kart nie działają. Na przykład w strony niestandardowe. Power Apps nie może kontrolować elementów poza aplikacją kanwy, więc ogólna kolejność nawigacji po kartach będzie nielogiczna.

Uproszczony indeks karty (wersja zapoznawcza)

Aby mieć pewność, że indeksy kart mają wartość 0 lub -1, włącz funkcję aplikacji Uproszczony indeks kart w Ustawienia > Nadchodzące funkcje.

Włączenie funkcji uproszczonego indeksu kart.

Ważne

  • Jest to funkcja w wersji zapoznawczej.
  • Funkcje w wersji zapoznawczej nie są przeznaczone do użytku w środowiskach produkcyjnych i mogą mieć ograniczoną funkcjonalność. Te funkcje są udostępniane przed oficjalnym wydaniem, dzięki czemu klienci mogą szybciej uzyskać do nich dostęp i przekazać opinie na ich temat.

Po włączeniu tej funkcji wszystkie wartości TabIndex większe niż zero będą traktowane jako zera. Spowoduje to również wyłączenie systemu indeksowania kart usługi Power Apps, aby umożliwić lepszą integrację z innymi składnikami, jak opisano powyżej.

Obejście niestandardowej sekwencji kart

W rzadkich sytuacjach, w których kolejność nawigacji za pomocą klawiatury powinna być inna niż kolejność wizualna, możesz ostrożnie rozmieścić kontrolki kontenera, aby uzyskać ten sam efekt.

W poniższym przykładzie przycisk A znajduje się nad przyciskiem B. Naturalna kolejność nawigacji po kartach to A, a następnie B.

Dwa przyciski z tym samym TabIndex, ułożone pionowo.

Aby odwrócić kolejność nawigacji na karcie, umieść B w kontrolce Kontener. Ustaw wartość Y kontenera na większą niż A. Struktura aplikacji ma teraz kontener (i B) przed A. W związku z tym kolejność nawigacji po kartach to B, a następnie A.

B jest umieszczany w kontenerze wyświetlanym przed kontenerem A.

Dzięki tej technikze użytkownicy Czytelnik ekranie będą także napotkać B przed przejściem do strony A bez użycia klawisza Tab.

Następne kroki

Kolory ułatwiające dostęp w Power Apps

Zobacz także