Jak zobrazím popis při vytváření vodítek?

1. Jak označíte popisek?
2. Tipy fungují na mobilních zařízeních?
3. K tomu, aby tlačítka potřebovala popisky?
4. Co je uživatelské rozhraní s popisem?
5. Jak velký by měl být popisek?
6. Co je popis v kódu HTML?
7. Jak získáte popisek pro práci na mobilu?
8. Jak najdu v telefonu popisek?
9. Funguje efekt přechodu na mobil?
10. Kam umístíte popisek?
11. Čtečky obrazovky mohou číst popisy nástrojů?
12. Co mohu použít místo popisů?

Jak označíte popisek?

Tipy se obvykle inicializují jedním ze dvou způsobů: gestem najetí myší nebo gestem přechodu myší. (V případě, že vás zajímá, co je to vznášení na klávesnici: pro přístup k aktivním prvkům na stránce mohou uživatelé k nim obvykle pohybovat myší nebo je procházet pomocí klávesnice.

Tipy fungují na mobilních zařízeních?

Popisky nejsou jen pro web - jsou také jedním z nejpopulárnějších a nejefektivnějších vzorů uživatelského rozhraní pro mobilní aplikace.

K tomu, aby tlačítka potřebovala popisky?

Pokyny Microsoft UWP mají pěkné orientační pravidlo pro popisky: „Pokud jsou informace k dispozici jinde ve stejném prostředí, nepotřebujete popis.„To znamená, že tlačítko, které obsahuje ikonu a text, by nemělo mít popis, ale samotné tlačítko s ikonou by mělo, jako v příkladu níže.

Co je uživatelské rozhraní s popisem?

Popisky jsou malé prvky uživatelského rozhraní, které uživatelům pomáhají při provádění konkrétních akcí. Spustí se, když uživatel umístí kurzor na položku na stránce nebo když klikne na hotspot. Popisy poskytují uživatelům další informace, které dláždí cestu k úspěchu produktu.

Jak velký by měl být popisek?

Text v popisku by měl být krátký a dobře formátovaný (usilovat o 20 znaků na řádek).

Co je popis v kódu HTML?

Úvod do nápovědy HTML. Popisek je koncept používaný v HTML pro zobrazení některých dalších informací o konkrétně vybraném prvku. To lze provést u efektu přechodu myší, kdykoli uživatel přesune myš nad prvek, který používá popis k zobrazení zadaných informací o tomto prvku.

Jak získáte popisek pro práci na mobilu?

Ve výše uvedeném příkladu můžete vidět, že ikona popisku je umístěna napravo od rozevíracího seznamu a má stejnou velikost jako jeho výška. To proto, aby to nezasahovalo do popisku možnosti, ale aby to uživatelé stále viděli. Vizuální forma rozevíracího seznamu určuje velikost a umístění ikony popisku.

Jak najdu v telefonu popisek?

Popisek se zobrazí po klepnutí a podržení prvku nebo součásti obrazovky (na mobilním zařízení) nebo na ní přejedete myší (na ploše). Nepřetržitě zobrazujte popisek, dokud uživatel dlouze stiskne nebo umístí kurzor na prvek.

Funguje efekt přechodu na mobil?

Typická obrazovka rozhraní obsahuje mnoho prvků. Efekty při najetí myší informují uživatele, s čím mohou interagovat, poskytnutím vizuální zpětné vazby na tlačítka. Ale je tu problém - efekty přechodu jsou pro desktopové aplikace, ne pro mobilní aplikace. V mobilních zařízeních nejsou žádná zařízení myši, takže uživatelé nemají luxus používání efektů přechodu myší.

Kam umístíte popisek?

Základní popis

Text popisu je umístěn uvnitř vloženého prvku (například <rozpětí>) s . CSS: Třída popisu nástroje používá pozici: relativní, která je potřebná k umístění textu popisku (pozice: absolutní).

Čtečky obrazovky mohou číst popisy nástrojů?

Nejprve definujte popisek pomocí role = "tooltip" . Ve výchozím nastavení skryjte popisek s aria-hidden = "true" . Přidejte také živou oblast s aria-live = "polite", aby si čtečky obrazovky automaticky přečetly popisek, když se objeví.

Co mohu použít místo popisů?

Lepší alternativou je jen ukázat obsah in situ, nebo ještě lépe, navrhnout rozhraní tak, aby uživatelé na prvním místě nepotřebovali další pokyny. Pokud vše ostatní selže, použijte vloženou přepínací komponentu. Poskytuje všechny výhody postupného zveřejňování bez úskalí popisů nástrojů.