Top 10 Accessibility Issues in Portugal
These are the main A11Y issues found in the most prominent Portugal websites.
The website list is curated by Ruben Ferreira Duarte, A11Y trainer and editor of the DXD blog
Last update: Wednesday, April 1, 2026
1. All page content should be contained by landmarks. 83.08%
All page content should be wrapped inside landmark regions such as <header>, <nav>, <main>, and <footer>. When content sits outside these landmarks, screen reader users may struggle to find it or understand its purpose. To fix this, ensure every visible element on the page (except skip navigation links) is contained within an appropriate landmark element.
2. Heading levels should only increase by one. 6.36%
Heading levels must increase sequentially — an h1 should be followed by an h2, not an h3 or h4. Skipping heading levels breaks the logical document outline that assistive technology users rely on to understand and navigate page content. To fix this, restructure your headings so they form a proper hierarchy without gaps.
3. Landmarks should have a unique role or role/label/title (i.e. accessible name) combination. 4.28%
When a page contains multiple landmarks with the same role (such as two <nav> elements or two <aside> elements), each must be given a unique accessible name so users can distinguish between them. Without unique names, screen reader users who navigate by landmarks cannot tell which landmark is which, making it difficult to jump to the correct section of the page.
4. Zooming and scaling must not be disabled. 2.38%
The <meta name="viewport"> element must not include user-scalable="no", and the maximum-scale parameter must not be set to a value less than 2. These settings prevent or limit zooming, which is essential for users with low vision who rely on pinch-to-zoom or screen magnification to read content. Remove user-scalable="no" and ensure maximum-scale is at least 2 (or omit it entirely) to allow users to resize content up to at least 200%.
5. Document should have one main landmark. 1.74%
Every web page should have exactly one main landmark so screen reader users can quickly jump to the primary content. If the page contains iframe elements, each iframe should have either no main landmark or exactly one. Add a <main> element (or a container with role="main") to wrap your page's principal content, and ensure all other visible content is placed inside appropriate landmark regions as well.
6. Aside should not be contained in another landmark. 0.66%
The <aside> element (or any element with role="complementary") must be placed at the top level of the document, not nested inside another landmark region. To fix this, move the <aside> or role="complementary" element outside of any containing landmarks such as <main>, <nav>, <header>, <footer>, or other sectioning elements with landmark roles.
7. Page should contain a level-one heading. 0.49%
Every page should contain a level-one heading (h1) to give screen reader users a reliable landmark for jumping directly to the main content. Without an h1, users who rely on assistive technology must listen through large portions of the page to understand its structure. Add a single h1 element at the beginning of your main content to fix this issue.
8. Document should not have more than one banner landmark. 0.47%
A page must not contain more than one banner landmark. When multiple banner landmarks exist, screen reader users cannot reliably distinguish the site-wide header from other content, making landmark-based navigation confusing and unreliable. To fix this, ensure your page has at most one element with role="banner" or one top-level <header> element that serves as the banner landmark.
9. Banner landmark should not be contained in another landmark. 0.29%
The banner landmark (created by a top-level <header> element or role="banner") must be a top-level landmark and not nested inside another landmark such as main, navigation, or complementary. When a banner is buried within another landmark, screen reader users cannot reliably locate the site-wide header using landmark navigation. To fix this, move the banner landmark outside of any containing landmark so it sits directly under the <body> element.
10. Contentinfo landmark should not be contained in another landmark. 0.24%
The contentinfo landmark (created by a top-level <footer> or an element with role="contentinfo") must not be nested inside another landmark such as main, navigation, or region. When a contentinfo landmark is buried within another landmark, screen reader users lose the ability to quickly jump to the page's footer information using landmark navigation. To fix this, move the contentinfo landmark so it is a direct child of the <body> element, outside of any other landmark regions.
Validate at scale.
Ship accessible websites, faster.
Automated HTML & accessibility validation for large sites. Check thousands of pages against WCAG guidelines and W3C standards in minutes, not days.
Pro Trial
Full Pro access. Cancel anytime.
Start Pro Trial →Join teams across 40+ countries