Projektowanie Komponentów Akordowych

Powtarzalne wzory akordowe dla często zadawanych pytań w krajach, notatek metodologicznych i d

Każdy element w akordzie składa się z nagłówka – który zawiera tytuł oraz dowolny znaczek lub miarę – obok ikony rozwiń i obszar opisu.

Nagłówek wykorzystuje całą szerokość, a jego wysokość minimalna wynosi 44 piksele, co zapewnia wystarczające miejsce do jasnej prezentacji.

Chevron icon obraca się podczas przełączania; opcjonalne chipy stanu.

Obszar zawartości w każdym elementu akordowym jest zaprojektowany do wyświetlania tekstu, podglądu wykresów i dostarczania linków do szczegółowych stron związanej z tematem.

Aby zapewnić płynny doświadczenie użytkownika, obsługiwane są stan hover/focus/active oraz przejście trwające nie więcej niż 220 milisekund dla zmian wysokości i przezroczystości. Ta projektanta również uwzględnia tryby rozwiń-jedno lub rozwiń-wiele, zachowując synchronizację między stanem ikony a ogólnym rozwiżeniem akordu.

Używanie przycisku z aria-expanded i aria-controls; treść ma identyfikator i rolę

Na urządzeniach mobilnych jest używany layout skonstruowany w formie stosu, aby optymalizować cele klikania, podczas gdy długie tytuły są przerywane z użyciem narzędzia do okazania informacji, aby poprawić czytelność.

Tytuły powinny być skrócone i zawierać kontekst związany z krajem lub miernikiem przedstawianym (np., ‘Linię czasu polityki’, ‘ Źródła finansowania’). Każdy element powinien skupiać się na jednym temacie, uzupełniony linkami do źródeł na końcu treści.

Często zadawane pytania