skip to main content

Top Navigation

Exercises

Step1: Page Layout
Step2: Region Landmarks
Step3: Content Relationship
Step4: Dialog Content
Step5: MenuBar Content

Resources

W3C: Navigation Menubar Example
W3C: Navigation Menu Button Example
W3C: Navigation Menu Button that opens a menu of items that behave as links
W3C: Actions Menu Button Example Using element.focus()
W3C: Actions Menu Button Example Using aria-activedescendant
W3C: Action Menu Button Using element.focus() to manage menu elements using element.focus().
W3C: Action Menu Button Using aria-activedescendant to open a menu of actions where the focus is managed by aria-activedescendant
Web Content Accessibility Guidelines (WCAG) 2.2
Accessible Rich Internet Applications (WAI-ARIA) 1.3

ARIA Coding Examples

Font
- Sans-serif
- Serif
- Monospace
- Fantasy
Style/Color
- - Bold
  - Italic
- - Black
  - Blue
  - Red
  - Green
- - None
  - Overline
  - Line-through
  - Underline
Text Align
- Left
- Center
- Right
- Justify
Size
- Smaller
- Larger
- - X-Small
  - Small
  - Medium
  - Large
  - X-Large

W3C: Editor Menubar Example

Page Footer

Business and Educational Services in Technology (BEST), All rights reserved