Frame Titles and Layout

Frames can be used as a key design element to offer different sections (web pages) as a collection within one web page. There are some frame pros and cons to think about but frames can be made accessible with accurate titles and in the case of iframes an additional link to the content. There can be problems with orientation within frames as screen reader users may not receive clear guidance or know where they are within a web page if there are frames within frames or a lack of clear guidance as to where the focus within the page has settled. Once again W3C WCAG 2.1 offer extensive information about frames. Hobo has an article that includes a paragraph on Website Frames – Don’t Use Frames To Design & Build Your Site and they highlight some of the issues that make life harder when using frames; from printing to problems for search engines as well as accessibility. The suggestion is to make use of Cascading Style Sheets.


Frame titles can be checked by using the dequeaxe-core

It is also important to check that the titles are meaningful.

Frame borders can be seen by looking at the page source (code) and searching for 'frame' or by using the Web Developer toolbar an add-on for Firefox, Chrome and Opera



This technique may be used to test the following sections of best practice.

Document Section Heading
WCAG 2.1 1.3 Adaptable More Info
WCAG 2.1 1.3.1 Info and Relationships More Info
WCAG 2.1 1.3.2 Meaningful Sequence More Info
WCAG 2.1 2.4.2 Page Titled More Info
WCAG 2.1 2.4.3 Focus Order More Info
WCAG 2.1 3.2.1 On Focus More Info
WCAG 2.1 3.2.2 On Input More Info