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
- Webaim: Creating Accessible Frames.
- Accessibility and Usability at Penn State University: Making iframes content Web accessible for screen readers.
- a11y guidelines from Orange: Hiding technical iframe in an accessible way.
This technique may be used to test the following sections of best practice.
|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|