Menu Close

{How to } Make Power Page Portal WCAG 2.1 Level A and AA Standards

Hello Everyone,

Today I am going to share my thoughts on how to make power pages portal according to the WCAG 2.1 Level A and AA Standards.

Let’s get started.

Making a Power Pages portal (from Microsoft’s Power Platform) compliant with WCAG 2.1 Level A and AA means addressing accessibility across design, content, and code. Power Pages gives you a solid starting point, but compliance depends on how you build and customise it.

Here’s a practical, structured way to get there:

1. Start with an Accessible Theme

Power Pages portals use templates (often based on Bootstrap).

Choose themes with good colour contrast

Avoid heavily customised UI that breaks semantic structure

Ensure responsive design (important for accessibility + zoom)

👉 Tip: Use tools like contrast checkers to meet 4.5:1 ratio (AA).

2. Use Proper HTML Semantics

WCAG relies heavily on structure.

Use correct heading hierarchy (h1 → h2 → h3)

Use semantic elements (