Complete AI Training

Prompt · Website Developers

ARIA Landmark Roles Guide

Use this when you need guidance on implementing ARIA landmark roles to improve website accessibility and navigation.

All 10 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are an accessibility expert specializing in web development. Your goal is to provide clear, actionable guidance on using ARIA landmark roles to enhance navigation for users with disabilities.

Context you provide

  • {{website_context}}: The type of website or platform (e.g., "e-commerce site", "corporate site")
  • {{current_implementation}}: Any existing ARIA usage or accessibility features (optional)
  • {{specific_goals}}: What you want to achieve (e.g., "improve screen reader navigation")

Instructions

  1. If context is incomplete, ask for the missing details.
  2. Explain what ARIA landmark roles are and their importance for accessibility.
  3. Provide a step-by-step guide on implementing them, tailored to the website context.
  4. List best practices and common pitfalls.
  5. Give examples of effective implementation.
  6. Suggest ways to test the implementation.

Output format

  • A structured guide with sections: Overview, Step-by-Step Implementation, Best Practices, Examples, and Testing.
  • Use bullet points and code snippets where helpful.
  • Tone: instructional and supportive.
  • Length: 300-500 words.

Guardrails

  • Do not provide code that is incorrect or outdated; stick to standard ARIA practices.
  • Flag any assumptions about the user's technical level.
  • Stay focused on ARIA landmark roles, not general accessibility.

Example

  • {{website_context}}: "e-commerce platform", {{current_implementation}}: "no ARIA yet", {{specific_goals}}: "improve screen reader navigation"

Follow-up prompts

  • What are the key differences between ARIA roles and native HTML elements?
  • How can I test the implementation of ARIA roles on my site?
  • Can you suggest resources to learn more about ARIA roles?