Menubar
메뉴바
메뉴 바는 항상 표시되는 메뉴로, 종종 하나의 가로 행에 있습니다. 그 항목들은 앱 스타일 키보드 규칙으로 명령이나 하위 메뉴를 엽니다.
실제 예시
리치 텍스트 편집기에는 파일, 편집, 서식, 도움말 그룹이 있습니다. 화살표 키는 상단 항목 사이를 이동하고 하위 메뉴를 열며, Tab 키는 메뉴 바를 벗어납니다. 페이지 링크가 있는 웹사이트의 헤더가 자동으로 메뉴 바가 되는 것은 아닙니다.
주요 부분
- 01지속적인 컨테이너
- 02최상위 메뉴 항목
- 03하위 메뉴 관계
사용할 때
사용자가 메뉴 키보드 규칙을 예상하는 항상 보이는 데스크톱 같은 앱 명령에 이 용어를 사용하세요.
다음 경우에는 사용하지 마세요
링크와 일반적인 Tab 순서가 더 명확할 때 일반적인 사이트 탐색에는 사용하지 마십시오.
코드에서 사용된 이름
role=menubar + horizontal arrow navigation 출시하기 전에
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome:Complete the task with 메뉴바 (Menubar)。 User context:리치 텍스트 편집기에는 파일, 편집, 서식, 도움말 그룹이 있습니다. 화살표 키는 상단 항목 사이를 이동하고 하위 메뉴를 열며, Tab 키는 메뉴 바를 벗어납니다. 페이지 링크가 있는 웹사이트의 헤더가 자동으로 메뉴 바가 되는 것은 아닙니다. Recommended pattern:메뉴바 (Menubar)。 Why it fits:사용자가 메뉴 키보드 규칙을 예상하는 항상 보이는 데스크톱 같은 앱 명령에 이 용어를 사용하세요. Do not use it when:링크와 일반적인 Tab 순서가 더 명확할 때 일반적인 사이트 탐색에는 사용하지 마십시오. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary):해당 출처에 대해 공식적인 것입니다. 다른 플랫폼이나 팀은 그 용어를 다른 방식으로 사용할 수 있습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 메뉴바 (Menubar) is used now. Definition: 메뉴 바는 항상 표시되는 메뉴로, 종종 하나의 가로 행에 있습니다. 그 항목들은 앱 스타일 키보드 규칙으로 명령이나 하위 메뉴를 엽니다. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.